/*
 * GENERATED FILE — DO NOT EDIT.
 * Exact Partnerportal rule clone from f4c8b99b9ae6e82d676d28533ee22a2883b443e2.
 * Source: public/styles.css
 * Generated by scripts/generate-partner-reference-clone.py
 * Partner and Baustelle never receive data-design-system=partner-portal-v1.
 */
:where(body[data-design-system="partner-portal-v1"] .appContent),
:where(body[data-design-system="partner-portal-v1"] .appContent *) {
  all: revert;
}
:where(body[data-design-system="partner-portal-v1"]) .projectRecordEyebrow {
  margin: 0 0 4px;
  color: rgba(255, 255, 255, .72);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocus {
  min-width: 0;
  margin-top: 2px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary {
  max-width: none;
  padding: 0 0 0 12px;
  border-left: 2px solid rgba(72, 159, 223, .82);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary + .projectRecordFocusPrimary {
  margin-top: 6px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusLabel {
  margin: 0 0 3px;
  color: rgba(255, 255, 255, .62);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta span, :where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary span, :where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary strong {
  display: block;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary strong {
  color: #fff;
  font-size: clamp(.9rem, 1vw, 1.05rem);
  font-weight: 600;
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary span {
  margin-top: 2px;
  color: rgba(255, 255, 255, .76);
  font-size: clamp(.78rem, .85vw, .88rem);
  line-height: 1.4;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta > div {
  min-width: 0;
  padding-right: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta > div + div {
  padding-left: 18px;
  border-left: 1px solid rgba(255, 255, 255, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta span {
  color: rgba(255, 255, 255, .88);
  font-size: clamp(.76rem, .8vw, .84rem);
  line-height: 1.4;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusAction {
  margin-top: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusCancel, :where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusSubmit, :where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusToggle {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 10px;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusCancel, :where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusToggle {
  border: 1px solid rgba(255, 255, 255, .24);
  background: rgba(3, 12, 38, .42);
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusSubmit {
  border: 1px solid rgba(101, 189, 255, .58);
  background: var(--ap-ui-button);
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusCancel:disabled, :where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusSubmit:disabled, :where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusToggle:disabled {
  cursor: wait;
  opacity: .62;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusForm {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusForm label {
  color: rgba(255, 255, 255, .72);
  font-size: .72rem;
  font-weight: 600;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusForm select {
  width: 100%;
  min-height: 38px;
  padding: 7px 32px 7px 10px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 10px;
  background: rgba(3, 12, 38, .78);
  color: #fff;
  font: inherit;
  font-size: .8rem;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusMessage {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: .76rem;
  line-height: 1.4;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusMessage.is-error {
  color: #ffd2d2;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordStatusMessage.is-warning {
  color: #ffe4a8;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordLayout {
  display: grid;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 38px);
  align-items: start;
  margin-top: 24px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordMobileToolbar {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordContent {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDefinition {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDefinition div, :where(body[data-design-system="partner-portal-v1"]) .projectRecordDocumentList a, :where(body[data-design-system="partner-portal-v1"]) .projectRecordMediaItem {
  padding: 14px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 12px;
  background: var(--ap-ui-page);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDefinition dt {
  color: var(--ap-ui-muted);
  font-size: .78rem;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDefinition dd {
  margin: 5px 0 0;
  font-weight: 650;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDocumentList, :where(body[data-design-system="partner-portal-v1"]) .projectRecordMediaGrid {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordMediaGrid {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDocumentList a, :where(body[data-design-system="partner-portal-v1"]) .projectRecordMediaItem {
  display: flex;
  gap: 10px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordDocumentList a {
  justify-content: space-between;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordHistory {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordHistory li span {
  display: block;
  margin-top: 4px;
  color: var(--ap-ui-muted);
  font-size: .86rem;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskList {
  display: grid;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-default);
  padding: var(--ap-space-4) 0;
  border-bottom: 1px solid var(--ap-ui-border);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskItem:first-child {
  padding-top: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskItem:last-child {
  padding-bottom: var(--ap-space-1);
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMain, :where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMeta {
  display: flex;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMain {
  min-width: 0;
  flex-direction: column;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskHint, :where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMain > span:last-child, :where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskNumber {
  color: var(--ap-ui-muted);
  font-size: .86rem;
  line-height: 1.45;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskNumber {
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMain strong {
  color: var(--ap-ui-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMeta {
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMeta .linkButton {
  min-height: auto;
  margin: 0;
  padding: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskNotice {
  margin: 0;
  color: var(--ap-ui-muted);
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskHint {
  margin: 14px 0 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordEmpty {
  color: var(--ap-ui-muted);
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta > div {
    padding: 12px 0;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta > div + div {
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-left: 0;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordLayout {
    grid-template-columns: 1fr;
    margin-top: var(--ap-space-4);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordMobileToolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-gap-default);
    margin-top: var(--ap-space-4);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordMobileToolbar .secondaryButton {
    flex: 0 0 auto;
    width: auto;
    min-height: 40px;
    margin: 0;
    padding-inline: var(--ap-space-4);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordMobileToolbar span {
    color: var(--ap-ui-muted);
    font-size: .86rem;
    font-weight: 700;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).project-record-navigation-open {
    overflow: hidden;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordDefinition {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskItem {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordTaskMeta {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusPrimary {
    padding-left: 12px;
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectRecordFocusMeta {
    margin-top: 14px;
    padding-top: 8px;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewMount {
  min-width: 0;
  margin-top: var(--ap-space-4);
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--ap-ui-gap);
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewDecision, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewPreview, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewState {
  min-width: 0;
  padding: var(--ap-ui-card-padding);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-lg);
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent dl, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm fieldset, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel {
  display: grid;
  gap: var(--ap-space-3);
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewPreview, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel > section, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState + .projectOrderReviewSectionState {
  margin-top: var(--ap-space-4);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent ul, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel ul {
  margin: var(--ap-space-2) 0 0;
  padding-inline-start: var(--ap-space-5);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent li, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel li, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState li {
  margin-block: var(--ap-space-2);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState li, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState li > span {
  display: grid;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewProgress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewProgress > div {
  padding: var(--ap-space-3);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-md);
  background: var(--ap-ui-card-soft);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicSummary {
  padding: var(--ap-space-4);
  border: 1px solid var(--ap-ui-border-strong);
  border-radius: var(--ap-radius-md);
  background: var(--ap-ui-card-soft);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewVirtualBadge {
  width: fit-content;
  margin: 0 0 var(--ap-space-2);
  padding: var(--ap-space-1) var(--ap-space-3);
  border-radius: 999px;
  background: rgba(72, 159, 223, .18);
  color: var(--ap-ui-text);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-space-2);
  margin-top: var(--ap-space-3);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts > div {
  min-width: 0;
  padding: var(--ap-space-3);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-md);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts dt {
  color: var(--ap-ui-muted);
  font-size: .78rem;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts dd {
  margin-top: var(--ap-space-1);
  color: var(--ap-ui-text);
  font-weight: 600;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm fieldset {
  margin: 0;
  padding: var(--ap-space-4);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-md);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewConditionRow, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewConditionRows, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewScopeRows, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewW01Row {
  display: grid;
  gap: var(--ap-space-3);
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewConditionRow {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  padding: var(--ap-space-3);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-md);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewW01Row {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: end;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm label {
  display: grid;
  gap: var(--ap-space-2);
  color: var(--ap-ui-muted-strong);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewConfirmation, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm label:has(input[type="checkbox"]), :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm label:has(input[type="radio"]) {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: 44px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm input:not([type="checkbox"]):not([type="radio"]), :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm select, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm textarea {
  width: 100%;
  min-height: 44px;
  padding: var(--ap-space-2) var(--ap-space-3);
  border: 1px solid var(--ap-ui-border);
  border-radius: var(--ap-radius-md);
  background: var(--ap-ui-control);
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm textarea {
  min-height: 96px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm button, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewRetryActions button, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewState button {
  min-height: 44px;
  padding: var(--ap-space-2) var(--ap-space-4);
  border: 1px solid var(--ap-ui-border-strong);
  border-radius: var(--ap-radius-md);
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm button:disabled, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewRetryActions button:disabled {
  opacity: .55;
  cursor: not-allowed;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm :focus-visible, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewRetryActions :focus-visible, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewState :focus-visible {
  outline: 3px solid var(--ap-ui-border-strong);
  outline-offset: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewAlert, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewStatus {
  padding: var(--ap-space-3);
  border: 1px solid var(--ap-ui-border-strong);
  border-radius: var(--ap-radius-md);
  background: var(--ap-ui-card-soft);
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewRetryActions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ap-space-3);
  margin-top: var(--ap-space-3);
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewProgress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewProgress, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReonicFacts {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewConditionRow, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewW01Row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewCurrent, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewDecision, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm fieldset, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewPreview, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewReadModel, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewSectionState, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewState {
    padding: var(--ap-space-3);
  }
}

@media (max-width: 560px) {
:where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewForm button, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewRetryActions button, :where(body[data-design-system="partner-portal-v1"]) .projectOrderReviewState button {
    width: 100%;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .task-work-queue {
  display: grid;
  gap: var(--ap-section-gap);
  min-width: 0;
  padding: var(--ap-surface-padding);
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-actions, :where(body[data-design-system="partner-portal-v1"]) .task-editor-head, :where(body[data-design-system="partner-portal-v1"]) .task-work-queue-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-head h2, :where(body[data-design-system="partner-portal-v1"]) .task-work-queue-head h1, :where(body[data-design-system="partner-portal-v1"]) .task-work-queue-head p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-work-queue-toolbar {
  padding-block: var(--ap-space-4);
  border-block: 1px solid var(--portal-border);
}

:where(body[data-design-system="partner-portal-v1"]) .task-view-tabs {
  display: flex;
  gap: var(--ap-gap-tight);
  overflow-x: auto;
  padding-bottom: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .task-view-tabs button {
  flex: 0 0 auto;
  min-height: var(--ap-space-8);
  padding: var(--ap-space-2) var(--ap-space-3);
  border: 0;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: var(--portal-muted);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .task-view-tabs button.is-active, :where(body[data-design-system="partner-portal-v1"]) .task-view-tabs button:hover {
  background: rgba(72, 159, 223, .11);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .task-view-tabs button.is-active {
  box-shadow: inset var(--ap-space-1) 0 0 var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .task-filter-grid {
  display: grid;
  grid-template-columns: minmax(14rem, 2fr) repeat(5, minmax(8rem, 1fr));
  gap: var(--ap-gap-tight);
  align-items: end;
}

:where(body[data-design-system="partner-portal-v1"]) .task-filter-grid label {
  display: grid;
  min-width: 0;
  gap: var(--ap-space-1);
  margin: 0;
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .task-command-row input, :where(body[data-design-system="partner-portal-v1"]) .task-command-row select, :where(body[data-design-system="partner-portal-v1"]) .task-dependency-form input, :where(body[data-design-system="partner-portal-v1"]) .task-dependency-form select, :where(body[data-design-system="partner-portal-v1"]) .task-filter-grid input, :where(body[data-design-system="partner-portal-v1"]) .task-filter-grid select {
  width: 100%;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-filter-check {
  display: flex !important;
  align-items: center;
  align-self: center;
  gap: var(--ap-space-2) !important;
}

:where(body[data-design-system="partner-portal-v1"]) .task-filter-check input {
  width: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .task-work-queue-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(23rem, 30rem);
  gap: var(--ap-section-gap);
  min-width: 0;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .task-work-queue-content:not(:has(.task-detail-panel)) {
  grid-template-columns: minmax(0, 1fr);
}

:where(body[data-design-system="partner-portal-v1"]) .task-list-region, :where(body[data-design-system="partner-portal-v1"]) .task-panel-region {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-panel-region:empty {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .task-panel-region:empty + * {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .task-premium-list .ap-list-v2-row {
  min-height: var(--ap-space-12);
}

:where(body[data-design-system="partner-portal-v1"]) .task-premium-list .ap-list-v2-cell[data-list-column="owner"] .ap-list-v2-value {
  display: grid;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .task-premium-list small {
  color: var(--portal-muted);
  font-size: .72rem;
}

:where(body[data-design-system="partner-portal-v1"]) .task-is-overdue {
  color: #ff9d9d;
  font-weight: 850;
}

:where(body[data-design-system="partner-portal-v1"]) .task-load-more {
  margin: var(--ap-gap-default) auto 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-panel {
  position: sticky;
  top: var(--ap-page-gap);
  display: grid;
  max-height: calc(100vh - (var(--ap-page-gap) * 2));
  overflow-y: auto;
  gap: var(--ap-section-gap);
  padding: var(--ap-card-padding);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background: var(--portal-surface);
  box-shadow: var(--portal-shadow);
}

:where(body[data-design-system="partner-portal-v1"]) .task-panel-close {
  position: absolute;
  top: var(--ap-space-3);
  right: var(--ap-space-3);
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-head {
  display: grid;
  gap: var(--ap-gap-tight);
  padding-right: var(--ap-space-9);
}

:where(body[data-design-system="partner-portal-v1"]) .task-blocking-note p, :where(body[data-design-system="partner-portal-v1"]) .task-detail-facts p, :where(body[data-design-system="partner-portal-v1"]) .task-detail-head h2 {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-number {
  color: var(--portal-muted);
  font-size: .78rem;
  font-weight: 850;
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-badges, :where(body[data-design-system="partner-portal-v1"]) .task-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-facts dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-default);
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-facts dl div {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-facts dt {
  color: var(--portal-muted);
  font-size: .74rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-facts dd {
  margin: var(--ap-space-1) 0 0;
  color: var(--portal-text);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .task-blocking-note {
  display: grid;
  gap: var(--ap-space-1);
  padding: var(--ap-space-3);
  border-left: var(--ap-space-1) solid #ffd978;
  background: rgba(255, 198, 78, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .task-detail-readable-list, :where(body[data-design-system="partner-portal-v1"]) .task-history {
  display: grid;
  gap: var(--ap-gap-tight);
  margin: 0;
  padding-left: var(--ap-space-5);
}

:where(body[data-design-system="partner-portal-v1"]) .task-checklist {
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .task-checklist label {
  display: flex;
  align-items: flex-start;
  gap: var(--ap-gap-tight);
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-checklist input {
  width: auto;
  margin-top: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .task-history {
  padding-left: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-history article {
  display: grid;
  gap: var(--ap-space-1);
  padding-bottom: var(--ap-gap-tight);
  border-bottom: 1px solid var(--portal-border);
}

:where(body[data-design-system="partner-portal-v1"]) .task-history article small, :where(body[data-design-system="partner-portal-v1"]) .task-history article span {
  color: var(--portal-muted);
  font-size: .76rem;
}

:where(body[data-design-system="partner-portal-v1"]) .task-command-row, :where(body[data-design-system="partner-portal-v1"]) .task-dependency-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .task-dependency-form {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1fr) auto;
}

:where(body[data-design-system="partner-portal-v1"]) .task-inline-message {
  margin: 0;
  padding: var(--ap-space-3);
  border-left: var(--ap-space-1) solid #ff9d9d;
  background: rgba(255, 112, 112, .08);
  color: #ffc0c0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-dialog {
  width: min(54rem, calc(100vw - (var(--ap-page-gap) * 2)));
  max-height: calc(100vh - (var(--ap-page-gap) * 2));
  padding: 0;
  border: 0;
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-dialog::backdrop {
  background: rgba(0, 5, 16, .78);
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-form {
  display: grid;
  max-height: inherit;
  overflow-y: auto;
  gap: var(--ap-section-gap);
  padding: var(--ap-surface-padding);
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-grid label {
  min-width: 0;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-wide {
  grid-column: 1 / -1;
}

:where(body[data-design-system="partner-portal-v1"]) .task-editor-actions {
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 1280px) {
:where(body[data-design-system="partner-portal-v1"]) .task-filter-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1280px) {
:where(body[data-design-system="partner-portal-v1"]) .task-search-field {
    grid-column: span 2;
  }
}

@media (max-width: 1280px) {
:where(body[data-design-system="partner-portal-v1"]) .task-work-queue-content {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 25rem);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .task-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .task-work-queue-content {
    display: block;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .task-detail-panel {
    position: fixed;
    inset: 0;
    z-index: 1000;
    max-height: 100vh;
    border: 0;
    border-radius: 0;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .task-editor-actions, :where(body[data-design-system="partner-portal-v1"]) .task-work-queue-head {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .task-editor-grid, :where(body[data-design-system="partner-portal-v1"]) .task-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .task-editor-wide, :where(body[data-design-system="partner-portal-v1"]) .task-search-field {
    grid-column: 1;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .task-command-row, :where(body[data-design-system="partner-portal-v1"]) .task-dependency-form {
    grid-template-columns: minmax(0, 1fr);
  }
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal.partnerSubmitModal {
  background:
    radial-gradient(circle at 50% 18%, rgba(72, 159, 223, .18), transparent 34%),
    rgba(2, 9, 20, .72);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard {
  width: min(820px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  text-align: left;
  color: #fff;
  border: 1px solid rgba(72, 159, 223, .34);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .96), rgba(20, 27, 77, .86)),
    rgba(2, 9, 20, .92);
  box-shadow:
    0 32px 100px rgba(0, 0, 0, .48),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard h3 {
  padding-right: 44px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.08;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard p {
  max-width: 680px;
  color: rgba(255, 255, 255, .76);
  font-size: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose:hover {
  background: rgba(72, 159, 223, .28);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewPaper {
  color: #fff;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
    rgba(2, 9, 20, .26);
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader {
  border-color: rgba(72, 159, 223, .24);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts strong, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader strong, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows strong {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts small, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows span {
  color: rgba(255, 255, 255, .68);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows div {
  border-bottom: 1px solid rgba(72, 159, 223, .18);
  background: rgba(255, 255, 255, .045);
  border-radius: 14px;
  padding: 10px 12px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(72, 159, 223, .12);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions {
  justify-content: flex-start;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions button:hover {
  color: #fff;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .appSidebar, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarControls, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarFooter, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNav, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarRail, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarTop {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .dashboardHeadModern::after, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarControls::after, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarControls::before, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarTop::after, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarTop::before {
  display: none !important;
  content: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults {
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(72, 159, 223, .32);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .97), rgba(20, 27, 77, .9)),
    rgba(2, 9, 20, .92);
  box-shadow: 0 28px 86px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults button {
  gap: 10px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  color: #ffffff;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 14px 34px rgba(3, 9, 28, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults button:hover {
  border-color: rgba(72, 159, 223, .38);
  background: linear-gradient(135deg, rgba(72, 159, 223, .18), rgba(255, 255, 255, .08));
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultTopline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults strong {
  color: #ffffff;
  font-size: 17px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultTopline small {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults span {
  color: rgba(255, 255, 255, .72);
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 3 !important;
}

:where(body[data-design-system="partner-portal-v1"]) .srOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern {
  min-height: clamp(180px, 18vw, 220px);
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "identity";
  align-content: end;
  gap: 0;
  padding: clamp(24px, 3.5vw, 42px);
  background-position: center 44%;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern .dashboardIdentity {
  grid-area: identity;
  max-width: 760px;
  gap: 8px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern #welcomeTitle {
  margin: 0;
  font-size: clamp(30px, 4.2vw, 52px);
  line-height: 1.02;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern .advisorCard, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern .dashboardActions, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern .employeePhotoButton {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelect {
  position: relative;
  display: inline-flex;
  width: 100%;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectNative {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0;
  pointer-events: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid rgba(123, 160, 199, .32);
  border-radius: 12px;
  background: rgba(3, 13, 32, .78);
  color: #f5f9ff;
  font: inherit;
  text-align: left;
  box-shadow: none;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger.isOpen, :where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger:hover {
  border-color: rgba(113, 185, 238, .68);
  background: rgba(11, 32, 62, .94);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger:focus-visible {
  outline: 3px solid rgba(113, 185, 238, .3);
  outline-offset: 2px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger[aria-invalid="true"] {
  border-color: #f69a9a;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger:disabled {
  cursor: not-allowed;
  opacity: .55;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectValue {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectIcon {
  color: #8bc9f5;
  font-size: 1.15rem;
  transition: transform 160ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectTrigger.isOpen .portalSelectIcon {
  transform: rotate(180deg);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectMenu {
  position: fixed;
  z-index: 2500;
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(113, 185, 238, .36);
  border-radius: 13px;
  background: #07162d;
  color: #f5f9ff;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .52);
  overscroll-behavior: contain;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectOption {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  min-height: 42px;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 9px;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectOption:is(.isActive, :hover) {
  background: rgba(72, 159, 223, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectOption.isSelected {
  color: #cdeaff;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectOption.isDisabled {
  cursor: not-allowed;
  opacity: .48;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectCheck {
  visibility: hidden;
  color: #72c9ff;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectOption.isSelected .portalSelectCheck {
  visibility: visible;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySurface {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 10% 0%, rgba(72, 159, 223, .11), transparent 34%),
    linear-gradient(145deg, rgba(7, 20, 49, .96), rgba(2, 9, 25, .95));
  box-shadow: var(--portal-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
  min-height: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(72, 159, 223, .14);
  list-style: none;
  counter-reset: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper li {
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-height: 46px;
  gap: 8px;
  padding: 7px 5px;
  font: inherit;
  font-size: .76rem;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton::before {
  content: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(114, 159, 199, .28);
  border-radius: 50%;
  background: rgba(114, 159, 199, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton:is(.active, .isComplete) > span {
  border-color: rgba(113, 185, 238, .62);
  background: rgba(72, 159, 223, .2);
  color: #dff3ff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton[aria-disabled="true"] {
  cursor: default;
  opacity: .55;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryScopeChoices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--portal-space-md);
  margin: 0;
  padding: 0;
  border: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard {
  position: relative;
  display: grid;
  min-height: 150px;
  align-content: center;
  gap: 8px;
  padding: 22px;
  border: 1px solid rgba(113, 159, 199, .24);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .46);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard:has(input:checked), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard:hover {
  border-color: rgba(113, 185, 238, .66);
  background: rgba(72, 159, 223, .13);
  transform: translateY(-1px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard:focus-within {
  outline: 3px solid rgba(113, 185, 238, .28);
  outline-offset: 2px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard small {
  color: var(--portal-muted);
  font-weight: 500;
  line-height: 1.45;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCheck {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(72, 159, 223, .22);
  color: #ccecff;
  opacity: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard:has(input:checked) .partnerInquiryChoiceCheck {
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryTechnicalGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--portal-space-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryComponentBlock {
  display: grid;
  align-content: start;
  gap: var(--portal-space-md);
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid rgba(72, 159, 223, .16);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .38);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryComponentBlock > h4 {
  margin: 0;
  color: #dcedf9;
  font-size: 1.08rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryModuleFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(113, 159, 199, .2);
  border-radius: 12px;
  background: rgba(8, 25, 51, .46);
  cursor: pointer;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard:has(input:checked) {
  border-color: rgba(113, 185, 238, .56);
  background: rgba(72, 159, 223, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard input {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: #489fdf;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWallboxRoute {
  display: grid;
  gap: 5px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadDropzone {
  display: grid;
  min-height: 150px;
  place-content: center;
  gap: 7px;
  padding: 24px;
  border: 2px dashed rgba(113, 185, 238, .42);
  border-radius: var(--portal-radius-card);
  background: rgba(72, 159, 223, .07);
  text-align: center;
  cursor: pointer;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadDropzone:focus-within, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadDropzone:hover {
  border-color: rgba(113, 185, 238, .8);
  background: rgba(72, 159, 223, .13);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadDropzone input {
  width: 100%;
  max-width: 360px;
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentGallery, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordDecision, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSectionStack, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadList {
  display: grid;
  gap: 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadItem {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(72, 159, 223, .15);
  border-radius: 12px;
  background: rgba(2, 9, 25, .38);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentThumb, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadPreview {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(113, 185, 238, .25);
  border-radius: 10px;
  background: rgba(2, 9, 25, .62);
  color: var(--portal-text);
  cursor: zoom-in;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadPreview {
  width: 72px;
  height: 58px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentThumb img, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadPreview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard > div, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadInfo {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadInfo > strong {
  overflow-wrap: anywhere;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadInfo > span {
  color: var(--portal-muted);
  font-size: .83rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadInfo progress {
  width: 100%;
  accent-color: #489fdf;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentIcon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: rgba(72, 159, 223, .12);
  color: #bfe6ff;
  font-size: .73rem;
  font-weight: 900;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewSection {
  display: grid;
  align-content: start;
  gap: 0;
  padding: 18px;
  border: 1px solid rgba(72, 159, 223, .15);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .38);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewHead h4 {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewSection .partnerInquiryReviewRow {
  grid-template-columns: minmax(105px, .65fr) minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border: 0;
  border-top: 1px solid rgba(72, 159, 223, .1);
  border-radius: 0;
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewRow strong {
  text-align: right;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCardHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard p {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryEmptyState {
  display: grid;
  place-items: start;
  gap: 8px;
  padding: clamp(22px, 3vw, 36px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotifications {
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2.5vw, 26px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotificationsHead {
  display: grid;
  gap: 4px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotificationsHead > span {
  color: #71b9ee;
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotificationsHead h3 {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotificationList {
  display: grid;
  gap: 8px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-left: 3px solid transparent;
  border-radius: 9px;
  background: rgba(2, 9, 25, .38);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification.isUnread {
  border-left-color: #71b9ee;
  background: rgba(72, 159, 223, .1);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification > div {
  display: grid;
  gap: 3px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification p {
  color: var(--portal-muted);
  line-height: 1.45;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 0 0 var(--portal-space-lg);
  border: 0;
  border-bottom: 1px solid rgba(72, 159, 223, .13);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailGrid > .partnerInquiryRecordSubsection {
  padding: 0 0 var(--portal-space-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentGallery {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentThumb {
  display: grid;
  grid-template-rows: 118px auto;
  min-width: 0;
  text-align: left;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentThumb span {
  overflow: hidden;
  padding: 9px;
  color: var(--portal-text);
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightbox {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: grid;
  place-items: center;
  padding: clamp(12px, 3vw, 32px);
  background: rgba(0, 4, 13, .92);
  backdrop-filter: blur(10px);
  touch-action: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxFrame {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  width: min(1180px, 100%);
  height: min(820px, calc(100vh - 40px));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxFrame figure {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  height: 100%;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxCanvas {
  display: grid;
  overflow: auto;
  place-items: center;
  min-height: 0;
  border-radius: 16px;
  background: rgba(2, 9, 25, .86);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxCanvas img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform-origin: center;
  transition: transform 100ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxFrame figcaption {
  padding: 10px;
  color: #dceaf5;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxClose, :where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxNav, :where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxReset {
  min-width: 44px;
  min-height: 44px;
  border: 1px solid rgba(113, 185, 238, .34);
  border-radius: 999px;
  background: rgba(7, 22, 45, .9);
  color: #fff;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxClose {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  font-size: 1.6rem;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxReset {
  position: absolute;
  right: 58px;
  bottom: 0;
  padding: 0 15px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxNav {
  font-size: 2rem;
}

@media (max-width: 1100px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper {
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 1fr);
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
}

@media (max-width: 1100px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper li {
    scroll-snap-align: center;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern {
    min-height: clamp(140px, 38vw, 180px);
    padding: 22px 18px;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern #welcomeTitle {
    font-size: clamp(27px, 9vw, 38px);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView.partnerInquiryWorkspace:not(.hidden) {
    gap: var(--portal-space-lg);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
    padding: 18px;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper {
    grid-auto-columns: minmax(120px, 42vw);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryModuleFields, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReview, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewSection .partnerInquiryReviewRow, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryScopeChoices, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryTechnicalGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard {
    min-height: 118px;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadItem {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadPreview {
    width: 58px;
    height: 52px;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDocumentCard > a, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryUploadActions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewRow strong {
    text-align: left;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxFrame {
    grid-template-columns: minmax(0, 1fr);
    height: calc(100vh - 24px);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxNav {
    position: absolute;
    z-index: 2;
    top: 50%;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxNav.isPrev {
    left: 5px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxNav.isNext {
    right: 5px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxReset {
    right: 52px;
    bottom: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryLightboxCanvas img, :where(body[data-design-system="partner-portal-v1"]) .portalSelectIcon, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard {
    transition: none;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro {
  display: grid;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleRow {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleDivider {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleLink {
  min-height: calc(var(--ap-space-6) + var(--ap-space-2));
  padding-inline: var(--ap-space-4);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: rgba(8, 22, 50, .58);
  color: var(--portal-muted);
  font-size: .82rem;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleLink:is(:hover, :focus-visible) {
  border-color: var(--portal-border-strong);
  background: rgba(8, 22, 50, .86);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro > p {
  margin: 0;
  color: var(--portal-muted);
  font-size: .9rem;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList.partnerProjectsCards:has(.ap-list-v2), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList.partnerProjectsCards:has(.ap-list-v2), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent.partnerProjectsCards:has(.ap-list-v2), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList.partnerProjectsCards:has(.ap-list-v2), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList.partnerProjectsCards:has(.ap-list-v2), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList.partnerProjectsCards:has(.ap-list-v2), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards.partnerProjectsCards:has(.ap-list-v2) {
  display: block !important;
  padding: var(--ap-space-0) !important;
  border: 0;
  border-radius: var(--ap-space-0);
  background: transparent;
  box-shadow: none;
  overflow: visible !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2.portalList {
  display: block;
  width: 100%;
  max-width: none;
  padding: var(--ap-space-0);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 46px rgba(0, 0, 0, .18);
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-header, :where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-row {
  display: grid;
  grid-template-columns: var(--ap-list-v2-columns, repeat(4, minmax(0, 1fr)));
  align-items: center;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-header {
  padding: var(--ap-space-2) var(--ap-space-4);
  border-bottom: 1px solid rgba(140, 174, 211, .16);
  background: rgba(2, 9, 25, .5);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-header-cell {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--ap-space-2);
  color: var(--portal-muted);
  font-size: .72rem;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-sort {
  display: inline-flex;
  align-items: center;
  gap: var(--ap-space-1);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-sort-button {
  display: grid !important;
  width: calc(var(--ap-space-4) + var(--ap-space-1)) !important;
  height: calc(var(--ap-space-4) + var(--ap-space-1)) !important;
  min-width: calc(var(--ap-space-4) + var(--ap-space-1)) !important;
  min-height: calc(var(--ap-space-4) + var(--ap-space-1)) !important;
  place-items: center !important;
  padding: var(--ap-space-0) !important;
  border: 0;
  border-radius: var(--ap-space-1);
  background: transparent;
  color: rgba(184, 205, 229, .56);
  box-shadow: none;
  font-size: .72rem !important;
  line-height: 1 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active) {
  border: 0;
  background: rgba(72, 159, 223, .14);
  color: var(--portal-text);
}

.ap-list-v2-body:where([data-design-system="partner-portal-v1"]) {
  display: grid;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row {
  display: grid !important;
  grid-template-columns: var(--ap-list-v2-columns, repeat(4, minmax(0, 1fr))) !important;
  width: 100% !important;
  min-height: calc(var(--ap-space-8) + var(--ap-space-2)) !important;
  padding: var(--ap-space-3) var(--ap-space-4) !important;
  align-items: center !important;
  gap: var(--ap-gap-default) !important;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .13);
  border-radius: var(--ap-space-0);
  background: transparent;
  color: var(--portal-text);
  box-shadow: none;
  text-align: left !important;
  transform: none !important;
  transition: background .16s ease, color .16s ease !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row.is-interactive {
  cursor: pointer;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row.is-static {
  cursor: default;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row:last-child {
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active) {
  border-color: rgba(140, 174, 211, .13);
  background: rgba(255, 255, 255, .035);
  color: var(--portal-text);
  box-shadow: none;
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible {
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  outline: 2px solid var(--portal-accent);
  outline-offset: calc(var(--ap-space-1) * -1);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row:is(
  .is-active,
  .is-selected,
  [aria-current="true"],
  [aria-current="page"],
  [aria-selected="true"]
) {
  background: rgba(8, 22, 50, .52);
  color: var(--portal-text);
  box-shadow: inset var(--ap-space-1) 0 0 var(--portal-accent);
  outline: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-slot-badge .ap-list-v2-value {
  display: flex;
  align-items: center;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-slot-action, :where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-header-cell[data-list-column="actions"] {
  justify-content: flex-end;
  text-align: right;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-slot-action .ap-list-v2-value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-value {
  display: block;
  min-width: 0;
  color: var(--portal-muted);
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-primary .ap-list-v2-value, :where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-primary .ap-list-v2-value strong {
  color: var(--portal-text);
  font-size: 1rem;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-secondary .ap-list-v2-value, :where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-secondary .ap-list-v2-value strong {
  color: rgba(239, 246, 255, .92);
  font-size: .94rem;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-mobile-label {
  display: none;
  margin-bottom: var(--ap-space-1);
  color: var(--portal-muted);
  font-size: .7rem;
  font-weight: 850;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-empty {
  display: grid;
  min-height: calc(var(--ap-space-8) + var(--ap-space-8));
  place-items: center;
  padding: var(--ap-section-gap) var(--ap-surface-padding);
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-empty .mutedText {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-cell:is([data-list-column="value"], [data-list-column="created_at"]), :where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-header-cell:is([data-list-column="value"], [data-list-column="created_at"]) {
  justify-content: flex-end;
  text-align: right;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-cell-primary .ap-list-v2-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-customer {
  display: grid;
  min-width: 0;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-customer strong {
  overflow: hidden;
  color: var(--portal-text);
  font-size: 1rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-customer small {
  overflow: hidden;
  color: var(--portal-muted);
  font-size: .78rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-reonic-list-v2 .ap-list-v2-row .montageProtocolNotice, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-reonic-list-v2 .ap-list-v2-row .status.reonicStatus {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: calc(var(--ap-space-5) + var(--ap-space-1));
  align-items: center;
  padding-inline: var(--ap-space-3);
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: var(--portal-radius-control);
  background: rgba(72, 159, 223, .1);
  color: rgba(222, 237, 252, .78);
  box-shadow: none;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-reonic-list-v2 .ap-list-v2-row .montageProtocolNotice.isUnread {
  border-color: rgba(72, 159, 223, .42);
  background: rgba(72, 159, 223, .16);
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-reonic-list-v2 .ap-list-v2-row.hasMontageNotice {
  outline: 0;
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-number {
  color: var(--portal-text);
  font-size: .94rem;
  font-weight: 900;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 time {
  color: rgba(222, 237, 252, .76);
  font-size: .86rem;
  font-weight: 750;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-stack {
  display: grid;
  min-width: 0;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-stack > :is(strong, span, small) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-stack small {
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 650;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-partner-orders-list-v2 .ap-list-v2-cell[data-list-column="total_cost"], :where(body[data-design-system="partner-portal-v1"]) .ap-partner-orders-list-v2 .ap-list-v2-header-cell[data-list-column="total_cost"] {
  justify-content: flex-end;
  text-align: right;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cost {
  color: var(--portal-text);
  font-size: .92rem;
  font-weight: 900;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-preview-title {
  color: var(--portal-text);
  font-size: 1rem;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-preview-item {
  display: grid;
  min-width: 0;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-preview-label {
  color: var(--portal-muted);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-preview-value {
  color: var(--portal-text);
  font-size: .82rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-montage-list-v2 .ap-list-v2-cell-slot-badge .ap-list-v2-value {
  align-items: flex-start;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-montage-list-v2 .ap-list-v2-cell[data-list-column="montage"] .ap-list-v2-value {
  display: grid;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-meta-pair {
  display: grid;
  min-width: 0;
  grid-template-columns: var(--ap-space-6) minmax(0, 1fr);
  gap: var(--ap-space-2);
  align-items: baseline;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-meta-pair small {
  color: var(--portal-muted);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-meta-pair strong {
  overflow: hidden;
  color: var(--portal-text);
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap:has(.ap-reonic-list-v2) {
  overflow: visible !important;
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleRow {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-header {
    display: none;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    padding: var(--ap-space-4) !important;
    gap: var(--ap-space-4) var(--ap-gap-default) !important;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-mobile-label {
    display: block;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-slot-action, :where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-cell-slot-action .ap-list-v2-value {
    justify-content: flex-start;
    text-align: left;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-cell-primary .ap-list-v2-value {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-cell:is([data-list-column="value"], [data-list-column="created_at"]), :where(body[data-design-system="partner-portal-v1"]) .ap-reonic-list-v2 .ap-list-v2-header-cell:is([data-list-column="value"], [data-list-column="created_at"]) {
    justify-content: flex-start;
    text-align: left;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-meta-pair strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

@media (max-width: 520px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleRow {
    display: grid;
  }
}

@media (max-width: 520px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2-intro .partnerProjectsTitleLink {
    width: fit-content;
  }
}

@media (max-width: 520px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarPanel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarShell {
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarGrid, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarHero, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(72, 159, 223, .24);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .88), rgba(20, 27, 77, .68)),
    rgba(255, 255, 255, .06);
  box-shadow: 0 24px 72px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarHero {
  min-height: 190px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  padding: clamp(22px, 4vw, 42px);
  background:
    linear-gradient(100deg, rgba(2, 9, 20, .88), rgba(20, 27, 77, .55)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center / cover;
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm > *, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarGrid > *, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarHero > *, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar > * {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarHero h3 {
  margin: 4px 0 8px;
  color: #fff;
  font-size: clamp(34px, 6vw, 68px);
  line-height: .96;
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarActions, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarViewSwitch {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar {
  justify-content: space-between;
  padding: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar > strong {
  font-size: clamp(20px, 3vw, 30px);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarViewSwitch {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarViewSwitch button {
  min-height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: rgba(255, 255, 255, .72);
  background: transparent;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarViewSwitch button.active {
  color: #fff;
  background: rgba(72, 159, 223, .62);
  box-shadow: 0 10px 24px rgba(72, 159, 223, .2);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, .7fr);
  gap: 12px;
  align-items: end;
  padding: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm label {
  display: grid;
  gap: 7px;
  color: rgba(255, 255, 255, .76);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm .fullWidth {
  grid-column: span 2;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm button {
  min-height: 48px;
}

:where(body[data-design-system="partner-portal-v1"]) #montageCalendarMessage {
  grid-column: 1 / -1;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarGrid {
  min-height: 420px;
  padding: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarMonth {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekday {
  color: rgba(255, 255, 255, .64);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarAgenda, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  background: rgba(255, 255, 255, .065);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay {
  min-height: 132px;
  padding: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay.isMuted {
  opacity: .45;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay.isToday {
  border-color: rgba(72, 159, 223, .72);
  box-shadow: inset 0 0 0 1px rgba(72, 159, 223, .32), 0 12px 28px rgba(72, 159, 223, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay header, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-bottom: 9px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay header strong, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn header strong {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarDay header span {
  min-width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(72, 159, 223, .18);
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarAgenda, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarDayEvents, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn > div {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeek {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  padding-bottom: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn {
  min-height: 420px;
  padding: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarAgenda {
  padding: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarAgenda h4 {
  margin: 0 0 4px;
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill {
  border: 1px solid rgba(255, 255, 255, .12);
  border-left: 4px solid rgba(72, 159, 223, .78);
  border-radius: 12px;
  background: rgba(72, 159, 223, .13);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill {
  display: flex;
  gap: 7px;
  align-items: center;
  min-height: 30px;
  padding: 5px 7px;
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard b, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill b {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard {
  display: grid;
  gap: 7px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 9px 10px;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:focus-within, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:hover {
  border-color: rgba(169, 213, 242, .88);
  border-left-color: rgba(169, 213, 242, .96);
  background:
    linear-gradient(90deg, rgba(238, 247, 255, .96) 0%, rgba(149, 200, 234, .86) 42%, rgba(72, 159, 223, .78) 100%);
  box-shadow: 0 14px 28px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .5);
  transform: translateY(-1px);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:focus-within b, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:focus-within small, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:focus-within span, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:focus-within strong, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:hover b, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:hover small, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:hover span, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard:hover strong {
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard > div {
  min-width: 0;
  max-width: 100%;
  display: grid;
  gap: 4px;
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard small, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard span {
  color: rgba(255, 255, 255, .68);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarCustomerLink, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard strong {
  color: #fff;
  font-size: clamp(13px, .82vw, 16px);
  font-weight: 800;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarCustomerLink {
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarCustomerLink:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta b, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta small, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta span {
  min-width: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta b {
  margin-left: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard button {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard .montageCalendarCustomerLink {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  font-size: clamp(13px, .82vw, 16px);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard > button[data-delete-calendar-event] {
  width: fit-content;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEditModal {
  position: relative;
  width: min(620px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .2), transparent 38%),
    linear-gradient(145deg, rgba(20, 27, 77, .94), rgba(8, 24, 51, .9));
  color: #ffffff;
  box-shadow: 0 36px 90px rgba(3, 9, 28, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEditModal h3 {
  margin: 0;
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEditModal label {
  display: grid;
  gap: 7px;
  color: rgba(255, 255, 255, .76);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard.ac, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill.ac {
  border-left-color: rgba(255, 255, 255, .82);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard.manual, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill.manual {
  border-left-color: #9dd2ff;
  background: rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard.cancelled, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventPill.cancelled {
  border-color: rgba(255, 134, 134, .42);
  border-left-color: rgba(255, 134, 134, .72);
  background: linear-gradient(145deg, rgba(46, 12, 22, .72), rgba(4, 15, 38, .92));
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarHero, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarToolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventForm .fullWidth {
    grid-column: auto;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarMonth {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeek {
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: visible;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn {
    min-height: 0;
    padding: 14px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn header {
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 12px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn header span, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn header strong {
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn > div {
    gap: 10px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekColumn .mutedText {
    margin: 0;
    font-size: 15px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard {
    min-height: 0;
    padding: 12px 14px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
    font-size: 11px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventMeta b {
    margin-left: 0;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard .montageCalendarCustomerLink, :where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard strong {
    font-size: 16px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarEventCard small {
    font-size: 13px;
  }
}

@media (max-width: 920px) {
:where(body[data-design-system="partner-portal-v1"]) .montageCalendarWeekday {
    display: none;
  }
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal.partnerSubmitModal {
  background:
    radial-gradient(circle at 50% 18%, rgba(72, 159, 223, .18), transparent 34%),
    rgba(2, 9, 20, .72);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard {
  width: min(820px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  text-align: left;
  border: 1px solid rgba(72, 159, 223, .34);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .96), rgba(20, 27, 77, .86)),
    rgba(2, 9, 20, .92);
  color: #fff;
  box-shadow:
    0 32px 100px rgba(0, 0, 0, .48),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard h3 {
  padding-right: 44px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.08;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard p {
  max-width: 680px;
  color: rgba(255, 255, 255, .76);
  font-size: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose:hover {
  background: rgba(72, 159, 223, .28);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewPaper {
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
    rgba(2, 9, 20, .26);
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader {
  border-color: rgba(72, 159, 223, .24);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader strong {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts small, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows span {
  color: rgba(255, 255, 255, .68);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows div {
  border-bottom: 1px solid rgba(72, 159, 223, .18);
  background: rgba(255, 255, 255, .045);
  border-radius: 14px;
  padding: 10px 12px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows strong {
  color: #fff;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(72, 159, 223, .12);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts strong {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions {
  justify-content: flex-start;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions button {
  color: #fff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm.recommendationForm, body[data-design-system="partner-portal-v1"] #partnerOrderView.panel, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #upcomingAppointments, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #upcomingAppointments, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm.loginForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm.profileForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm.recommendationForm {
  color: #ffffff;
  border: 1px solid rgba(72, 159, 223, .26);
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .9), rgba(6, 16, 42, .78)),
    rgba(255, 255, 255, .05);
  box-shadow: 0 28px 86px rgba(3, 9, 28, .32), inset 0 1px 0 rgba(255, 255, 255, .13);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

body[data-design-system="partner-portal-v1"] #partnerOrderView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel.panel {
  padding: clamp(24px, 3vw, 42px);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm .mutedText, body[data-design-system="partner-portal-v1"] #partnerOrderForm label, body[data-design-system="partner-portal-v1"] #partnerOrderForm small, body[data-design-system="partner-portal-v1"] #partnerOrderView h2, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel h3, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel p, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm small {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"] #partnerOrderView > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel > .mutedText {
  color: rgba(255, 255, 255, .74);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input, body[data-design-system="partner-portal-v1"] #partnerOrderForm select, body[data-design-system="partner-portal-v1"] #partnerOrderForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm textarea {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 28px rgba(3, 9, 28, .16);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input:focus, body[data-design-system="partner-portal-v1"] #partnerOrderForm select:focus, body[data-design-system="partner-portal-v1"] #partnerOrderForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm textarea:focus {
  border-color: rgba(72, 159, 223, .84);
  background: rgba(6, 18, 46, .88);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input[type="file"] {
  min-height: 58px;
  padding: 9px 12px;
  color: rgba(255, 255, 255, .8);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input[type="file"]::file-selector-button {
  min-height: 40px;
  border-color: rgba(72, 159, 223, .42);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(72, 159, 223, .78));
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select option {
  color: #141B4D;
  background: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm .formActions select {
  min-width: min(420px, 100%);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
  background:
    linear-gradient(90deg, rgba(2, 9, 20, .88), rgba(20, 27, 77, .52) 56%, rgba(2, 9, 20, .52)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center / cover;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard {
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard img {
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .employeePhotoButton {
  border: 1px solid rgba(72, 159, 223, .28);
  background: rgba(4, 14, 38, .62);
  box-shadow: 0 24px 60px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #upcomingAppointments {
  padding: clamp(22px, 2.6vw, 34px);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionGrid {
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton {
  min-height: 150px;
  padding: 22px;
  border-radius: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:hover {
  border-color: rgba(72, 159, 223, .72);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .28), rgba(6, 16, 42, .84)),
    rgba(255, 255, 255, .07);
  box-shadow: 0 30px 80px rgba(72, 159, 223, .2), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton span {
  color: #489FDF;
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
    grid-template-columns: 1fr;
    grid-template-areas:
      "identity"
      "photo"
      "advisor";
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .employeePhotoButton {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionGrid {
    grid-template-columns: 1fr;
  }
}

:where(body[data-design-system="partner-portal-v1"]) * {
  box-sizing: border-box;
}

body:where([data-design-system="partner-portal-v1"]) {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: var(--ap-font);
  color: var(--ink);
  background:
    radial-gradient(circle at 74% 12%, rgba(72, 159, 223, 0.18), transparent 34%),
    linear-gradient(120deg, rgba(2, 9, 20, 0.96), rgba(20, 27, 77, 0.82) 54%, rgba(2, 9, 20, 0.96)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body:where([data-design-system="partner-portal-v1"])[data-auth-state="unknown"] {
  background: #edf6fc;
  color-scheme: light;
}

body:where([data-design-system="partner-portal-v1"])[data-auth-state="unknown"] .shell {
  visibility: hidden;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode {
  background: var(--ap-ui-page);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode::before {
  content: none;
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) button, :where(body[data-design-system="partner-portal-v1"]) input, :where(body[data-design-system="partner-portal-v1"]) select, :where(body[data-design-system="partner-portal-v1"]) textarea {
  font: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) button:not([class]) {
  min-height: 48px;
  min-width: 112px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  background: var(--accent);
  cursor: pointer;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) button:not([class]):hover {
  background: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .shell {
  width: min(1040px, calc(100% - 32px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 56px 0 32px;
  display: grid;
  align-content: center;
  gap: 24px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
  width: min(1440px, calc(100% - 24px));
  padding: 12px 0;
  align-content: start;
}

:where(body[data-design-system="partner-portal-v1"]) .toast {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 20;
  width: min(420px, calc(100% - 36px));
  padding: 14px 16px;
  border-radius: 8px;
  color: #ffffff;
  background: var(--night);
  box-shadow: 0 14px 42px rgba(20, 27, 77, 0.28);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .globalLoadingIndicator {
  position: fixed;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  background: rgba(20, 27, 77, 0.94);
  color: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 27, 77, 0.24);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .loadingCursorPretzel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  font-size: 24px;
  line-height: 1;
  pointer-events: none;
  transform: translate(-9999px, -9999px);
  animation: partnerSubmitSpinner 0.8s linear infinite;
}

body:where([data-design-system="partner-portal-v1"]).cursorLoading {
  cursor: none;
}

body:where([data-design-system="partner-portal-v1"]).cursorLoading * {
  cursor: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .globalLoadingSpinner {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  animation: partnerSubmitSpinner 0.8s linear infinite;
}

:where(body[data-design-system="partner-portal-v1"]) .globalLoadingSpinner::before {
  content: "";
}

body:where([data-design-system="partner-portal-v1"]).portalRedirecting #dashboardView, body:where([data-design-system="partner-portal-v1"]).portalRedirecting .appLayout, body:where([data-design-system="partner-portal-v1"]).portalRedirecting .brand, body:where([data-design-system="partner-portal-v1"]).portalRedirecting .panel {
  visibility: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(20, 27, 77, 0.36);
  backdrop-filter: blur(4px);
}

:where(body[data-design-system="partner-portal-v1"]) #appLoadingModal {
  z-index: 10050;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalCard {
  position: relative;
  width: min(760px, 100%);
  padding: 28px 24px 22px;
  border: 1px solid rgba(215, 227, 238, 0.96);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 56px rgba(20, 27, 77, 0.24);
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalClose {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(215, 227, 238, 0.96);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalClose:hover {
  background: var(--accent);
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalSpinner {
  width: 52px;
  height: 52px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  font-size: 34px;
  line-height: 1;
  animation: partnerSubmitSpinner 0.8s linear infinite;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalCard h3 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.15;
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalCard p {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions {
  margin-top: 22px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button {
  min-width: 188px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreview {
  margin-top: 18px;
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewPaper {
  border: 1px solid rgba(215, 227, 238, 0.98);
  border-radius: 8px;
  background: #f7fbff;
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewHeader {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  border-bottom: 1px solid rgba(207, 222, 236, 0.9);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewHeader strong {
  color: var(--ink);
  font-size: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewCosts small, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewHeader span {
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewRows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewRows div {
  border-bottom: 1px solid rgba(207, 222, 236, 0.72);
  padding-bottom: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewCosts span, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewRows span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewRows strong {
  display: block;
  color: var(--ink);
  font-size: 16px;
  margin-top: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewCosts {
  margin-top: 16px;
  border: 1px solid #bee7cf;
  border-radius: 8px;
  background: #eefaf1;
  padding: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewCosts strong {
  display: block;
  color: #13773d;
  font-size: 30px;
  margin: 4px 0;
}

@media (max-width: 720px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewRows {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreviewHeader {
    display: block;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .brand {
  position: relative;
  justify-self: center;
  width: min(920px, 100%);
  max-width: 720px;
  color: #ffffff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.36);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .brand {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton, :where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton {
  position: absolute;
  top: 0;
  right: -320px;
  z-index: 12;
  width: 48px;
  height: 48px;
  display: grid;
  place-content: center;
  gap: 5px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 14px 34px rgba(20, 27, 77, 0.22);
  backdrop-filter: blur(12px);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 999px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton:hover {
  background: rgba(255, 255, 255, 0.24);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel {
  position: absolute;
  top: 56px;
  right: -320px;
  z-index: 13;
  width: min(260px, calc(100vw - 32px));
  padding: 8px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(215, 227, 238, 0.86);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 48px rgba(20, 27, 77, 0.28);
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel button {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  color: var(--night);
  background: #ffffff;
  text-align: left;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel button:hover {
  background: #eef7fd;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuGroup {
  display: grid;
  gap: 4px;
  padding: 4px 0 4px 10px;
  border-left: 2px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuGroup button {
  color: var(--muted);
  font-size: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .brandLogo {
  width: min(330px, 82vw);
  height: auto;
  margin: 0 auto 26px;
  display: block;
}

:where(body[data-design-system="partner-portal-v1"]) .brand h1 {
  margin: 0;
  font-size: clamp(36px, 6vw, 72px);
  line-height: 1.02;
}

:where(body[data-design-system="partner-portal-v1"]) .brand p {
  margin: 14px 0 0;
  font-size: 19px;
}

:where(body[data-design-system="partner-portal-v1"]) .eyebrow, :where(body[data-design-system="partner-portal-v1"]) .step {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .panel {
  width: min(760px, 100%);
  max-width: 100%;
  padding: 28px;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(215, 227, 238, 0.95);
  border-radius: 8px;
  box-shadow: 0 22px 70px rgba(20, 27, 77, 0.28);
}

:where(body[data-design-system="partner-portal-v1"]) #dashboardView {
  width: 100%;
  min-height: calc(100vh - 24px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .appLayout {
  position: relative;
  display: grid;
  grid-template-columns: 288px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarRail {
  position: sticky;
  top: 12px;
  align-self: start;
  display: grid;
  height: fit-content;
  max-height: calc(100vh - 24px);
}

:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
  position: relative;
  width: 100%;
  display: grid;
  gap: 6px;
  align-content: start;
  align-self: start;
  height: fit-content;
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  overflow-x: visible;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(9, 21, 73, 0.96), rgba(20, 27, 77, 0.94));
  box-shadow: 0 22px 50px rgba(4, 10, 35, 0.28);
  transition: width 180ms ease, transform 180ms ease, opacity 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .appContent {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  display: grid;
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record-standalone"]) .appContent > :not(.dashboardHead):not(#partnerOrderView), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]:where([data-ui-archetype="record-standalone"]) .appContent > :not(.dashboardHead):not(#accountView), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]:where([data-ui-archetype="record-standalone"]) .appContent > :not(.dashboardHead):not(#accountingSettingsPanel) {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record-standalone"]) #partnerOrderView, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]:where([data-ui-archetype="record-standalone"]) #accountView, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]:where([data-ui-archetype="record-standalone"]) #accountingSettingsPanel {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel {
  position: fixed;
  top: 20px;
  right: 20px;
  left: 340px;
  bottom: 20px;
  z-index: 24;
  overflow: auto;
  width: auto;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .modalCloseButton {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .modalCloseButton:hover {
  background: rgba(20, 27, 77, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarTop {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 6px 10px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarProfileCard {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandMark, :where(body[data-design-system="partner-portal-v1"]) .sidebarProfileCard {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarUserPhotoButton {
  width: 54px;
  height: 54px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #d9e9f6;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarUserPhotoButton img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarProfileText {
  min-width: 0;
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarProfileText strong {
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarProfileText span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationWrap {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  justify-self: end;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationButton {
  position: relative;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationCount {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #c61f14;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  display: grid;
  place-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationPanel {
  position: fixed;
  top: 72px;
  left: 340px;
  z-index: 10060;
  width: min(360px, 70vw);
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(20, 27, 77, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItem {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemTopline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemState {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItem span {
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItem small {
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemUnread {
  border-color: rgba(66, 159, 224, 0.55);
  border-left: 4px solid #429fe0;
  background: #eef7fd;
  box-shadow: inset 0 0 0 1px rgba(66, 159, 224, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemUnread .notificationItemState {
  background: rgba(66, 159, 224, 0.14);
  color: #1c5f8f;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemRead {
  background: #f2f5f8;
  border-color: rgba(20, 27, 77, 0.08);
  opacity: 0.78;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationItemRead .notificationItemState {
  background: rgba(20, 27, 77, 0.08);
  color: rgba(20, 27, 77, 0.72);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationPanel {
  max-height: 360px;
  overflow-y: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanelHead {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 2px 10px;
  background: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanelHead strong {
  color: #ffffff;
  font-size: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanelHead button {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(72, 159, 223, .32);
  border-radius: 8px;
  color: #ffffff;
  background: rgba(72, 159, 223, .28);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanelHead button:hover:not(:disabled) {
  background: rgba(72, 159, 223, .44);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanelHead button:disabled {
  opacity: .52;
  cursor: default;
}

body:where([data-design-system="partner-portal-v1"]) > .sidebarNotificationPanel {
  color: #fff;
  border: 1px solid rgba(72, 159, 223, .32);
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .97), rgba(20, 27, 77, .9)),
    rgba(2, 9, 20, .92);
  box-shadow: 0 28px 86px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

body:where([data-design-system="partner-portal-v1"]) > .sidebarNotificationPanel .notificationItem {
  color: #fff;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]) > .sidebarNotificationPanel .notificationItem small, body:where([data-design-system="partner-portal-v1"]) > .sidebarNotificationPanel .notificationItem span {
  color: rgba(255, 255, 255, .72);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarControls {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarControlButton {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarPinButton {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarArrowButton {
  min-width: 40px;
  padding: 0 12px;
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarControlButton span {
  display: block;
  width: 16px;
  height: 2px;
  margin: 3px 0;
  border-radius: 999px;
  background: currentColor;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarControlButton.isActive {
  border-color: rgba(66, 159, 224, 0.6);
  background: rgba(66, 159, 224, 0.16);
  color: #8fd3ff;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarInlineLogoutButton {
  width: auto;
  min-width: 0;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  color: rgba(255, 255, 255, 0.84);
  text-align: left;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNav {
  display: grid;
  gap: 6px;
  align-content: start;
  padding-top: 14px;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearch {
  position: relative;
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearch label {
  color: rgba(255, 255, 255, .62);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 10px;
  color: #ffffff;
  background: rgba(2, 12, 32, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  font-weight: 400;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input::placeholder {
  color: rgba(255, 255, 255, .46);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input:focus {
  outline: none;
  border-color: rgba(72, 159, 223, .78);
  background: rgba(6, 18, 46, .86);
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .16), inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 10070;
  display: grid;
  gap: 7px;
  max-height: min(340px, calc(100vh - 320px));
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(72, 159, 223, .3);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .98), rgba(20, 27, 77, .94)),
    rgba(2, 9, 20, .96);
  box-shadow: 0 24px 70px rgba(2, 9, 28, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults::-webkit-scrollbar {
  width: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(72, 159, 223, .58);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults p {
  margin: 0;
  padding: 8px;
  color: rgba(255, 255, 255, .68);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults button {
  display: grid;
  gap: 5px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px 10px 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-left: 4px solid rgba(72, 159, 223, .78);
  border-radius: 8px;
  color: #ffffff;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 14px 34px rgba(3, 9, 28, .14);
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults button:hover {
  border-color: rgba(72, 159, 223, .42);
  border-left-color: rgba(72, 159, 223, .95);
  background: linear-gradient(135deg, rgba(72, 159, 223, .24), rgba(72, 159, 223, .1));
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults strong {
  color: #ffffff;
  min-width: 0;
  font-size: 14px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults span {
  color: rgba(255, 255, 255, .72);
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSection {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitle {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton {
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton:hover {
  background: rgba(255, 255, 255, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionChevron {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-right: 2px solid rgba(255, 255, 255, 0.72);
  border-bottom: 2px solid rgba(255, 255, 255, 0.72);
  transform: rotate(-45deg);
  transition: transform 0.18s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSection.isExpanded .sidebarSectionChevron {
  transform: rotate(45deg);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionItems {
  display: grid;
  gap: 2px;
  padding-left: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionItems[hidden] {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.84);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0;
  font-weight: 400;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton:hover {
  background: rgba(255, 255, 255, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavDot {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavBadge {
  flex: 0 0 auto;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  margin-left: auto;
  color: #ffffff;
  background: #c61f14;
  border: 1px solid rgba(255, 255, 255, 0.34);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(198, 31, 20, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarFooter {
  margin-top: auto;
  display: grid;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(72, 159, 223, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarFooterRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarFooterButton {
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  text-align: left;
  font-weight: 400;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarLogoutButton {
  color: var(--danger);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandMark {
  padding-top: 6px;
  display: grid;
  place-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandMark img {
  width: 82px;
  height: 82px;
  padding: 6px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(4, 10, 35, 0.16);
  object-fit: contain;
  opacity: 0.92;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBackdrop {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #d8e5f0;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
  padding: 24px 26px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 250, 253, 0.95));
  box-shadow: 0 18px 42px rgba(4, 10, 35, 0.16);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern .dashboardActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .appLayout {
  grid-template-columns: 72px minmax(0, 1fr);
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarRail {
  position: sticky;
  top: 12px;
  left: auto;
  z-index: 4;
  width: 72px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  pointer-events: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .appSidebar {
  position: relative;
  width: 72px;
  max-height: none;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarFooter, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNav, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarTop {
  display: block;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNav {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarFooterButton, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNavLabel, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarProfileText, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarSectionTitle {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarBrandMark, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarCustomerSearch, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarInlineAdminPortalButton, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarInlineLogoutButton, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNotificationWrap, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarProfileCard {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarControls {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: auto;
  margin: 0;
  pointer-events: auto;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarNavButton {
  justify-content: center;
  padding: 0;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarFooter {
  justify-items: center;
  margin-top: auto;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarFooterButton {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarArrowButton {
  display: grid;
  position: sticky;
  top: 12px;
  left: auto;
  margin-left: 24px;
  z-index: 5;
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 8px;
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-size: 18px;
  box-shadow: none;
  pointer-events: auto;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="list"]) #customerListBackButton {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerProjectsPanel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerProjectsIntro .step {
  display: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
  display: grid;
  grid-template-columns: minmax(520px, 1fr) 220px;
  grid-template-areas:
    "identity identity"
    "advisor photo";
  align-items: stretch;
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardIdentity {
  grid-area: identity;
  gap: 16px;
  min-width: 0;
  align-content: start;
  align-items: start;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard {
  grid-area: advisor;
  align-self: stretch;
  min-height: 220px;
  margin-top: 0;
  height: 220px;
  width: 100%;
  min-width: 0;
  padding: 18px 22px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardActions {
  display: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #customerListBackButton, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #emptyState, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerActionBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerOrderDetailBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .tableWrap, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="home"]) #customerDetailBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="home"]) #detailView, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="home"]) #reonicOrderDetailPanel {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerProjectsPanel {
  display: grid !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .employeePhotoButton {
  grid-area: photo;
  width: 220px;
  height: 220px;
  max-width: 100%;
  aspect-ratio: auto;
  justify-self: end;
  align-self: stretch;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard img {
  width: 112px;
  height: 112px;
  border-radius: 8px;
  flex: 0 0 112px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard strong {
  font-size: 24px;
  line-height: 1.05;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard span {
  font-size: 16px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard small {
  font-size: 16px;
  line-height: 1.35;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard > div {
  min-width: 0;
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView .profileEditor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
    width: min(100%, calc(100% - 18px));
    padding: 10px 0 18px;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .appLayout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarRail {
    position: fixed;
    top: 10px;
    left: 10px;
    bottom: 10px;
    z-index: 30;
    width: min(310px, calc(100vw - 20px));
    min-height: auto;
    max-height: none;
    transform: translateX(calc(-100% - 20px));
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
    max-height: calc(100vh - 20px);
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).sidebarOpen .sidebarRail {
    transform: translateX(0);
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarBackdrop {
    position: fixed;
    inset: 0;
    z-index: 29;
    display: block;
    background: rgba(20, 27, 77, 0.34);
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarControls {
    display: none;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarPinButton {
    display: none;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .appContent {
    width: 100%;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel {
    left: 10px;
    right: 10px;
    top: 72px;
    bottom: 10px;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton {
    display: block;
    justify-self: end;
    align-self: start;
    margin-left: 12px;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardIdentity {
    min-width: 0;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .choiceGrid {
  display: grid;
  grid-template-columns: repeat(var(--choice-count, 3), minmax(0, 1fr));
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) #choiceView[data-choice-count="2"] {
  width: min(720px, calc(100vw - 32px));
}

:where(body[data-design-system="partner-portal-v1"]) #choiceView[data-choice-count="1"] {
  width: min(360px, calc(100vw - 32px));
}

body:where([data-design-system="partner-portal-v1"]).portalHub .shell {
  width: min(1120px, calc(100% - 32px));
}

body:where([data-design-system="partner-portal-v1"]).portalHub #choiceView {
  width: min(860px, calc(100vw - 32px));
  padding: 24px;
}

body:where([data-design-system="partner-portal-v1"]).portalHub #choiceView::before {
  content: "";
  display: block;
  min-height: 190px;
  margin: 0 0 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(20, 31, 77, 0.88), rgba(46, 149, 214, 0.2)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center / cover;
}

body:where([data-design-system="partner-portal-v1"]).portalHub .choiceGrid {
  --choice-count: 2;
}

:where(body[data-design-system="partner-portal-v1"]) .portalHubButton {
  min-height: 112px;
  display: grid;
  align-content: center;
  gap: 6px;
  text-align: left;
  padding: 20px 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalHubButton span {
  font-size: 22px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .portalHubButton small {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.86);
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm button, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
  min-height: 48px;
  min-width: 112px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--accent);
  cursor: pointer;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm button:hover, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton:hover {
  background: var(--accent-strong);
}

:where(body[data-design-system="partner-portal-v1"]) .dangerButton {
  min-height: 48px;
  margin-top: 12px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--danger);
  cursor: pointer;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .dangerButton:hover {
  background: #8f1d15;
}

:where(body[data-design-system="partner-portal-v1"]) .loginLinks {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm, :where(body[data-design-system="partner-portal-v1"]) .noticeBox, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm {
  display: grid;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm label, :where(body[data-design-system="partner-portal-v1"]) .noticeBox label, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm input, :where(body[data-design-system="partner-portal-v1"]) .noticeBox input, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm input, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm select, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 13px;
  background: var(--field);
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm input, :where(body[data-design-system="partner-portal-v1"]) .noticeBox input, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm input, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm select {
  min-height: 46px;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm textarea {
  min-height: 108px;
  padding-top: 12px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm input:focus, :where(body[data-design-system="partner-portal-v1"]) .noticeBox input:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm input:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm select:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm textarea:focus {
  outline: 3px solid rgba(15, 124, 99, 0.2);
  border-color: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .addressLookupField {
  position: relative;
}

:where(body[data-design-system="partner-portal-v1"]) .addressLookupInlineSpinner {
  position: absolute;
  top: 36px;
  right: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(20, 27, 77, 0.12);
  font-size: 16px;
  line-height: 1;
  animation: pretzelSpin 1s linear infinite;
  pointer-events: none;
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionDropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 8;
  display: grid;
  gap: 4px;
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(20, 27, 77, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #ffffff;
  color: #111111;
  text-align: left;
  cursor: pointer;
  display: grid;
  gap: 2px;
  box-shadow: none;
  text-shadow: none;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-text-fill-color: #111111;
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption:active, :where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption:focus, :where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption:hover {
  background: #f5f9fc;
  color: #111111;
  -webkit-text-fill-color: #111111;
  outline: none;
  border-color: var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption strong {
  font-size: 14px;
  color: #111111;
  -webkit-text-fill-color: #111111;
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption span {
  color: #111111;
  -webkit-text-fill-color: #111111;
  font-size: 13px;
  font-weight: 500;
}

:where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption span, :where(body[data-design-system="partner-portal-v1"]) .addressSuggestionOption strong {
  pointer-events: none;
}

:where(body[data-design-system="partner-portal-v1"]) .linkButton {
  border: 0;
  min-height: 38px;
  padding: 8px 10px;
  margin-bottom: 18px;
  background: transparent;
  color: var(--mid);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .inlineLink {
  min-height: auto;
  width: fit-content;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mid);
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .loginForm .inlineLink, :where(body[data-design-system="partner-portal-v1"]) .loginForm .inlineLink:hover {
  min-height: auto;
  min-width: 0;
  padding: 0;
  color: var(--mid);
  background: transparent;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .error {
  min-height: 22px;
  color: var(--danger);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHead {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminImpersonationBanner {
  margin: -8px 0 24px;
  padding: 12px 16px;
  border: 1px solid rgba(20, 31, 107, 0.18);
  border-radius: 8px;
  background: #fff8df;
  color: var(--night);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardIdentity {
  display: grid;
  gap: 14px;
  min-width: min(330px, 100%);
}

:where(body[data-design-system="partner-portal-v1"]) .advisorCard {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: min(280px, 100%);
  max-width: 100%;
  min-height: 160px;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .advisorCard img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .advisorCard span {
  display: block;
  color: var(--muted);
  font-size: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .advisorCard strong {
  display: block;
  font-size: 28px;
  line-height: 1.1;
}

:where(body[data-design-system="partner-portal-v1"]) .advisorCard small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .employeePhotoButton {
  width: min(420px, 100%);
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  border: 2px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  cursor: pointer;
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .employeePhotoButton:hover {
  border-color: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .employeePhotoButton img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardActions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: end;
}

:where(body[data-design-system="partner-portal-v1"]) #loginTitle, :where(body[data-design-system="partner-portal-v1"]) .dashboardHead h2 {
  margin: 0 0 22px;
  font-size: 30px;
}

:where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
  padding: 0 18px;
  background: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .ghostButton {
  background: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .ghostButton:hover {
  background: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .creditSummary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .creditSummary div {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .creditSummary span {
  display: block;
  color: var(--muted);
  font-weight: 700;
  margin-bottom: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .creditSummary strong {
  display: block;
  color: var(--night);
  font-size: 30px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  align-items: stretch;
  margin-bottom: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingMetric {
  cursor: default;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingMetric:hover {
  border-color: var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .accountingList {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceCard {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.7fr) minmax(220px, auto);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceAmount, :where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceMain {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceAmount small, :where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceMain small, :where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceMain span {
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceAmount strong, :where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceMain strong {
  color: var(--night);
  font-size: 1.35rem;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceMain p {
  margin: 0;
  color: var(--ink);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceActions {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .dangerSoftButton {
  background: #fff1f1;
  border-color: #f2c5c5;
  color: #9f1f17;
}

:where(body[data-design-system="partner-portal-v1"]) .upcomingAppointments {
  display: grid;
  gap: 12px;
  margin-bottom: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .appointmentList {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .montageProtocolNotice {
  width: fit-content;
  padding: 5px 9px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(72, 159, 223, 0.18);
  border: 1px solid rgba(72, 159, 223, 0.34);
}

:where(body[data-design-system="partner-portal-v1"]) .montageProtocolNotice.isUnread {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(72, 159, 223, 0.9), rgba(20, 27, 77, 0.88));
  box-shadow: 0 10px 24px rgba(72, 159, 223, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusDone, :where(body[data-design-system="partner-portal-v1"]) .orderStatusOpen {
  width: fit-content;
  padding: 6px 9px;
  border-radius: 8px;
  font-style: normal;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsPanel {
  display: grid;
  gap: 18px;
  margin-bottom: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsContent {
  display: grid;
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsColumns, :where(body[data-design-system="partner-portal-v1"]) .statisticsGrid, :where(body[data-design-system="partner-portal-v1"]) .statisticsHero, :where(body[data-design-system="partner-portal-v1"]) .statisticsMiniGrid {
  display: grid;
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsHero {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .insightList article, :where(body[data-design-system="partner-portal-v1"]) .miniStat, :where(body[data-design-system="partner-portal-v1"]) .statCard, :where(body[data-design-system="partner-portal-v1"]) .statisticsBlock, :where(body[data-design-system="partner-portal-v1"]) .statisticsHero > div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsHero > div {
  display: grid;
  gap: 8px;
  padding: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .miniStat span, :where(body[data-design-system="partner-portal-v1"]) .statCard span, :where(body[data-design-system="partner-portal-v1"]) .statisticsHero span {
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsHero strong {
  color: var(--night);
  font-size: 42px;
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsHero p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsGrid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .statCard {
  display: grid;
  gap: 6px;
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .statCard strong {
  color: var(--night);
  font-size: 30px;
}

:where(body[data-design-system="partner-portal-v1"]) .statCard small {
  color: var(--muted);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsColumns {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsBlock {
  display: grid;
  gap: 14px;
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsBlock h4 {
  margin: 0;
  color: var(--night);
  font-size: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsMiniGrid {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .miniStat {
  display: grid;
  gap: 4px;
  padding: 14px;
  background: var(--surface);
}

:where(body[data-design-system="partner-portal-v1"]) .miniStat strong {
  color: var(--night);
  font-size: 26px;
}

:where(body[data-design-system="partner-portal-v1"]) .insightList {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .insightList article {
  padding: 14px;
  background: var(--surface);
}

:where(body[data-design-system="partner-portal-v1"]) .insightList strong {
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .insightList p {
  margin: 5px 0 0;
  color: var(--muted);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsTableWrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsTable {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsTable td, :where(body[data-design-system="partner-portal-v1"]) .statisticsTable th {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsTable th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .statisticsTable td {
  color: var(--ink);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusDone {
  color: var(--paid);
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusOpen {
  color: #9b1c1c;
  background: #feecec;
}

:where(body[data-design-system="partner-portal-v1"]) .bigInviteButton {
  width: 100%;
  min-height: 64px;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--accent);
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .bigInviteButton.hidden {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .bigInviteButton:hover {
  background: var(--accent-strong);
}

:where(body[data-design-system="partner-portal-v1"]) .payoutButton {
  margin-bottom: 22px;
  background: var(--paid);
}

:where(body[data-design-system="partner-portal-v1"]) .payoutButton:hover {
  background: #176642;
}

:where(body[data-design-system="partner-portal-v1"]) .customerListBackButton {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .customerActionBox {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 22px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff, #f2f8fd);
}

:where(body[data-design-system="partner-portal-v1"]) .customerActionBox span {
  display: block;
  margin-bottom: 8px;
  color: var(--mid);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .customerActionBox strong {
  display: block;
  margin-bottom: 8px;
  color: var(--night);
  font-size: 26px;
}

:where(body[data-design-system="partner-portal-v1"]) .customerActionBox p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

:where(body[data-design-system="partner-portal-v1"]) .customerActionButtons {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm {
  margin-bottom: 22px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .noticeBox, :where(body[data-design-system="partner-portal-v1"]) .reviewBox {
  margin-bottom: 22px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .noticeBox h3, :where(body[data-design-system="partner-portal-v1"]) .reviewBox h3 {
  margin: 0 0 8px;
  font-size: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .noticeBox p, :where(body[data-design-system="partner-portal-v1"]) .reviewBox p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .alignEnd {
  align-self: end;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAddressSuggestionControls, :where(body[data-design-system="partner-portal-v1"]) #partnerNameSuggestionControls {
  grid-column: 1 / -1;
  margin-top: -6px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAddressSuggestionControls select, :where(body[data-design-system="partner-portal-v1"]) #partnerNameSuggestionControls select {
  min-height: 48px;
}

:where(body[data-design-system="partner-portal-v1"]) .visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .noticeBox button[type="submit"], :where(body[data-design-system="partner-portal-v1"]) .reviewButton {
  min-height: 48px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--accent);
  cursor: pointer;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .noticeBox button[type="submit"] {
  width: fit-content;
  padding: 0 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerOrderDetailBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) #customerDetailBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) #detailView, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) #reonicOrderDetailPanel {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewActions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: end;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalOverlay {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(7, 13, 40, 0.72);
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalOverlay.hidden {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalOverlay.calendarEditOverlayAnchored {
  display: block;
  padding: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalOverlay.calendarEditOverlayAnchored .montageCalendarEditModal {
  position: fixed;
  top: var(--montage-calendar-edit-top, 24px);
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeModal, :where(body[data-design-system="partner-portal-v1"]) .reviewModal {
  position: relative;
  width: min(980px, calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModal iframe {
  width: 100%;
  min-height: min(620px, 58vh);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalActions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewModalActions > * {
  min-height: 46px;
  display: inline-grid;
  place-items: center;
  text-align: center;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeBox {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeOpen {
  padding: 12px;
  border: 1px solid #f5c979;
  border-radius: 8px;
  background: #fff7e8;
  color: #8a4c00;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeList {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeListCompact {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeList article {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeListCompact article p {
  margin: 4px 0 0;
}

:where(body[data-design-system="partner-portal-v1"]) .orderChangeActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .dangerLinkButton {
  border-color: #f0c4be;
  background: #fff4f2;
  color: #b52217;
}

:where(body[data-design-system="partner-portal-v1"]) .signedChangeLink {
  background: #e9f8ef;
  color: #177a3f;
  border: 1px solid #bce8c9;
  border-radius: 8px;
  padding-inline: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeWizard {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeChecklist {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeChecklist legend {
  padding: 0 8px;
  color: var(--night);
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeCheck {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f5f9fd;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSections {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection > div:first-child {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection input, :where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection span {
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeSection [hidden] {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeChoiceRow {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeDescriptionLabel {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeDescriptionLabel textarea {
  width: 100%;
  min-height: 132px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--night);
  font: inherit;
  resize: vertical;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .choiceButton {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--night);
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .adminMetric:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .choiceButton:hover {
  border-color: var(--accent);
  box-shadow: 0 12px 30px rgba(14, 89, 138, 0.14);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionCard span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .adminMetric span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .choiceButton span {
  color: var(--accent);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.8rem;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionCard strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .adminMetric strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .choiceButton strong {
  font-size: 1.15rem;
}

body[data-design-system="partner-portal-v1"].adminPartnerCompact:where([data-ui-archetype="list"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #upcomingAppointments {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"].adminPartnerCompact:where([data-ui-archetype="list"]) #partnerProjectsPanel.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #accountingPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #adminAccountsPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #adminStatisticsPanel.statisticsPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #emailAutomationPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #montageCalendarPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #partnerAdminOverviewPanel.portalPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #reonicOrdersPanel.ap-section::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #taskWorkQueueRoot::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].adminPartnerCompact:where([data-ui-archetype="list"]) #upcomingAppointments::before {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #emptyState, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerActionBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerAdminDetailBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerAdminOverviewPanel, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerProjectsCards, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerProjectsIntro, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerProjectsPanel, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .dashboardHead, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .tableWrap, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #accountingList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #adminAccountsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #adminStatisticsContent, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #emailAutomationList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #partnerAdminOverviewList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="record"]) #upcomingAppointmentsList {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="list"]) #partnerActionBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="list"]) #partnerOrderDetailBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="list"]):not(.roleAdmin) .dashboardHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="list"]) #customerDetailBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="list"]) #detailView, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="list"]) #reonicOrderDetailPanel {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsCards {
  display: grid;
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsHeader {
  padding: 0 24px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard {
  position: relative;
  width: 100%;
  padding: 20px 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard:hover {
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectStatusTag {
  display: inline-flex;
  width: fit-content;
  margin-top: 6px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(31, 111, 235, 0.14);
  color: #1f6feb;
  font-size: 0.78rem;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverPreview {
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto;
  z-index: 24;
  width: min(360px, calc(100vw - 120px));
  display: none !important;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 40px rgba(12, 20, 58, 0.18);
  pointer-events: none;
  overflow-wrap: anywhere;
  word-break: normal;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSection .partnerPriceRuleGrid, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSection .partnerPriceRuleGrid label {
  display: grid;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSection {
  display: grid;
  gap: var(--ap-section-gap);
  padding: var(--ap-card-padding);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSectionHead {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSectionHead h4 {
  margin: 0;
  font-size: 18px;
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleSectionHead p {
  margin: 0;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverPreview strong {
  color: var(--night);
  font-size: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverItem {
  display: grid;
  gap: 2px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverItem span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverItem b {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectMain {
  display: grid;
  grid-template-columns: .85fr 1.05fr 2.35fr 1.35fr 1.05fr 1.55fr .95fr .85fr;
  gap: 18px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectField {
  display: grid;
  gap: 10px;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.reviewStatus), :where(body[data-design-system="partner-portal-v1"]) .partnerProjectField > strong {
  display: block;
  width: 100%;
  min-width: 0;
  text-align: left;
  line-height: 1.15;
  overflow-wrap: break-word;
  word-break: normal;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectField > .reviewStatus {
  justify-self: start;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectLabel {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectLabelInline {
  display: none;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectSortableLabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectSortControls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectSortButton {
  border: 0;
  background: transparent;
  color: var(--muted);
  padding: 0;
  min-width: auto;
  min-height: auto;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectSortButton:hover {
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPanel {
  display: grid;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewHead h3 {
  margin: 0;
  font-size: 28px;
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewList {
  display: grid;
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminSortBar {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailMain {
  flex: 1 1 520px;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailHeader {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailLogo {
  width: 92px;
  height: 92px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailPriceSummary {
  margin-top: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailOverview {
  display: grid;
  gap: var(--ap-space-xs);
  margin-top: var(--ap-space-md);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailOverview p {
  margin: 0;
  color: var(--portal-muted);
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatsList {
  display: grid;
  gap: 0;
  margin-top: var(--ap-section-gap);
  border-block: 1px solid rgba(140, 174, 211, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--ap-gap-default);
  padding-block: var(--ap-space-sm);
  border-bottom: 1px solid rgba(140, 174, 211, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatRow:last-child {
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatRow small, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatRow span {
  color: var(--portal-muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatRow strong {
  color: var(--portal-text);
  font-size: 1.05rem;
  font-weight: 950;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailTab {
  width: auto !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  color: rgba(255, 255, 255, .68);
  background: rgba(9, 22, 50, .82);
  box-shadow: none;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailTab:is(:hover, :focus-visible) {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .38);
  background: rgba(5, 15, 36, .96);
  box-shadow: none;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailTab.active {
  color: #ffffff;
  border-color: rgba(124, 190, 246, .68);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(53, 117, 184, .86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 26px rgba(72, 159, 223, .2);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminTabbedForm {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminTabbedForm .formHead, :where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminTabbedForm::before {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminFormPanels {
  display: grid;
  gap: var(--ap-section-gap);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminFormPanel {
  display: grid;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminFormPanel[hidden] {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminFormPanel > h4 {
  margin: 0;
  color: var(--portal-text);
  font-size: 1.05rem;
  font-weight: 950;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminTabbedForm > .formMessage, :where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminTabbedForm > button[type="submit"] {
  margin-top: var(--ap-section-gap);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerAdminEditForm.partnerAdminPasswordTab > button[type="submit"] {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(220px, 0.9fr) minmax(220px, 0.7fr);
  gap: 22px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  align-items: stretch;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPrimary {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPrimary > div {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPrimary:hover {
  opacity: 0.92;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPrimary h3 {
  margin: 0 0 6px;
  font-size: 20px;
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewText {
  margin: 0;
  color: var(--ink);
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewActions, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewProjects {
  align-self: start;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewProjects .partnerAdminOrdersList {
  max-height: 172px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleRow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleText {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleDivider {
  width: 1px;
  height: 22px;
  background: var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleLink {
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  box-shadow: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleLink:active, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleLink:focus, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleLink:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleLink:hover {
  border: 0;
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
  outline: 0;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapPanel {
  display: grid;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapCard {
  display: grid;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapHint {
  color: var(--muted);
  font-size: 15px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapHead {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters {
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters label {
  display: grid;
  gap: 6px;
  min-width: 180px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapScopeFilter {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  min-height: 48px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 14px;
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapScopeFilter button {
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, .82);
  background: transparent;
  font-weight: 900;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapScopeFilter button.active, :where(body[data-design-system="partner-portal-v1"]) .montageMapScopeFilter button:hover {
  color: #141B4D;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(2, 9, 28, .2);
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapStepFilter {
  display: grid;
  gap: 6px;
  min-width: 220px;
  max-height: 150px;
  padding: 8px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7fbff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters .montageMapStepOption {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--night);
  font-size: 14px;
  line-height: 1.2;
  text-transform: none;
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapStepOption input {
  width: auto;
  min-height: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapStepClear {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--night);
  font-weight: 800;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .montageMapStepClear:hover {
  background: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapCanvas {
  width: 100%;
  min-height: 520px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapStatus {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(72, 159, 223, .16);
  border-radius: 12px;
  background: #f4f9ff;
  color: #334155;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapCard {
  position: relative;
  overflow: visible !important;
  gap: clamp(18px, 2.2vw, 28px);
  padding: clamp(18px, 2.4vw, 30px);
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: 22px;
  background:
    radial-gradient(circle at 78% 0%, rgba(72, 159, 223, .18), transparent 34%),
    linear-gradient(140deg, rgba(2, 9, 28, .96), rgba(20, 27, 77, .88));
  box-shadow: 0 30px 90px rgba(3, 8, 26, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: clamp(22px, 2.6vw, 36px);
  padding: clamp(22px, 3vw, 42px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(20, 27, 77, .96), rgba(20, 27, 77, .7)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center / cover no-repeat;
  color: #ffffff;
  overflow: visible !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead .partnerProjectsMapHint, :where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead .step, :where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead h3 {
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead .step {
  opacity: .78;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead h3 {
  margin: 0;
  font-size: clamp(42px, 5vw, 84px);
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHint {
  max-width: 620px;
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .82);
  font-weight: 600;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapFilters {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  max-width: none;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapFilters label {
  color: rgba(255, 255, 255, .72);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterToggle, :where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapFilters select {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14px 34px rgba(2, 9, 28, .18);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapScopeFilter {
  align-self: center;
  width: min(360px, 100%);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterMenu {
  position: relative;
  display: flex;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterToggle {
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 14px;
  color: #141B4D;
  font-weight: 900;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterToggle:hover, :where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterToggle[aria-expanded="true"] {
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(2, 9, 28, .24);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterPanel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1000;
  display: grid;
  gap: 14px;
  width: min(420px, calc(100vw - 48px));
  padding: 18px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .98), rgba(5, 14, 35, .94)),
    rgba(2, 9, 20, .96);
  box-shadow: 0 28px 80px rgba(2, 9, 28, .38), inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterPanel.hidden {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterPanel label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .montageMapFilterPanel select {
  width: 100%;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapCanvas {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  border-color: rgba(255, 255, 255, .14);
  box-shadow: 0 20px 64px rgba(2, 9, 28, .28);
}

:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel #montageMapStatus {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapMarker {
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapMarker span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(12, 20, 58, 0.14);
  background: #ffffff;
  color: var(--night);
  font-weight: 800;
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapMarker--unscheduled span {
  background: #fff1ee;
  border-color: rgba(198, 31, 20, 0.28);
  color: #a51c12;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapMarker--scheduled span {
  background: #edf8f1;
  border-color: #cbead7;
  color: #1f7a4a;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapMarker--complaint span {
  background: #fff4df;
  border-color: #f0c774;
  color: #9b5800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapCluster span {
  width: 38px;
  height: 38px;
  min-height: 38px;
  justify-content: center;
  padding: 0;
  border: 3px solid #ffffff;
  border-radius: 999px;
  background: var(--night);
  color: #ffffff;
  font-size: 16px;
  box-shadow: 0 16px 34px rgba(12, 20, 58, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .mapClusterPopupList {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .mapClusterPopupList span {
  display: block;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .94);
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .mapClusterPopupHint {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-content-wrapper, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .partnerProjectHoverPreview {
  border-radius: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-content-wrapper {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-content {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-tip {
  background: rgba(8, 24, 51, .98);
  box-shadow: 0 10px 24px rgba(3, 9, 28, .26);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup--below .leaflet-popup-tip-container {
  position: absolute;
  top: -19px;
  bottom: auto;
  margin-top: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup--below .leaflet-popup-tip {
  margin: 12px auto 0;
  box-shadow: -8px -8px 18px rgba(3, 9, 28, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup a.leaflet-popup-close-button {
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(72, 159, 223, .32);
  border-radius: 999px;
  background: rgba(8, 24, 51, .96);
  color: rgba(255, 255, 255, .86);
  font: 24px/27px Arial, sans-serif;
  box-shadow: 0 12px 28px rgba(3, 9, 28, .3);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup a.leaflet-popup-close-button:hover {
  background: rgba(72, 159, 223, .95);
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .partnerProjectHoverPreview {
  position: static;
  display: grid !important;
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-content {
  min-width: 280px;
  max-width: min(460px, 80vw);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .mapClusterPopup {
  width: min(360px, calc(100vw - 72px));
  max-width: calc(100vw - 72px);
  padding: 14px 16px !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .mapClusterPopup strong {
  display: block;
  max-width: calc(100% - 28px);
  font-size: 18px;
  line-height: 1.14;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewActions {
  display: grid;
  gap: 12px;
  justify-content: stretch;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPartnerOrdersMain {
  grid-template-columns: .85fr 1.15fr 1.15fr 2fr 1.3fr 1fr 1.55fr .95fr .85fr;
}

:where(body[data-design-system="partner-portal-v1"]) .payoutReleaseMain {
  grid-template-columns: 1.2fr 1.2fr 1fr .8fr auto;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .payoutReleaseCard {
  cursor: default;
}

:where(body[data-design-system="partner-portal-v1"]) .payoutReleaseCard:hover {
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceListSummaryBox {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceListSummaryBox p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceListSummaryBox a {
  color: var(--link);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard strong {
  color: var(--night);
  font-size: 24px;
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard small {
  color: var(--ink);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate {
  margin-top: 22px;
  margin-bottom: 14px;
  background: #edf8f1;
  border-color: #cbead7;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate strong {
  color: var(--paid);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateTotal {
  font-size: 30px;
  font-weight: 900;
  color: var(--paid);
  line-height: 1.1;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateRows {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateRow {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateRow strong {
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate small, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate span {
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop {
  margin: 18px 0 22px;
  padding: 18px;
  border: 1px solid #cfe0ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(12, 29, 66, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop .chatMessages {
  padding: 10px;
  border: 1px solid #d8e7f2;
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop .chatComposer textarea {
  min-height: 86px;
  border-color: #cfe0ee;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewButton {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 18px;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .submittedBadge {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 8px;
  background: #eaf8ee;
  color: var(--paid);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .detailMeta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .profileEditor {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) #profileView {
  width: min(960px, 100%);
}

:where(body[data-design-system="partner-portal-v1"]) #profileView .profileEditor {
  grid-template-columns: 180px minmax(0, 1fr);
}

:where(body[data-design-system="partner-portal-v1"]) #profileView .profileEditor.customerProfileEditor {
  grid-template-columns: 1fr;
}

:where(body[data-design-system="partner-portal-v1"]) #profileView .profileEditor .formGrid {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .profileEditor img {
  width: 100%;
  max-width: 180px;
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #f8fbfe;
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView:not(.dashboardMode) #dashboardView {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView {
  width: min(980px, calc(100vw - 36px));
  margin: 0 auto;
  border: 1px solid rgba(72, 159, 223, .28);
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .94), rgba(6, 16, 42, .82)),
    rgba(20, 27, 77, .72);
  color: #ffffff;
  box-shadow: 0 30px 86px rgba(3, 9, 28, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView .formMessage, body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView h2, body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView label {
  color: rgba(255, 255, 255, .92);
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileForm {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView .profileEditor {
  grid-template-columns: 160px minmax(0, 1fr);
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profileView input {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]).profileStandaloneView #profilePreview {
  border-color: rgba(72, 159, 223, .28);
  background: rgba(4, 14, 38, .62);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView .appContent > :not(.dashboardHead):not(#profileView) {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .94), rgba(6, 16, 42, .84)),
    rgba(20, 27, 77, .72);
  color: #ffffff;
  box-shadow: 0 30px 86px rgba(3, 9, 28, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileForm {
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView .profileEditor {
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid rgba(72, 159, 223, .24);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(4, 14, 38, .72), rgba(12, 28, 64, .62)),
    rgba(255, 255, 255, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView .formMessage, body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView h2, body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView label {
  color: rgba(255, 255, 255, .92);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView input {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView input::file-selector-button {
  border: 0;
  border-radius: 999px;
  background: #489fdf;
  color: #ffffff;
  font-weight: 800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView .modalCloseButton {
  top: 20px;
  right: 20px;
  color: #ffffff;
  background: rgba(20, 27, 77, .72);
  border-color: rgba(255, 255, 255, .18);
}

:where(body[data-design-system="partner-portal-v1"]) button:disabled {
  cursor: not-allowed;
  opacity: 0.56;
}

:where(body[data-design-system="partner-portal-v1"]) .friendStatus, :where(body[data-design-system="partner-portal-v1"]) .reviewStatus {
  display: inline-flex;
  min-width: 104px;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewDone {
  color: #1f7a52;
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewPending {
  color: #b54708;
  background: #fff0e1;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewInfo {
  color: #155eef;
  background: #e8f1ff;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewOpen {
  color: #b42318;
  background: #fdebea;
}

:where(body[data-design-system="partner-portal-v1"]) .reviewUnknown {
  color: var(--muted);
  background: #edf2f7;
}

:where(body[data-design-system="partner-portal-v1"]) .friendDone {
  color: #1f7a52;
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .friendOpen {
  color: #b42318;
  background: #fdebea;
}

:where(body[data-design-system="partner-portal-v1"]) .formHead {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .formHead h3 {
  margin: 0;
  font-size: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .fullWidth {
  grid-column: 1 / -1;
}

:where(body[data-design-system="partner-portal-v1"]) .formActions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions > button {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions > .dangerButton {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  margin: 0;
  background: var(--danger);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions > .dangerButton:hover {
  background: #8f1d15;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions .dangerButton {
  background: var(--danger);
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions .dangerButton:hover {
  background: #8f1d15;
}

:where(body[data-design-system="partner-portal-v1"]) .suggestionAccepted {
  align-self: center;
  color: #16784b;
  font-weight: 800;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationList {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationCardHeader {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  color: inherit;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditHint {
  color: var(--sky);
  font-weight: 800;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationCardText {
  display: grid;
  gap: 6px;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationCardText strong {
  color: var(--night);
  font-size: 18px;
  line-height: 1.3;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationCardText p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.5;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor textarea {
  min-height: 110px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .emailAutomationActions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="button"], :where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="submit"] {
  min-height: 48px;
  min-width: 112px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--accent);
  cursor: pointer;
  font-weight: 700;
  white-space: normal;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="button"]:hover, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="submit"]:hover {
  background: var(--accent-strong);
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm button.isLoading {
  opacity: 0.72;
  cursor: progress;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions > button {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions .dangerButton {
  background: var(--danger);
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm .partnerOrderDetailActions .dangerButton:hover {
  background: #8f1d15;
}

:where(body[data-design-system="partner-portal-v1"]) .recommendationForm button.isLoading::after {
  content: "";
  width: 18px;
  height: 18px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: -3px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: partnerSubmitSpinner 0.8s linear infinite;
}

:where(body[data-design-system="partner-portal-v1"]) .formMessage {
  min-height: 22px;
  margin: 0;
  color: var(--mid);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .successMessage {
  color: #1f7a52;
}

:where(body[data-design-system="partner-portal-v1"]) .formMessage a {
  color: var(--night);
  word-break: break-word;
}

:where(body[data-design-system="partner-portal-v1"]) .chatBox {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .detailBackButton {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailHead {
  margin-bottom: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailMeta {
  margin: 0 0 10px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailMeta > span {
  display: inline-flex;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMetaSeparator {
  color: var(--muted);
  font-weight: 600;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAttachmentsSection, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderNotesSection {
  display: grid;
  gap: 14px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageGallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAttachmentHeading {
  margin: 16px 0 8px;
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageCard {
  position: relative;
  display: grid;
  gap: 8px;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--ink);
  text-decoration: none;
  text-align: left;
  cursor: default;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderImagePreviewButton {
  display: grid;
  gap: 8px;
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageCard img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 6px;
  background: #e8eff6;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageCard span {
  font-size: 13px;
  font-weight: 700;
  word-break: break-word;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAttachmentSourceBadge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: var(--ap-space-1) var(--ap-space-2);
  border: 1px solid rgba(72, 159, 223, .34);
  border-radius: 999px;
  background: rgba(72, 159, 223, .14);
  color: rgba(255, 255, 255, .88);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileList {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadTile {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px dashed var(--portal-accent);
  border-radius: 12px;
  background: rgba(72, 159, 223, .08);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadTile input {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadTile > strong {
  color: var(--ink);
  font-size: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadTile > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadProgress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 12px;
  margin-top: 8px;
  padding: 12px;
  border-radius: 8px;
  background: rgba(72, 159, 223, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadProgress progress {
  grid-column: 1 / -1;
  width: 100%;
  accent-color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadProgress.is-success {
  background: rgba(31, 157, 104, .14);
  color: #18754f;
}

:where(body[data-design-system="partner-portal-v1"]) .assetUploadProgress.is-error {
  background: rgba(197, 56, 56, .13);
  color: #a22c2c;
}

:where(body[data-design-system="partner-portal-v1"]) .assetRenameDialog {
  width: min(440px, calc(100vw - 32px));
  padding: 0;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}

:where(body[data-design-system="partner-portal-v1"]) .assetRenameDialog::backdrop {
  background: rgba(3, 14, 31, .58);
}

:where(body[data-design-system="partner-portal-v1"]) .assetRenameDialog form {
  display: grid;
  gap: 14px;
  padding: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .assetRenameDialog label {
  display: grid;
  gap: 6px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .assetRenameActions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .customerVideoPreview, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderMediaVideoPreview {
  display: grid;
  place-items: center;
  gap: 10px;
  width: 100%;
  min-height: 150px;
  padding: 14px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(145deg, #e9f4fa, #d9e9f3);
  color: var(--ink);
  box-shadow: none;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .customerVideoPlaceholder {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--portal-accent);
  color: #fff;
  font-size: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentsList {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 0;
  padding: 16px 18px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .18);
  text-align: left;
  cursor: default;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

:where(body[data-design-system="partner-portal-v1"]) button.partnerOrderAppointmentCard {
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard:hover {
  border-color: var(--ap-ui-border-strong);
  background: var(--ap-ui-card);
  transform: translateY(-1px);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard.is-cancelled {
  border-color: rgba(255, 134, 134, .42);
  background: linear-gradient(145deg, rgba(46, 12, 22, .72), rgba(4, 15, 38, .92));
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard small, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard span {
  color: var(--ap-ui-muted);
  font-size: 13px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAppointmentCard strong {
  color: var(--ap-ui-text);
  font-size: 18px;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileCard {
  position: relative;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileLink {
  display: grid;
  gap: 4px;
  padding: 12px 54px 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--ink);
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileLink span {
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileLink .partnerOrderAttachmentSourceBadge {
  color: rgba(255, 255, 255, .88);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoCard {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ap-gap-default);
  min-width: 0;
  padding: var(--ap-space-4) 52px var(--ap-space-4) 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoIcon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: var(--portal-radius-control);
  background: rgba(72, 159, 223, .1);
  color: var(--portal-accent);
  font-size: 15px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoInfo {
  display: grid;
  min-width: 0;
  gap: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoInfo .ap-badge {
  width: fit-content;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoInfo span, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoInfo strong {
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoInfo > span:last-child {
  color: var(--portal-muted);
  font-size: .84rem;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoActions {
  display: flex;
  align-items: center;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewOverlay {
  position: fixed;
  inset: 0;
  z-index: 110;
  display: grid;
  place-items: center;
  padding: var(--ap-space-6);
  background: rgba(1, 7, 20, .88);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewPanel {
  display: grid;
  width: min(960px, 100%);
  max-height: calc(100vh - (2 * var(--ap-space-6)));
  gap: var(--ap-gap-default);
  padding: var(--ap-surface-padding);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface);
  box-shadow: var(--portal-shadow);
  overflow: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewHeader > div {
  display: grid;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewHeader h3 {
  margin: 0;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewPanel video {
  width: 100%;
  max-height: min(65vh, 680px);
  border-radius: var(--portal-radius-control);
  background: #000;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewPanel > a {
  width: fit-content;
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoCard {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoActions {
    grid-column: 1 / -1;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerOrderVideoActions > * {
    flex: 1 1 150px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewOverlay {
    padding: var(--ap-space-3);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerVideoPreviewPanel {
    max-height: calc(100vh - (2 * var(--ap-space-3)));
    padding: var(--ap-space-4);
  }
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAttachmentDelete {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(3, 9, 28, .72);
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 12px 26px rgba(3, 9, 28, .32);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderAttachmentDelete:hover {
  border-color: rgba(255, 255, 255, .42);
  background: rgba(128, 28, 42, .92);
  color: #ffffff;
  transform: scale(1.04);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(7, 13, 40, 0.78);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewFrame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay img {
  max-width: min(1200px, calc(100vw - 80px));
  max-height: calc(100vh - 80px);
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewClose {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--night);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .chatBoxHeader h4 {
  margin: 0 0 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessages {
  display: grid;
  gap: 10px;
  max-height: 248px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 6px;
  align-content: start;
  overscroll-behavior: contain;
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessage {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  max-width: min(100%, 78%);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  font-size: 13px;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageAuthor {
  font-weight: 700;
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageBody {
  white-space: pre-wrap;
  color: var(--ink);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageLeft {
  justify-self: start;
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageRight {
  justify-self: end;
  background: #eef6ff;
  border-color: #bfd9f2;
}

:where(body[data-design-system="partner-portal-v1"]) .chatAttachmentField {
  display: grid;
  gap: 6px;
}

:where(body[data-design-system="partner-portal-v1"]) .chatComposer {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOrders {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOrdersList {
  display: grid;
  gap: 8px;
  max-height: 210px;
  overflow-y: auto;
  padding-right: 4px;
  align-content: start;
  overscroll-behavior: contain;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOrderButton {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--ink);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOrderButton:hover {
  background: #eef5fb;
}

:where(body[data-design-system="partner-portal-v1"]) .resultBox {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f5f9fc;
}

:where(body[data-design-system="partner-portal-v1"]) .resultBox p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .resultBox code {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--night);
  color: #ffffff;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .tableWrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  -webkit-overflow-scrolling: touch;
}

:where(body[data-design-system="partner-portal-v1"]) .statusStack {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDetailPanel {
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDetailContent {
  display: grid;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicCustomerMeta {
  display: grid;
  gap: 9px;
  justify-items: start;
  max-width: 720px;
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicCustomerMeta p {
  display: grid;
  gap: 2px;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicCustomerMeta span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicCustomerMeta a, :where(body[data-design-system="partner-portal-v1"]) .reonicCustomerMeta strong {
  color: var(--night);
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .tableSortButton {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .tableSortButton:hover {
  color: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .reonicImageGallery {
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentCard {
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentList {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentLink {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--ink);
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentLink:hover {
  border-color: var(--accent);
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentBadge {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDocumentLink strong {
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicImageGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicImageThumb {
  display: grid;
  gap: 7px;
  min-height: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
  cursor: pointer;
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicImageThumb img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #eef4f8;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicImageThumb span {
  padding: 0 9px 9px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationUploadCard {
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationDropZone {
  display: grid;
  gap: 5px;
  padding: 18px;
  border: 1px dashed #8db7cc;
  border-radius: 8px;
  background: #f5fbfe;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPdfDropZone {
  background: #fff8ef;
  border-style: solid;
  border-color: #efc28b;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationDropZone input {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationDropZone strong {
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .preparationDropZone span, :where(body[data-design-system="partner-portal-v1"]) .preparationImageSummary span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageSummary {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageSummary span {
  padding: 7px 10px;
  border-radius: 8px;
  background: #eef7fb;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid label {
  display: grid;
  gap: 6px;
  color: var(--night);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid textarea {
  width: 100%;
  min-height: 108px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageCard {
  display: grid;
  gap: 9px;
  align-items: start;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImagePreview {
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(3, 10, 30, .72), rgba(12, 24, 58, .48));
  cursor: pointer;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImagePreview img {
  width: 100%;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: contain;
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageCard strong {
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationImageCard select {
  width: 100%;
  min-height: 36px;
  margin-bottom: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(20, 27, 77, 0.78);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewFrame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: min(1040px, calc(100vw - 88px));
  max-height: calc(100vh - 88px);
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay img {
  max-width: 100%;
  max-height: calc(100vh - 132px);
  display: block;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .36);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewOverlay figcaption {
  color: #ffffff;
  font-weight: 800;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewClose {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 44px;
  height: 44px;
  min-height: 0;
  padding: 0;
  border-radius: 999px;
  border: 0;
  background: #ffffff;
  color: var(--night);
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 32px rgba(3, 9, 28, .34);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewNav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 48px;
  min-height: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 999px;
  background: rgba(20, 27, 77, .72);
  color: #ffffff;
  font-size: 40px;
  line-height: 42px;
  cursor: pointer;
  box-shadow: 0 18px 42px rgba(3, 9, 28, .32);
  backdrop-filter: blur(12px);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewClose:hover, :where(body[data-design-system="partner-portal-v1"]) .imagePreviewNav:hover {
  transform: translateY(-50%) scale(1.03);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewClose:hover {
  transform: scale(1.03);
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewNavPrev {
  left: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewNavNext {
  right: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .imagePreviewNav[hidden] {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicChangeModal > .imagePreviewClose, :where(body[data-design-system="partner-portal-v1"]) .reviewModal > .imagePreviewClose {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  min-height: 42px;
  padding: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicOptionCard {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicOptionHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicOptionHead span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicOptionHead strong {
  display: block;
  margin-top: 3px;
  font-size: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .componentGroup {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .componentGroup h4 {
  margin: 0;
  font-size: 15px;
}

:where(body[data-design-system="partner-portal-v1"]) .componentGroup ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(body[data-design-system="partner-portal-v1"]) .componentGroup li {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .componentGroup li span {
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 2px solid #b42318;
  border-radius: 8px;
  background: #feecec;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning strong {
  color: #9b1c1c;
  font-size: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning p {
  margin: 5px 0 0;
  color: var(--night);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning li {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileWarning li span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileForm {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileForm label {
  display: grid;
  gap: 6px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .roofTileForm input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .calendarCheckGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .calendarCheckItem {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .calendarCheckItem span {
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .calendarCheckItem p {
  margin: 0;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .calendarFound {
  color: var(--paid);
}

:where(body[data-design-system="partner-portal-v1"]) .calendarMissing {
  color: #806000;
}

:where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox label {
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox input {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .substructureBox {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .substructureToggle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .substructureToggle input {
  width: 18px;
  height: 18px;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .substructurePreviewGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .substructureSummaryCard {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .substructureSummaryCard p, :where(body[data-design-system="partner-portal-v1"]) .substructureSummaryCard strong {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox .secondaryButton {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusRow p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .orderStatusRow .secondaryButton {
  width: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .printOrderButton {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .orderActionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .billingCard {
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .billingToggleRow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .billingToggleButton {
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--night);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .billingToggleButton.is-selected, :where(body[data-design-system="partner-portal-v1"]) .billingToggleButton.is-selected:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .billingToggleButton.is-selected:hover {
  border-color: var(--night);
  background: var(--night);
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(65, 160, 222, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .billingSummaryBox {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(72, 159, 223, 0.36);
  border-radius: 8px;
  background: rgba(72, 159, 223, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice > div {
  display: grid;
  gap: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice strong {
  color: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice span {
  color: rgba(255, 255, 255, 0.74);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(72, 159, 223, 0.54);
  border-radius: 8px;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(72, 159, 223, 0.92), rgba(47, 120, 190, 0.86));
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .protocolBillingNotice button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

:where(body[data-design-system="partner-portal-v1"]) .billingSummaryBox strong {
  color: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff5f5;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel.is-paid {
  background: #effaf3;
  border-color: #cbeed6;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel.is-open {
  background: #fff1f1;
  border-color: #f2c5c5;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel div {
  display: grid;
  gap: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel span {
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel strong {
  color: var(--night);
  font-size: 1.4rem;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentPanel small {
  color: var(--muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaidButton, :where(body[data-design-system="partner-portal-v1"]) .billingPaymentBadge {
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  font-weight: 900;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentBadge {
  display: inline-flex;
  align-items: center;
  background: #dff5e7;
  color: #14783f;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentBadge.is-open {
  background: #ffefe1;
  color: #b84b00;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentTerms {
  display: grid;
  gap: 6px;
  margin: 12px 0;
  color: var(--muted);
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentTerms input {
  min-height: 46px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
  color: var(--night);
  font: inherit;
  font-weight: 800;
  padding: 0 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaidButton {
  background: #c6281d;
  color: #ffffff;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaidButton:disabled {
  opacity: 0.55;
  cursor: wait;
}

:where(body[data-design-system="partner-portal-v1"]) .printArea {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument {
  color: var(--night);
  font-family: Arial, sans-serif;
}

:where(body[data-design-system="partner-portal-v1"]) .printHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

:where(body[data-design-system="partner-portal-v1"]) .printLogo {
  width: 110px;
  height: 110px;
  object-fit: contain;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument h1 {
  margin: 0 0 6px;
  font-size: 30px;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument h2 {
  margin: 26px 0 10px;
  font-size: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument p {
  margin: 4px 0;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument td, :where(body[data-design-system="partner-portal-v1"]) .printDocument th {
  border: 1px solid #d9e3ea;
  padding: 9px;
  text-align: left;
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .printDocument th {
  background: #eef4f7;
}

:where(body[data-design-system="partner-portal-v1"]) .printMeta {
  margin-top: 8px;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintPage {
  min-height: 270mm;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintTop {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintComponents {
  display: grid;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintComponents h3 {
  margin: 10px 0 0;
  font-size: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintNotes {
  padding: 9px 10px;
  border: 1px solid #d9e3ea;
  background: #f8fbfe;
  font-size: 12px;
  line-height: 1.45;
  break-inside: avoid;
  page-break-inside: avoid;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages figure {
  margin: 0;
  break-inside: avoid;
  page-break-inside: avoid;
  break-before: page;
  page-break-before: always;
}

:where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid #d9e3ea;
  display: block;
}

:where(body[data-design-system="partner-portal-v1"]) .printPageBreak {
  break-before: page;
  page-break-before: always;
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterBox, :where(body[data-design-system="partner-portal-v1"]) .smartMeterOk, :where(body[data-design-system="partner-portal-v1"]) .smartMeterWarning {
  border-radius: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterBox {
  padding: 12px;
  background: #f8fbfe;
  border: 1px solid var(--line);
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterBox p {
  margin: 5px 0 0;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterOk, :where(body[data-design-system="partner-portal-v1"]) .smartMeterWarning {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterWarning {
  color: #9b1c1c;
  background: #feecec;
}

:where(body[data-design-system="partner-portal-v1"]) .smartMeterOk {
  color: var(--paid);
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .helpButton {
  width: 100%;
  background: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .helpSteps {
  display: grid;
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .helpSteps article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

:where(body[data-design-system="partner-portal-v1"]) .helpSteps strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .helpSteps p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

:where(body[data-design-system="partner-portal-v1"]) .emailHistoryList {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .emailHistoryItem {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .emailHistoryItem span {
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .emailHistoryItem small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicEmailHistoryList {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  background: var(--surface);
}

:where(body[data-design-system="partner-portal-v1"]) td, :where(body[data-design-system="partner-portal-v1"]) th {
  padding: 14px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) th {
  color: var(--muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) tr:last-child td {
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .tableSubtext {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .clickableReonicRow, :where(body[data-design-system="partner-portal-v1"]) .clickableRow {
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .clickableCustomerRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableEmployeeRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableReonicRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableRow:hover {
  background: rgba(255, 255, 255, .035);
}

:where(body[data-design-system="partner-portal-v1"]) .clickableReonicRow .montageProtocolNotice {
  display: inline-flex;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

:where(body[data-design-system="partner-portal-v1"]) .status {
  display: inline-flex;
  min-width: 112px;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .status.offen {
  color: var(--open);
  background: #eaf4ff;
}

:where(body[data-design-system="partner-portal-v1"]) .status.in_bearbeitung {
  color: var(--work);
  background: #fff4dd;
}

:where(body[data-design-system="partner-portal-v1"]) .status.ausgezahlt {
  color: var(--paid);
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .status.zur_auszahlung_bereit {
  color: #1f7a52;
  background: #eaf8ee;
}

:where(body[data-design-system="partner-portal-v1"]) .status.payout_requested {
  color: #806000;
  background: #fff4dd;
}

:where(body[data-design-system="partner-portal-v1"]) .status.reonicStatus {
  color: var(--night);
  background: #eef4f7;
}

:where(body[data-design-system="partner-portal-v1"]) .approvePayoutButton, :where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton, :where(body[data-design-system="partner-portal-v1"]) .projectDoneButton, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton {
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--paid);
  cursor: pointer;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .approvePayoutButton:hover, :where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton:hover, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton:hover, :where(body[data-design-system="partner-portal-v1"]) .projectDoneButton:hover, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton:hover {
  background: #176642;
}

:where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton {
  background: var(--mid);
}

:where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton:hover, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton:hover, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton:hover {
  background: var(--night);
}

:where(body[data-design-system="partner-portal-v1"]) .empty {
  margin: 18px 0 0;
  color: var(--muted);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .mutedText {
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .noteText {
  display: inline-block;
  margin-top: 4px;
  color: var(--muted);
}

:where(body[data-design-system="partner-portal-v1"]) .demoAccess {
  width: min(760px, 100%);
  padding: 14px 18px;
  color: #ffffff;
  background: rgba(20, 27, 77, 0.72);
  border-radius: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .demoAccess p {
  margin: 4px 0;
}

:where(body[data-design-system="partner-portal-v1"]) .hidden {
  display: none !important;
}

@media (max-width: 640px) {
body:where([data-design-system="partner-portal-v1"]) {
    background-attachment: scroll;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .shell {
    width: min(1040px, calc(100% - 20px));
    padding-top: 28px;
    padding-bottom: 20px;
    align-content: start;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .panel {
    padding: 18px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .brandLogo {
    width: min(260px, 76vw);
    margin-bottom: 18px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .brand h1 {
    font-size: 34px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .brand p {
    font-size: 17px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .choiceGrid, :where(body[data-design-system="partner-portal-v1"]) .dashboardHead {
    grid-template-columns: 1fr;
    display: grid;
  }
}

@media (max-width: 640px) {
body:where([data-design-system="partner-portal-v1"]).portalHub #choiceView::before {
    min-height: 150px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .portalHubButton {
    min-height: 92px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .advisorCard {
    width: 100%;
    align-items: flex-start;
    min-height: 0;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .employeePhotoButton {
    width: min(220px, 100%);
    height: auto;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardActions {
    justify-content: stretch;
  }
}

@media (max-width: 640px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton {
    top: 0;
    right: 0;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel {
    top: 56px;
    right: 0;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .orderStatusRow {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .roofTileForm {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .calendarCheckGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .substructurePreviewGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardActions button {
    width: 100%;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .loginLinks {
    display: grid;
    justify-content: stretch;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .formGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .profileEditor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) #profileView .profileEditor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .formActions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .creditSummary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .adminSummary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .reviewBox {
    display: grid;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .reviewActions {
    justify-content: stretch;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .reviewModalActions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .reonicChangeModal, :where(body[data-design-system="partner-portal-v1"]) .reviewModal {
    padding: 18px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailHeader {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailLogo {
    width: 84px;
    height: 84px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .reviewActions > * {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
    width: 100%;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .bigInviteButton {
    min-height: 56px;
    padding: 12px 16px;
    white-space: normal;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .customerActionBox {
    grid-template-columns: 1fr;
    padding: 18px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .customerActionBox strong {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard {
    padding: 16px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsHeader {
    display: none;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectMain {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectField {
    gap: 6px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectLabelInline {
    display: block;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewPrimary {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminDetailLogo {
    width: 72px;
    height: 72px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOrdersList, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewProjects .partnerAdminOrdersList {
    max-height: 220px;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverPreview {
    top: auto;
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionGrid, :where(body[data-design-system="partner-portal-v1"]) .reonicChangeChecklist {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .tableWrap {
    border: 0;
    overflow: visible;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) table, :where(body[data-design-system="partner-portal-v1"]) tbody, :where(body[data-design-system="partner-portal-v1"]) td, :where(body[data-design-system="partner-portal-v1"]) th, :where(body[data-design-system="partner-portal-v1"]) thead, :where(body[data-design-system="partner-portal-v1"]) tr {
    display: block;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) table {
    min-width: 0;
    background: transparent;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) thead {
    display: none;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) tbody {
    display: grid;
    gap: 12px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) tr {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    overflow: hidden;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) td {
    display: grid;
    grid-template-columns: minmax(104px, 38%) minmax(0, 1fr);
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) td::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) td:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .friendStatus, :where(body[data-design-system="partner-portal-v1"]) .reviewStatus, :where(body[data-design-system="partner-portal-v1"]) .status {
    min-width: 0;
    width: fit-content;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .appLayout {
    grid-template-columns: 64px minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsHeader {
    display: none;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectMain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectLabelInline {
    display: block;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewActions, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewProjects {
    width: 100%;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewActions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
    width: 100%;
    padding: 8px 8px 18px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .appLayout, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .appLayout {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .appContent {
    gap: 12px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .customerActionBox, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .panel, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailBox, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapCard, :where(body[data-design-system="partner-portal-v1"]) .reonicDetailBox {
    padding: 16px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapHead {
    align-items: stretch;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters label {
    width: 100%;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapFilters, :where(body[data-design-system="partner-portal-v1"]) #montageMapPanel .partnerProjectsMapHead {
    grid-template-columns: 1fr;
    min-width: 0;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters button, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapFilters select, :where(body[data-design-system="partner-portal-v1"]) input, :where(body[data-design-system="partner-portal-v1"]) select, :where(body[data-design-system="partner-portal-v1"]) textarea {
    max-width: 100%;
    font-size: 16px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapCanvas {
    min-height: 360px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerOrderMapPopup .leaflet-popup-content {
    min-width: 220px;
    max-width: calc(100vw - 56px);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProjectHoverGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .accountingInvoiceCard, :where(body[data-design-system="partner-portal-v1"]) .adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectMain {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailMeta, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleRow {
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .formActions, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateRow, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
:where(body[data-design-system="partner-portal-v1"]) .brand h1, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewHead h3, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTitleText, :where(body[data-design-system="partner-portal-v1"]) .welcomeTitle {
    font-size: 30px;
  }
}

@media (max-width: 420px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard {
    padding: 14px;
  }
}

@media (max-width: 420px) {
:where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton, body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarArrowButton {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

body:where([data-design-system="partner-portal-v1"])::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 9, 20, 0.72), rgba(20, 27, 77, 0.28) 44%, rgba(2, 9, 20, 0.74)),
    radial-gradient(circle at 18% 16%, rgba(72, 159, 223, 0.16), transparent 28%),
    radial-gradient(circle at 84% 74%, rgba(72, 159, 223, 0.12), transparent 30%);
}

:where(body[data-design-system="partner-portal-v1"]) .appContent, :where(body[data-design-system="partner-portal-v1"]) .shell, body:where([data-design-system="partner-portal-v1"]) {
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingCard, :where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel, :where(body[data-design-system="partner-portal-v1"]) .billingPanel, :where(body[data-design-system="partner-portal-v1"]) .customerActionBox, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard, :where(body[data-design-system="partner-portal-v1"]) .mapContainer, :where(body[data-design-system="partner-portal-v1"]) .modal, :where(body[data-design-system="partner-portal-v1"]) .noticeBox, :where(body[data-design-system="partner-portal-v1"]) .panel, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerHomeActionCard, :where(body[data-design-system="partner-portal-v1"]) .partnerHomeHero, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailBox, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectDetailCard, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMapCard, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalCard, :where(body[data-design-system="partner-portal-v1"]) .reonicDetailBox, :where(body[data-design-system="partner-portal-v1"]) .settingsCard, :where(body[data-design-system="partner-portal-v1"]) .tableWrap:not(.reonicKanbanWrap), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) .choiceButton {
  color: var(--ap-white);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--ap-radius-lg);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.06)),
    linear-gradient(180deg, rgba(8, 24, 51, 0.82), rgba(9, 28, 61, 0.66));
  box-shadow: var(--ap-shadow);
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

:where(body[data-design-system="partner-portal-v1"]) .panel {
  width: min(940px, 100%);
}

:where(body[data-design-system="partner-portal-v1"]) .appLayout {
  gap: 26px;
}

:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
  top: 18px;
  padding: 22px;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--ap-radius-lg);
  background:
    linear-gradient(180deg, rgba(20, 27, 77, 0.76), rgba(2, 9, 20, 0.72)),
    linear-gradient(140deg, rgba(72, 159, 223, 0.16), transparent 44%);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(24px) saturate(1.22);
  -webkit-backdrop-filter: blur(24px) saturate(1.22);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNav {
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .eyebrow, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitle, :where(body[data-design-system="partner-portal-v1"]) .step {
  color: rgba(255, 255, 255, 0.86);
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .linkButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarFooterButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton {
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.82);
  transition: transform 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .linkButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarFooterButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton:hover {
  color: var(--ap-white);
  background: rgba(72, 159, 223, 0.16);
  box-shadow: var(--ap-glow);
  transform: translateY(-1px);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNav, :where(body[data-design-system="partner-portal-v1"]) .sidebarTop {
  border-color: rgba(72, 159, 223, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton, :where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarCollapseButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationButton {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  color: var(--ap-white);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton:hover, :where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarCollapseButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationButton:hover {
  background: rgba(72, 159, 223, 0.2);
  box-shadow: var(--ap-glow);
  transform: translateY(-1px);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuButton span, :where(body[data-design-system="partner-portal-v1"]) .mobileSidebarButton span {
  background: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) .mapProjectTooltip, :where(body[data-design-system="partner-portal-v1"]) .notificationPanel, :where(body[data-design-system="partner-portal-v1"]) .projectHoverCard {
  color: var(--ap-white);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  background: rgba(8, 24, 51, 0.9);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  display: grid;
  align-content: end;
  padding: clamp(28px, 4vw, 56px);
  border-radius: var(--ap-radius-xl);
  background:
    linear-gradient(90deg, rgba(2, 9, 20, 0.86), rgba(20, 27, 77, 0.52) 58%, rgba(2, 9, 20, 0.5)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center/cover;
  box-shadow: 0 32px 110px rgba(0, 0, 0, 0.46);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern::after {
  content: "";
  position: absolute;
  left: clamp(26px, 4vw, 56px);
  right: clamp(26px, 4vw, 56px);
  bottom: 28px;
  height: 1px;
  background: linear-gradient(90deg, rgba(72, 159, 223, 0.58), transparent);
  opacity: 0.85;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern > * {
  position: relative;
  z-index: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .brand h1, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern h1, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern h2 {
  color: var(--ap-white);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: 0;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

:where(body[data-design-system="partner-portal-v1"]) .brand {
  min-height: 54vh;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  padding: clamp(48px, 7vw, 96px) 20px 28px;
}

:where(body[data-design-system="partner-portal-v1"]) .brandLogo {
  filter: drop-shadow(0 18px 42px rgba(0, 0, 0, 0.36));
}

:where(body[data-design-system="partner-portal-v1"]) #choiceView, :where(body[data-design-system="partner-portal-v1"]) #forcePasswordView, :where(body[data-design-system="partner-portal-v1"]) #loginView, :where(body[data-design-system="partner-portal-v1"]) #resetPasswordView {
  margin: 0 auto;
}

:where(body[data-design-system="partner-portal-v1"]) .choiceGrid {
  gap: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .approvePayoutButton, :where(body[data-design-system="partner-portal-v1"]) .dangerButton, :where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .projectDoneButton, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) button:not([class]) {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--ap-white);
  background:
    linear-gradient(135deg, rgba(72, 159, 223, 0.96), rgba(72, 159, 223, 0.72));
  box-shadow: 0 14px 36px rgba(72, 159, 223, 0.24);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .approvePayoutButton:hover, :where(body[data-design-system="partner-portal-v1"]) .dangerButton:hover, :where(body[data-design-system="partner-portal-v1"]) .editEmployeeButton:hover, :where(body[data-design-system="partner-portal-v1"]) .openReonicDetailButton:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button:hover, :where(body[data-design-system="partner-portal-v1"]) .primaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) .projectDoneButton:hover, :where(body[data-design-system="partner-portal-v1"]) .resendOverviewButton:hover, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) button:not([class]):hover {
  background:
    linear-gradient(135deg, rgba(72, 159, 223, 1), rgba(255, 255, 255, 0.18));
  border-color: rgba(72, 159, 223, 0.64);
  box-shadow: var(--ap-glow), 0 18px 46px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}

:where(body[data-design-system="partner-portal-v1"]) button:disabled, :where(body[data-design-system="partner-portal-v1"]) button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) input, :where(body[data-design-system="partner-portal-v1"]) select, :where(body[data-design-system="partner-portal-v1"]) textarea {
  color: var(--ap-white);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) input::placeholder, :where(body[data-design-system="partner-portal-v1"]) textarea::placeholder {
  color: rgba(255, 255, 255, 0.48);
}

:where(body[data-design-system="partner-portal-v1"]) input:focus, :where(body[data-design-system="partner-portal-v1"]) select:focus, :where(body[data-design-system="partner-portal-v1"]) textarea:focus {
  outline: none;
  border-color: rgba(72, 159, 223, 0.72);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardText, :where(body[data-design-system="partner-portal-v1"]) .formHint, :where(body[data-design-system="partner-portal-v1"]) .helperText, :where(body[data-design-system="partner-portal-v1"]) .muted, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectMeta, :where(body[data-design-system="partner-portal-v1"]) .projectMeta, :where(body[data-design-system="partner-portal-v1"]) .tableHint, :where(body[data-design-system="partner-portal-v1"]) label {
  color: rgba(255, 255, 255, 0.72);
}

:where(body[data-design-system="partner-portal-v1"]) .cardGrid, :where(body[data-design-system="partner-portal-v1"]) .dataTable, :where(body[data-design-system="partner-portal-v1"]) .partnerOrdersGrid, :where(body[data-design-system="partner-portal-v1"]) .projectList, :where(body[data-design-system="partner-portal-v1"]) table {
  color: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrdersHeader, :where(body[data-design-system="partner-portal-v1"]) .projectColumnHeader, :where(body[data-design-system="partner-portal-v1"]) th {
  color: rgba(255, 255, 255, 0.72);
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .assetCard, :where(body[data-design-system="partner-portal-v1"]) .clickableCustomerRow, :where(body[data-design-system="partner-portal-v1"]) .clickableEmployeeRow, :where(body[data-design-system="partner-portal-v1"]) .clickableReonicRow, :where(body[data-design-system="partner-portal-v1"]) .clickableRow, :where(body[data-design-system="partner-portal-v1"]) .fileCard, :where(body[data-design-system="partner-portal-v1"]) .imageCard, :where(body[data-design-system="partner-portal-v1"]) .kpiCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderRow, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectRow, :where(body[data-design-system="partner-portal-v1"]) .projectCard, :where(body[data-design-system="partner-portal-v1"]) .statCard, :where(body[data-design-system="partner-portal-v1"]) tr {
  border-color: rgba(72, 159, 223, 0.18);
  background: rgba(255, 255, 255, 0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .clickableCustomerRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableEmployeeRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableReonicRow:hover, :where(body[data-design-system="partner-portal-v1"]) .clickableRow:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderRow:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectRow:hover {
  background: rgba(255, 255, 255, .035);
  border-color: rgba(72, 159, 223, .18);
  box-shadow: none;
  transform: none;
}

:where(body[data-design-system="partner-portal-v1"]) .assetCard:hover, :where(body[data-design-system="partner-portal-v1"]) .fileCard:hover, :where(body[data-design-system="partner-portal-v1"]) .imageCard:hover, :where(body[data-design-system="partner-portal-v1"]) .kpiCard:hover, :where(body[data-design-system="partner-portal-v1"]) .projectCard:hover, :where(body[data-design-system="partner-portal-v1"]) .statCard:hover {
  background: rgba(72, 159, 223, 0.12);
  border-color: rgba(72, 159, 223, 0.44);
  box-shadow: var(--ap-glow);
  transform: translateY(-2px);
}

:where(body[data-design-system="partner-portal-v1"]) .badge, :where(body[data-design-system="partner-portal-v1"]) .partnerStatusBadge, :where(body[data-design-system="partner-portal-v1"]) .projectStatusBadge, :where(body[data-design-system="partner-portal-v1"]) .status, :where(body[data-design-system="partner-portal-v1"]) .status.ausgezahlt, :where(body[data-design-system="partner-portal-v1"]) .status.in_bearbeitung, :where(body[data-design-system="partner-portal-v1"]) .status.offen, :where(body[data-design-system="partner-portal-v1"]) .status.payout_requested, :where(body[data-design-system="partner-portal-v1"]) .status.reonicStatus, :where(body[data-design-system="partner-portal-v1"]) .status.zur_auszahlung_bereit, :where(body[data-design-system="partner-portal-v1"]) .tag {
  min-width: 112px;
  border: 1px solid rgba(72, 159, 223, 0.28);
  border-radius: 999px;
  color: var(--ap-white);
  background: rgba(72, 159, 223, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) .toast {
  border-radius: 18px;
  background: rgba(8, 24, 51, 0.92);
  color: var(--ap-white);
  border: 1px solid rgba(72, 159, 223, 0.28);
  box-shadow: var(--ap-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

:where(body[data-design-system="partner-portal-v1"]) .globalLoadingIndicator, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalCard {
  border-radius: 26px;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .panel, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailBox, :where(body[data-design-system="partner-portal-v1"]) .reonicDetailBox, :where(body[data-design-system="partner-portal-v1"]) .tableWrap {
  animation: apFadeUp 360ms ease both;
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .panel {
    border-radius: 22px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
    min-height: 230px;
    padding: 26px 20px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .brand {
    min-height: 48vh;
    padding-top: 78px;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .appShell, :where(body[data-design-system="partner-portal-v1"]) .mainContent, :where(body[data-design-system="partner-portal-v1"]) .shell {
  isolation: isolate;
}

body:where([data-design-system="partner-portal-v1"])::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 74% 10%, rgba(72, 159, 223, 0.16), transparent 28%),
    radial-gradient(circle at 28% 84%, rgba(255, 255, 255, 0.08), transparent 24%),
    linear-gradient(120deg, rgba(20, 27, 77, 0.18), transparent 42%, rgba(72, 159, 223, 0.08));
  mix-blend-mode: screen;
}

:where(body[data-design-system="partner-portal-v1"]) .accountingCard, :where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard, :where(body[data-design-system="partner-portal-v1"]) .modal, :where(body[data-design-system="partner-portal-v1"]) .panel, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerCostPreview, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailBox, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"]) .partnerSummaryCard, :where(body[data-design-system="partner-portal-v1"]) .reonicDetailBox, :where(body[data-design-system="partner-portal-v1"]) .tableWrap:not(.reonicKanbanWrap) {
  border-color: var(--ap-premium-line);
  box-shadow:
    var(--ap-premium-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(72, 159, 223, 0.1);
  backdrop-filter: blur(30px) saturate(132%);
  -webkit-backdrop-filter: blur(30px) saturate(132%);
}

:where(body[data-design-system="partner-portal-v1"]) .panel:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailBox:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"]) .reonicDetailBox:hover {
  border-color: var(--ap-premium-blue-line);
  box-shadow:
    0 34px 104px rgba(0, 0, 0, 0.38),
    var(--ap-premium-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 16%, rgba(255, 255, 255, 0.22), transparent 22%),
    linear-gradient(100deg, rgba(20, 27, 77, 0.94) 0%, rgba(20, 27, 77, 0.6) 42%, rgba(72, 159, 223, 0.14) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 60%);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern > * {
  position: relative;
  z-index: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .brand h1, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern h1, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern h2 {
  letter-spacing: 0;
  text-shadow: 0 16px 46px rgba(0, 0, 0, 0.28);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern .meta, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern p, :where(body[data-design-system="partner-portal-v1"]) .muted, :where(body[data-design-system="partner-portal-v1"]) .smallMuted {
  color: rgba(255, 255, 255, 0.74);
}

:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset -1px 0 0 rgba(72, 159, 223, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarDivider {
  background: linear-gradient(90deg, transparent, rgba(72, 159, 223, 0.42), transparent);
}

:where(body[data-design-system="partner-portal-v1"]) .miniMenuButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarBellButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarToggleButton {
  transition:
    transform 180ms var(--ap-premium-ease),
    border-color 180ms var(--ap-premium-ease),
    background 180ms var(--ap-premium-ease),
    box-shadow 180ms var(--ap-premium-ease);
}

:where(body[data-design-system="partner-portal-v1"]) .miniMenuButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarBellButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarToggleButton:hover {
  transform: translateY(-1px);
  border-color: var(--ap-light);
  box-shadow: 0 12px 32px rgba(72, 159, 223, 0.2);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationPanel, :where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationPanel {
  color: var(--ap-white);
  background:
    linear-gradient(145deg, rgba(9, 17, 46, 0.96), rgba(20, 27, 77, 0.92)),
    var(--ap-premium-glass);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42), 0 0 32px rgba(72, 159, 223, 0.18);
  backdrop-filter: blur(28px) saturate(132%);
  -webkit-backdrop-filter: blur(28px) saturate(132%);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationEntry, :where(body[data-design-system="partner-portal-v1"]) .notificationItem {
  color: var(--ap-white);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
}

:where(body[data-design-system="partner-portal-v1"]) .notificationEntry.unread, :where(body[data-design-system="partner-portal-v1"]) .notificationItem.unread {
  border-color: rgba(72, 159, 223, 0.7);
  background: rgba(72, 159, 223, 0.18);
  box-shadow: 0 14px 34px rgba(72, 159, 223, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .blueButton, :where(body[data-design-system="partner-portal-v1"]) .dangerButton, :where(body[data-design-system="partner-portal-v1"]) .formActions button, :where(body[data-design-system="partner-portal-v1"]) .ghostButton, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions button, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) button:not([class]) {
  min-height: 52px;
  border-radius: 999px;
  transition:
    transform 180ms var(--ap-premium-ease),
    background 180ms var(--ap-premium-ease),
    color 180ms var(--ap-premium-ease),
    box-shadow 180ms var(--ap-premium-ease);
}

:where(body[data-design-system="partner-portal-v1"]) .blueButton:hover, :where(body[data-design-system="partner-portal-v1"]) .formActions button:hover, :where(body[data-design-system="partner-portal-v1"]) .ghostButton:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderDetailActions button:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button:hover, :where(body[data-design-system="partner-portal-v1"]) .primaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) button:not([class]):hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(72, 159, 223, 0.28);
}

:where(body[data-design-system="partner-portal-v1"]) .ghostButton, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) button:not([class]) {
  color: var(--ap-white);
  border: 1px solid rgba(72, 159, 223, 0.32);
  background: rgba(72, 159, 223, 0.22);
}

:where(body[data-design-system="partner-portal-v1"]) .ghostButton:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions .secondaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) button:not([class]):hover {
  background: var(--ap-night);
  border-color: var(--ap-light);
}

:where(body[data-design-system="partner-portal-v1"]) input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 9px 16px;
  color: var(--ap-white);
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ap-light), #66b9f6);
  font-family: inherit;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(72, 159, 223, 0.26);
}

:where(body[data-design-system="partner-portal-v1"]) input[type="file"]::file-selector-button:hover {
  background: var(--ap-night);
}

:where(body[data-design-system="partner-portal-v1"]) input, :where(body[data-design-system="partner-portal-v1"]) select, :where(body[data-design-system="partner-portal-v1"]) textarea {
  transition:
    border-color 160ms var(--ap-premium-ease),
    box-shadow 160ms var(--ap-premium-ease),
    background 160ms var(--ap-premium-ease);
}

:where(body[data-design-system="partner-portal-v1"]) input:focus, :where(body[data-design-system="partner-portal-v1"]) select:focus, :where(body[data-design-system="partner-portal-v1"]) textarea:focus {
  border-color: rgba(72, 159, 223, 0.82);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

:where(body[data-design-system="partner-portal-v1"]) select option {
  color: var(--ap-night);
  background: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTable thead, :where(body[data-design-system="partner-portal-v1"]) .reonicTable thead, :where(body[data-design-system="partner-portal-v1"]) .tableWrap thead {
  color: rgba(255, 255, 255, 0.72);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTable tbody tr, :where(body[data-design-system="partner-portal-v1"]) .reonicTable tbody tr, :where(body[data-design-system="partner-portal-v1"]) .tableWrap tbody tr {
  transition:
    transform 180ms var(--ap-premium-ease),
    border-color 180ms var(--ap-premium-ease),
    background 180ms var(--ap-premium-ease),
    box-shadow 180ms var(--ap-premium-ease);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProjectsTable tbody tr:hover, :where(body[data-design-system="partner-portal-v1"]) .reonicTable tbody tr:hover, :where(body[data-design-system="partner-portal-v1"]) .tableWrap tbody tr:hover {
  transform: translateY(-1px);
  border-color: rgba(72, 159, 223, 0.45);
  background: rgba(72, 159, 223, 0.13);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .modalCloseButton, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalClose {
  color: var(--ap-white);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(20, 27, 77, 0.72);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

:where(body[data-design-system="partner-portal-v1"]) .modalCloseButton:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalClose:hover {
  color: var(--ap-white);
  background: var(--ap-light);
}

:where(body[data-design-system="partner-portal-v1"]) ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

:where(body[data-design-system="partner-portal-v1"]) ::-webkit-scrollbar-thumb {
  border: 2px solid rgba(20, 27, 77, 0.72);
  border-radius: 999px;
  background: rgba(72, 159, 223, 0.72);
}

@media (prefers-reduced-motion: reduce) {
:where(body[data-design-system="partner-portal-v1"]) *, :where(body[data-design-system="partner-portal-v1"]) *::after, :where(body[data-design-system="partner-portal-v1"]) *::before {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .brandLogo {
  width: clamp(112px, 13vw, 176px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin-bottom: clamp(22px, 3vw, 34px);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarTop {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandTop {
  grid-column: 1;
  grid-row: 1;
  width: 168px;
  height: 42px;
  display: grid;
  place-items: center start;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandTop img {
  width: auto;
  height: 42px;
  object-fit: contain;
  object-position: left center;
  display: block;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationWrap {
  grid-column: auto;
  grid-row: auto;
  justify-self: end;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarControls {
  grid-column: 4;
  grid-row: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarInlineAdminPortalButton {
  width: fit-content;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.84);
  text-align: left;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

body:where([data-design-system="partner-portal-v1"]).sidebarCollapsed .sidebarBrandTop {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .appContent {
  gap: clamp(18px, 2.4vw, 30px);
}

:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .loginForm, :where(body[data-design-system="partner-portal-v1"]) .noticeBox, :where(body[data-design-system="partner-portal-v1"]) .panel:not(#dashboardView), :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectListPanel, :where(body[data-design-system="partner-portal-v1"]) .projectCard, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm, :where(body[data-design-system="partner-portal-v1"]) .statCard, :where(body[data-design-system="partner-portal-v1"]) .tableWrap:not(.reonicKanbanWrap) {
  position: relative;
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel::before, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern::before, :where(body[data-design-system="partner-portal-v1"]) .noticeBox::before, :where(body[data-design-system="partner-portal-v1"]) .panel:not(#dashboardView)::before, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminOverviewCard::before, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectCard::before, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectListPanel::before, :where(body[data-design-system="partner-portal-v1"]) .projectCard::before, :where(body[data-design-system="partner-portal-v1"]) .statCard::before, :where(body[data-design-system="partner-portal-v1"]) .tableWrap:not(.reonicKanbanWrap)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(72, 159, 223, 0.68), rgba(255, 255, 255, 0.44), transparent);
  opacity: 0.78;
}

:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
  border-radius: 28px;
  box-shadow: var(--ap-premium-ring), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarHamburgerButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarToggleButton {
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarHamburgerButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarToggleButton:hover {
  transform: translateY(-1px);
  border-color: rgba(72, 159, 223, 0.46);
  background: rgba(72, 159, 223, 0.16);
  box-shadow: var(--ap-premium-glow), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarInlineAdminPortalButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarInlineLogoutButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton {
  border-radius: 16px;
  transition:
    transform 180ms ease,
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarInlineAdminPortalButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarInlineLogoutButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton:hover, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton:hover {
  transform: translateX(3px);
  background: linear-gradient(135deg, rgba(72, 159, 223, 0.22), rgba(255, 255, 255, 0.08));
  border-color: rgba(72, 159, 223, 0.32);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton.active, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton.isActive, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton[aria-current="page"], :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton.active, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton.isActive, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton[aria-current="page"] {
  color: var(--ap-white);
  background: linear-gradient(135deg, rgba(72, 159, 223, 0.34), rgba(255, 255, 255, 0.1));
  border-color: rgba(72, 159, 223, 0.44);
  box-shadow: var(--ap-premium-glow), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton:focus-visible, :where(body[data-design-system="partner-portal-v1"]) a:focus-visible, :where(body[data-design-system="partner-portal-v1"]) button:focus-visible, :where(body[data-design-system="partner-portal-v1"]) input:focus-visible, :where(body[data-design-system="partner-portal-v1"]) select:focus-visible, :where(body[data-design-system="partner-portal-v1"]) textarea:focus-visible {
  outline: 2px solid rgba(72, 159, 223, 0.82);
  outline-offset: 3px;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
  border-radius: 30px;
  min-height: clamp(260px, 35vw, 460px);
  box-shadow: var(--ap-premium-ring), 0 34px 110px rgba(4, 10, 35, 0.36);
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern::after {
  opacity: 0.92;
}

:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern h1, :where(body[data-design-system="partner-portal-v1"]) .dashboardTitle, :where(body[data-design-system="partner-portal-v1"]) .panel h1, :where(body[data-design-system="partner-portal-v1"]) .panel h2 {
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .choiceGrid {
  align-items: stretch;
}

:where(body[data-design-system="partner-portal-v1"]) .adminActionButton, :where(body[data-design-system="partner-portal-v1"]) .compactActionButton, :where(body[data-design-system="partner-portal-v1"]) .dangerButton, :where(body[data-design-system="partner-portal-v1"]) .ghostButton, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
  min-height: 48px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminActionButton, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
  box-shadow: 0 16px 36px rgba(72, 159, 223, 0.18);
}

:where(body[data-design-system="partner-portal-v1"]) .tableWrap {
  padding: clamp(18px, 2.2vw, 28px);
}

:where(body[data-design-system="partner-portal-v1"]) .projectListTable, :where(body[data-design-system="partner-portal-v1"]) .tableWrap table {
  border-collapse: separate;
  border-spacing: 0 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .tableWrap.reonicTableWrap {
  padding: clamp(14px, 1.6vw, 22px);
  overflow-x: visible;
}

:where(body[data-design-system="partner-portal-v1"]) .tableWrap.reonicTableWrap .reonicTable {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td, :where(body[data-design-system="partner-portal-v1"]) .reonicTable th {
  padding: 18px 20px;
  vertical-align: middle;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(1), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(1) {
  width: 50%;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(2), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(2) {
  width: 25%;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(3), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(3) {
  width: 12%;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(4), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(4) {
  width: 13%;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(3), :where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(4), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(3), :where(body[data-design-system="partner-portal-v1"]) .reonicTable th:nth-child(4) {
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(3), :where(body[data-design-system="partner-portal-v1"]) .reonicTable td:nth-child(4) {
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable .tableSubtext {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable .status.reonicStatus {
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicTable .tableSortButton {
  white-space: nowrap;
}

@media (max-width: 1180px) {
:where(body[data-design-system="partner-portal-v1"]) .tableWrap.reonicTableWrap {
    overflow-x: auto;
  }
}

@media (max-width: 1180px) {
:where(body[data-design-system="partner-portal-v1"]) .tableWrap.reonicTableWrap .reonicTable {
    min-width: 860px;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .projectListTable .projectListRow, :where(body[data-design-system="partner-portal-v1"]) .tableWrap tbody tr {
  transition:
    transform 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .projectListTable .projectListRow:hover, :where(body[data-design-system="partner-portal-v1"]) .tableWrap tbody tr:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(72, 159, 223, 0.14);
}

:where(body[data-design-system="partner-portal-v1"]) .mapHoverCard, :where(body[data-design-system="partner-portal-v1"]) .notificationPanel, :where(body[data-design-system="partner-portal-v1"]) .projectHoverPreview {
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 24px 72px rgba(3, 9, 28, 0.34);
  backdrop-filter: blur(24px) saturate(1.18);
  -webkit-backdrop-filter: blur(24px) saturate(1.18);
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .appContent {
    gap: 16px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .authOverlayPanel, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .panel:not(#dashboardView), :where(body[data-design-system="partner-portal-v1"]) .partnerProjectListPanel, :where(body[data-design-system="partner-portal-v1"]) .tableWrap {
    border-radius: 22px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern {
    min-height: 260px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .choiceGrid {
    grid-template-columns: 1fr;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountCard, :where(body[data-design-system="partner-portal-v1"]) .billingPanel, :where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard, :where(body[data-design-system="partner-portal-v1"]) .mapPanel, :where(body[data-design-system="partner-portal-v1"]) .modalCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate, :where(body[data-design-system="partner-portal-v1"]) .partnerProfileCard, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitPreview, :where(body[data-design-system="partner-portal-v1"]) .portalHeroCard, :where(body[data-design-system="partner-portal-v1"]) .profileEditor, :where(body[data-design-system="partner-portal-v1"]) .projectDetailCard, :where(body[data-design-system="partner-portal-v1"]) .referralCard, :where(body[data-design-system="partner-portal-v1"]) .tableWrap {
  animation: ap-panel-reveal .42s ease both;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountsPanel {
  display: block;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountTabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 18px;
  padding: 8px;
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04)),
    rgba(20, 27, 77, .42);
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountTab {
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: rgba(255, 255, 255, .76);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountTab:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountTab.is-active {
  color: #101839;
  border-color: rgba(255, 255, 255, .78);
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, .9));
  box-shadow: 0 14px 30px rgba(3, 9, 28, .22);
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountsLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountsList {
  display: grid;
  gap: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountEmptyState {
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid rgba(72, 159, 223, .24);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04)),
    rgba(6, 18, 46, .66);
  color: rgba(255, 255, 255, .9);
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountEmptyState strong {
  font-size: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountEmptyState span {
  color: rgba(255, 255, 255, .68);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountCard, :where(body[data-design-system="partner-portal-v1"]) .adminAccountForm {
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(5, 18, 45, .92), rgba(20, 27, 77, .74)),
    rgba(20, 27, 77, .72);
  box-shadow: 0 18px 46px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountCard {
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain div, :where(body[data-design-system="partner-portal-v1"]) .adminAccountMeta, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionPills {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain span, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionPills em {
  display: block;
  color: rgba(72, 159, 223, .95);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain small, :where(body[data-design-system="partner-portal-v1"]) .adminAccountMeta span {
  color: rgba(255, 255, 255, .72);
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMeta, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionPills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountMeta span, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionPills span {
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  padding: 7px 11px;
  font-size: 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionPills span {
  border-color: rgba(72, 159, 223, .28);
  background: rgba(72, 159, 223, .12);
  color: rgba(255, 255, 255, .9);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountForm {
  padding: 20px;
  max-width: 980px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminAccountForm .formHead.compact {
  margin-bottom: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionCheck, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionToggle {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .9);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionToggle {
  width: fit-content;
  margin: 14px 0 18px;
  padding: 10px 13px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 18px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionCheck {
  padding: 12px;
  min-height: 48px;
}

:where(body[data-design-system="partner-portal-v1"]) .adminPermissionCheck input, :where(body[data-design-system="partner-portal-v1"]) .adminPermissionToggle input {
  accent-color: #489FDF;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

:where(body[data-design-system="partner-portal-v1"]) .ghostButton {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

@media (max-width: 1100px) {
:where(body[data-design-system="partner-portal-v1"]) .adminAccountsLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
:where(body[data-design-system="partner-portal-v1"]) .adminAccountForm {
    position: static;
  }
}

@media (max-width: 680px) {
:where(body[data-design-system="partner-portal-v1"]) .adminAccountTabs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
:where(body[data-design-system="partner-portal-v1"]) .adminAccountMain, :where(body[data-design-system="partner-portal-v1"]) .adminAccountsPanel .formHead {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 680px) {
:where(body[data-design-system="partner-portal-v1"]) .adminPermissionGrid {
    grid-template-columns: 1fr;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentTerms input, :where(body[data-design-system="partner-portal-v1"]) .chatComposer textarea, :where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox input, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor input, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor textarea, :where(body[data-design-system="partner-portal-v1"]) .formGrid input, :where(body[data-design-system="partner-portal-v1"]) .formGrid select, :where(body[data-design-system="partner-portal-v1"]) .formGrid textarea, :where(body[data-design-system="partner-portal-v1"]) .loginForm input, :where(body[data-design-system="partner-portal-v1"]) .noticeBox input, :where(body[data-design-system="partner-portal-v1"]) .noticeBox select, :where(body[data-design-system="partner-portal-v1"]) .noticeBox textarea, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop textarea, :where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid textarea, :where(body[data-design-system="partner-portal-v1"]) .profileEditor input, :where(body[data-design-system="partner-portal-v1"]) .profileEditor select, :where(body[data-design-system="partner-portal-v1"]) .profileEditor textarea, :where(body[data-design-system="partner-portal-v1"]) .projectSearchInput, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm input, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm select, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm textarea, :where(body[data-design-system="partner-portal-v1"]) .roofTileForm input {
  border-radius: 18px;
  border: 1px solid rgba(72, 159, 223, .26);
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 30px rgba(3, 9, 28, .1);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .billingPaymentTerms input:focus, :where(body[data-design-system="partner-portal-v1"]) .chatComposer textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .deliveryDateBox input:focus, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor input:focus, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .formGrid input:focus, :where(body[data-design-system="partner-portal-v1"]) .formGrid select:focus, :where(body[data-design-system="partner-portal-v1"]) .formGrid textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .loginForm input:focus, :where(body[data-design-system="partner-portal-v1"]) .noticeBox input:focus, :where(body[data-design-system="partner-portal-v1"]) .noticeBox select:focus, :where(body[data-design-system="partner-portal-v1"]) .noticeBox textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .preparationNotesGrid textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .profileEditor input:focus, :where(body[data-design-system="partner-portal-v1"]) .profileEditor select:focus, :where(body[data-design-system="partner-portal-v1"]) .profileEditor textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .projectSearchInput:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm input:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm select:focus, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm textarea:focus, :where(body[data-design-system="partner-portal-v1"]) .roofTileForm input:focus {
  border-color: rgba(72, 159, 223, .72);
  background: linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 0 0 4px rgba(72, 159, 223, .16), 0 18px 44px rgba(3, 9, 28, .18);
  outline: none;
}

:where(body[data-design-system="partner-portal-v1"]) .acceptSuggestionButton, :where(body[data-design-system="partner-portal-v1"]) .adminActionButton, :where(body[data-design-system="partner-portal-v1"]) .billingActionButton, :where(body[data-design-system="partner-portal-v1"]) .chatComposer button, :where(body[data-design-system="partner-portal-v1"]) .compactActionButton, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor button, :where(body[data-design-system="partner-portal-v1"]) .loginForm button, :where(body[data-design-system="partner-portal-v1"]) .mapFilterButton, :where(body[data-design-system="partner-portal-v1"]) .noticeBox button, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderActionRow button, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .profileEditor button, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="submit"], :where(body[data-design-system="partner-portal-v1"]) .reviewButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) .uploadButton {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(72, 159, 223, .74));
  box-shadow: 0 16px 38px rgba(72, 159, 223, .22), inset 0 1px 0 rgba(255, 255, 255, .26);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .acceptSuggestionButton:hover, :where(body[data-design-system="partner-portal-v1"]) .adminActionButton:hover, :where(body[data-design-system="partner-portal-v1"]) .billingActionButton:hover, :where(body[data-design-system="partner-portal-v1"]) .chatComposer button:hover, :where(body[data-design-system="partner-portal-v1"]) .compactActionButton:hover, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationEditor button:hover, :where(body[data-design-system="partner-portal-v1"]) .loginForm button:hover, :where(body[data-design-system="partner-portal-v1"]) .mapFilterButton:hover, :where(body[data-design-system="partner-portal-v1"]) .noticeBox button:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderActionRow button:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button:hover, :where(body[data-design-system="partner-portal-v1"]) .primaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) .profileEditor button:hover, :where(body[data-design-system="partner-portal-v1"]) .recommendationForm button[type="submit"]:hover, :where(body[data-design-system="partner-portal-v1"]) .reviewButton:hover, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton:hover, :where(body[data-design-system="partner-portal-v1"]) .uploadButton:hover {
  transform: translateY(-1px);
  color: var(--ap-navy);
  border-color: rgba(255, 255, 255, .28);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(72, 159, 223, .86));
  box-shadow: 0 22px 54px rgba(72, 159, 223, .32), inset 0 1px 0 rgba(255, 255, 255, .36);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) .profileEditor .secondaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
  background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .08));
  color: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) input[type="file"]::file-selector-button {
  border-radius: 999px;
  border: 1px solid rgba(72, 159, 223, .32);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(72, 159, 223, .8));
  color: var(--ap-navy);
  font-weight: 800;
  padding: 8px 16px;
  margin-right: 12px;
  box-shadow: 0 10px 26px rgba(72, 159, 223, .18);
}

:where(body[data-design-system="partner-portal-v1"]) input[type="file"]::file-selector-button:hover {
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(20, 27, 77, .86));
  color: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) .chatBox, :where(body[data-design-system="partner-portal-v1"]) .chatMessages, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop {
  border-radius: 26px;
  border: 1px solid rgba(72, 159, 223, .24);
  background:
    linear-gradient(145deg, rgba(20, 27, 77, .72), rgba(20, 27, 77, .4)),
    rgba(255, 255, 255, .06);
  box-shadow: 0 26px 70px rgba(3, 9, 28, .2), inset 0 1px 0 rgba(255, 255, 255, .1);
  backdrop-filter: blur(18px);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessages, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop .chatMessages {
  padding: 12px;
  scrollbar-color: rgba(72, 159, 223, .6) rgba(255, 255, 255, .06);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessages::-webkit-scrollbar, :where(body[data-design-system="partner-portal-v1"]) .notificationList::-webkit-scrollbar, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMiniList::-webkit-scrollbar {
  width: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessages::-webkit-scrollbar-thumb, :where(body[data-design-system="partner-portal-v1"]) .notificationList::-webkit-scrollbar-thumb, :where(body[data-design-system="partner-portal-v1"]) .partnerProjectsMiniList::-webkit-scrollbar-thumb {
  background: rgba(72, 159, 223, .58);
  border-radius: 999px;
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessage, :where(body[data-design-system="partner-portal-v1"]) .messageBubble, :where(body[data-design-system="partner-portal-v1"]) .notificationItem {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .09);
  box-shadow: 0 14px 34px rgba(3, 9, 28, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .chatMessageRight, :where(body[data-design-system="partner-portal-v1"]) .messageBubble.outgoing {
  background: linear-gradient(135deg, rgba(72, 159, 223, .26), rgba(72, 159, 223, .12));
  border-color: rgba(72, 159, 223, .3);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate {
  color: var(--ap-white);
  border-color: rgba(72, 159, 223, .34);
  background:
    radial-gradient(circle at 15% 0%, rgba(72, 159, 223, .3), transparent 34%),
    linear-gradient(145deg, rgba(20, 27, 77, .86), rgba(20, 27, 77, .58));
  box-shadow: 0 28px 76px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .costEstimateTotal, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate .costTotal, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate h3, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateTotal {
  color: var(--ap-light);
}

:where(body[data-design-system="partner-portal-v1"]) .costEstimateRow, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimateRow {
  border-radius: 16px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .automationEmailCard, :where(body[data-design-system="partner-portal-v1"]) .billingMetricCard, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard, :where(body[data-design-system="partner-portal-v1"]) .mapHoverCard, :where(body[data-design-system="partner-portal-v1"]) .mapProjectPopup, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileLink, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageCard, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceListSummaryBox, :where(body[data-design-system="partner-portal-v1"]) .preparationDropZone, :where(body[data-design-system="partner-portal-v1"]) .preparationImageCard, :where(body[data-design-system="partner-portal-v1"]) .projectHoverPreview {
  border-radius: 22px;
  border: 1px solid rgba(72, 159, 223, .22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .06)),
    rgba(20, 27, 77, .46);
  box-shadow: 0 22px 56px rgba(3, 9, 28, .2), inset 0 1px 0 rgba(255, 255, 255, .12);
  backdrop-filter: blur(16px);
}

:where(body[data-design-system="partner-portal-v1"]) .automationEmailCard:hover, :where(body[data-design-system="partner-portal-v1"]) .billingMetricCard:hover, :where(body[data-design-system="partner-portal-v1"]) .emailAutomationCard:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerAdminStatCard:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderFileLink:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderImageCard:hover, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceListSummaryBox:hover, :where(body[data-design-system="partner-portal-v1"]) .preparationImageCard:hover {
  transform: translateY(-2px);
  border-color: rgba(72, 159, 223, .46);
  box-shadow: 0 28px 70px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .mapHoverCard, :where(body[data-design-system="partner-portal-v1"]) .mapProjectPopup {
  color: var(--ap-white);
  max-width: min(360px, calc(100vw - 32px));
  white-space: normal;
  overflow-wrap: anywhere;
  z-index: 60;
}

:where(body[data-design-system="partner-portal-v1"]) .modalOverlay .modalCard, :where(body[data-design-system="partner-portal-v1"]) .notificationPopover, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModal, :where(body[data-design-system="partner-portal-v1"]) .profilePopover {
  border-radius: 28px;
  border: 1px solid rgba(72, 159, 223, .26);
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .2), transparent 38%),
    linear-gradient(145deg, rgba(20, 27, 77, .92), rgba(20, 27, 77, .74));
  color: var(--ap-white);
  box-shadow: 0 36px 90px rgba(3, 9, 28, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
  backdrop-filter: blur(24px);
}

:where(body[data-design-system="partner-portal-v1"]) .closeButton, :where(body[data-design-system="partner-portal-v1"]) .dialogCloseButton, :where(body[data-design-system="partner-portal-v1"]) .modalCloseButton {
  border-radius: 999px;
}

:where(body[data-design-system="partner-portal-v1"]) .projectStatusBadge, :where(body[data-design-system="partner-portal-v1"]) .statusBadge, :where(body[data-design-system="partner-portal-v1"]) .statusPill {
  border-radius: 999px;
  border: 1px solid rgba(72, 159, 223, .25);
  background: rgba(72, 159, 223, .14);
  color: var(--ap-white);
}

:where(body[data-design-system="partner-portal-v1"]) .authCard, :where(body[data-design-system="partner-portal-v1"]) .loginCard {
  border-radius: 30px;
}

:where(body[data-design-system="partner-portal-v1"]) .authPanel, :where(body[data-design-system="partner-portal-v1"]) .loginPanel {
  overflow: visible;
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .dashboardHeadModern, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCard, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderChatTop, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCostEstimate, :where(body[data-design-system="partner-portal-v1"]) .portalHeroCard, :where(body[data-design-system="partner-portal-v1"]) .profileEditor, :where(body[data-design-system="partner-portal-v1"]) .projectDetailCard, :where(body[data-design-system="partner-portal-v1"]) .tableWrap {
    border-radius: 22px;
  }
}

@media (max-width: 780px) {
:where(body[data-design-system="partner-portal-v1"]) .adminActionButton, :where(body[data-design-system="partner-portal-v1"]) .compactActionButton, :where(body[data-design-system="partner-portal-v1"]) .loginForm button, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderActionRow button, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) .primaryButton, :where(body[data-design-system="partner-portal-v1"]) .secondaryButton {
    min-height: 48px;
  }
}

@media print {
body:where([data-design-system="partner-portal-v1"]) > *:not(.printArea) {
    display: none !important;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printArea {
    display: block;
  }
}

@media print {
body:where([data-design-system="partner-portal-v1"]) {
    background: #ffffff;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printDocument {
    font-size: 12px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printHeader {
    margin-bottom: 12px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printLogo {
    width: 82px;
    height: 82px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printDocument h1 {
    font-size: 24px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printDocument h2 {
    margin: 14px 0 6px;
    font-size: 15px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .printDocument td, :where(body[data-design-system="partner-portal-v1"]) .printDocument th {
    padding: 5px 6px;
    font-size: 11px;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .preparationPrintPage {
    min-height: auto;
    break-after: page;
    page-break-after: always;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .preparationPrintPage:last-child {
    break-after: auto;
    page-break-after: auto;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .preparationPrintComponents, :where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages figure, :where(body[data-design-system="partner-portal-v1"]) .preparationPrintNotes, :where(body[data-design-system="partner-portal-v1"]) .preparationPrintTop {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }
}

@media print {
:where(body[data-design-system="partner-portal-v1"]) .preparationPrintImages img {
    max-height: 170mm;
  }
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm.recommendationForm, body[data-design-system="partner-portal-v1"] #partnerOrderView.panel, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #upcomingAppointments, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #upcomingAppointments, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm.loginForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm.profileForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm.recommendationForm {
  color: #ffffff;
  border: 1px solid rgba(72, 159, 223, .26);
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .9), rgba(6, 16, 42, .78)),
    rgba(255, 255, 255, .05);
  box-shadow: 0 28px 86px rgba(3, 9, 28, .32), inset 0 1px 0 rgba(255, 255, 255, .13);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

body[data-design-system="partner-portal-v1"] #partnerOrderView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView.panel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel.panel {
  padding: clamp(24px, 3vw, 42px) !important;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm .mutedText, body[data-design-system="partner-portal-v1"] #partnerOrderForm label, body[data-design-system="partner-portal-v1"] #partnerOrderForm small, body[data-design-system="partner-portal-v1"] #partnerOrderView h2, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel h3, body[data-design-system="partner-portal-v1"] #partnerProjectsPanel p, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm small {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"] #partnerOrderView > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel > .mutedText {
  color: rgba(255, 255, 255, .74);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input, body[data-design-system="partner-portal-v1"] #partnerOrderForm select, body[data-design-system="partner-portal-v1"] #partnerOrderForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm textarea {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 28px rgba(3, 9, 28, .16);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input:focus, body[data-design-system="partner-portal-v1"] #partnerOrderForm select:focus, body[data-design-system="partner-portal-v1"] #partnerOrderForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm textarea:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm textarea:focus {
  border-color: rgba(72, 159, 223, .84);
  background: rgba(6, 18, 46, .88);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input[type="file"] {
  min-height: 58px;
  padding: 9px 12px;
  color: rgba(255, 255, 255, .8);
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm input[type="file"]::file-selector-button {
  min-height: 40px;
  border-color: rgba(72, 159, 223, .42);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(72, 159, 223, .78));
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm select option, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm select option {
  color: #141B4D;
  background: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsForm .formActions select, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountForm .formActions select {
  min-width: min(420px, 100%);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
  background:
    linear-gradient(90deg, rgba(2, 9, 20, .88), rgba(20, 27, 77, .52) 56%, rgba(2, 9, 20, .52)),
    url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg") center / cover;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard {
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard img {
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .employeePhotoButton {
  border: 1px solid rgba(72, 159, 223, .28);
  background: rgba(4, 14, 38, .62);
  box-shadow: 0 24px 60px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="home"]) #upcomingAppointments {
  padding: clamp(22px, 2.6vw, 34px) !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionGrid {
  gap: 18px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton {
  min-height: 150px;
  padding: 22px;
  border-radius: 18px;
  border-color: rgba(72, 159, 223, .24);
  background:
    linear-gradient(145deg, rgba(3, 13, 34, .96), rgba(5, 15, 38, .88)),
    rgba(2, 9, 20, .94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 44px rgba(3, 9, 28, .2);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:hover {
  border-color: rgba(72, 159, 223, .72);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .28), rgba(6, 16, 42, .84)),
    rgba(255, 255, 255, .07);
  box-shadow: 0 30px 80px rgba(72, 159, 223, .2), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .62);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .18), rgba(6, 16, 42, .9)),
    rgba(12, 24, 58, .9);
  box-shadow: 0 28px 76px rgba(3, 9, 28, .36), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible *, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover * {
  color: inherit;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .reviewStatus.reviewPending {
  color: #ffd2a8;
  background: rgba(181, 71, 8, .24);
  border: 1px solid rgba(255, 185, 116, .32);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .reviewStatus.reviewInfo {
  color: #bfe0ff;
  background: rgba(72, 159, 223, .22);
  border: 1px solid rgba(72, 159, 223, .38);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .reviewStatus.reviewDone {
  color: #b9f2d3;
  background: rgba(31, 122, 82, .24);
  border: 1px solid rgba(95, 213, 150, .28);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"] .partnerProjectCard:focus-visible .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"] .partnerProjectCard:hover .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .reviewStatus.reviewUnknown {
  color: rgba(255, 255, 255, .82);
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessages, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderChatTop, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.reviewBox {
  color: #ffffff;
  border: 1px solid rgba(72, 159, 223, .26);
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .9), rgba(6, 16, 42, .78)),
    rgba(255, 255, 255, .05);
  box-shadow: 0 28px 86px rgba(3, 9, 28, .32), inset 0 1px 0 rgba(255, 255, 255, .13);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.reviewBox {
  padding: clamp(22px, 2.8vw, 38px) !important;
  align-items: stretch;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm.recommendationForm {
  padding: clamp(18px, 2.2vw, 28px) !important;
  border-radius: 22px;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessageAuthor, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessageBody, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessageHeader, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .mutedText, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderDetailMeta, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox h3, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox h4, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox label, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderDetailMeta, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderDetailMeta, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderDetailMeta, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel small {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .step {
  color: rgba(255, 255, 255, .72);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox input[type="file"], body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm input, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm select, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm textarea, body[data-design-system="partner-portal-v1"] #partnerOrderMessageForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel input[type="file"] {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 28px rgba(3, 9, 28, .16);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm input:disabled, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm select:disabled, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm textarea:disabled {
  opacity: 1;
  color: rgba(255, 255, 255, .86);
  -webkit-text-fill-color: rgba(255, 255, 255, .86);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm input:focus, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm select:focus, body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm textarea:focus, body[data-design-system="partner-portal-v1"] #partnerOrderMessageForm textarea:focus {
  border-color: rgba(72, 159, 223, .84);
  background: rgba(6, 18, 46, .88);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel input[type="file"]::file-selector-button {
  border-color: rgba(72, 159, 223, .42);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(72, 159, 223, .78));
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailForm select option {
  color: #141B4D;
  background: #ffffff;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessage, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard {
  border-color: rgba(72, 159, 223, .22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .06)),
    rgba(20, 27, 77, .46);
  box-shadow: 0 22px 56px rgba(3, 9, 28, .2), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatMessageRight {
  border-color: rgba(72, 159, 223, .34);
  background: linear-gradient(135deg, rgba(72, 159, 223, .28), rgba(72, 159, 223, .12));
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard img {
  background: rgba(2, 12, 32, .72);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: min(760px, calc(100vh - 32px));
  padding: clamp(28px, 2.4vw, 42px) !important;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(2, 8, 28, .98) 0%, rgba(3, 12, 38, .9) 26%, rgba(4, 13, 38, .48) 50%, rgba(4, 13, 38, .12) 72%, rgba(4, 13, 38, .38) 100%),
    linear-gradient(180deg, rgba(5, 12, 34, .02) 0%, rgba(5, 12, 34, .12) 43%, rgba(5, 12, 34, .9) 100%),
    url("/assets/premium-customer-hero.jpg") center top / 100% clamp(300px, 26vw, 420px) no-repeat,
    #020817;
  box-shadow: 0 38px 110px rgba(3, 8, 26, .48), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox::before, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 12%),
    radial-gradient(circle at 20% 8%, rgba(72, 159, 223, .18), transparent 34%);
  pointer-events: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox > *, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox > *, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView > *, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel > * {
  position: relative;
  z-index: 1;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailHead {
  max-width: min(520px, 46vw);
  margin: clamp(28px, 4vw, 58px) 0 clamp(14px, 1.6vw, 22px) clamp(16px, 1.6vw, 28px);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailTitle {
  max-width: min(560px, 48vw);
  margin: 0;
  color: #ffffff;
  font-size: clamp(30px, 3.4vw, 58px);
  line-height: 1.04;
  letter-spacing: 0;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .44);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailMeta {
  display: block;
  max-width: min(520px, 46vw);
  margin: 0 0 clamp(22px, 2.2vw, 34px) clamp(16px, 1.6vw, 28px);
  font-size: inherit;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMeta {
  display: grid;
  gap: clamp(9px, .85vw, 14px);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  min-height: 28px;
  margin: 0;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
  width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  grid-column: 1;
  border: 2px solid rgba(232, 244, 255, .82);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
  padding: 4px;
  border-radius: 9px;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem a, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem strong {
  grid-column: 2;
  color: #ffffff;
  font-size: clamp(15px, 1.05vw, 19px);
  font-weight: 500;
  text-decoration: none;
  overflow-wrap: anywhere;
  text-shadow: 0 10px 24px rgba(0, 0, 0, .36);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem small {
  grid-column: 2;
  color: rgba(255, 255, 255, .78);
  font-size: clamp(13px, .95vw, 16px);
  font-weight: 500;
  overflow-wrap: anywhere;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus {
  display: inline-grid;
  grid-template-columns: 14px minmax(0, auto);
  justify-self: start;
  gap: 8px 12px;
  min-height: 40px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .11);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 42px rgba(0, 0, 0, .22);
  backdrop-filter: blur(16px);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatusDot {
  width: 8px;
  height: 8px;
  align-self: center;
  margin-left: 3px;
  border-radius: 999px;
  background: #489FDF;
  box-shadow: 0 0 0 6px rgba(72, 159, 223, .16);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus small, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus strong {
  grid-column: 2;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus small {
  display: block;
  max-width: min(560px, 72vw);
  color: rgba(255, 255, 255, .72);
  font-size: clamp(12px, .85vw, 14px);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton span {
  color: #489FDF;
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .dashboardHeadModern {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "identity"
      "photo"
      "advisor" !important;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .advisorCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .employeePhotoButton {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox {
    min-height: auto;
    background:
      linear-gradient(180deg, rgba(2, 9, 28, .9) 0%, rgba(5, 14, 42, .8) 38%, rgba(5, 14, 42, .96) 100%),
      url("/assets/premium-customer-hero.jpg") center top / auto 360px no-repeat,
      #020817;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailHead, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailMeta {
    max-width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailTitle {
    max-width: 100%;
    font-size: clamp(34px, 10vw, 56px);
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 16px;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
    width: 30px;
    height: 30px;
    border-width: 2px;
  }
}

body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .accountingPanel, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .adminAccountsPanel, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .customerActionBox, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .emailAutomationPanel, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .noticeBox, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .partnerActionBox, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .recommendationForm, body.dashboardMode:is(.roleAdmin, .roleEmployee, [data-design-system="partner-portal-v1"]) .reviewBox {
  border: 1px solid rgba(101, 169, 226, .24);
  border-radius: 18px;
  background: rgba(1, 12, 34, .82);
  color: #ffffff;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]), html:where(:has(> body[data-design-system="partner-portal-v1"])) {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .appLayout {
    align-items: start;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .appSidebar, :where(body[data-design-system="partner-portal-v1"]) .sidebarRail {
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .appSidebar {
    top: 0 !important;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .appContent > :first-child:not(.hidden) {
    margin-top: 0 !important;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarTop {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    padding-right: 46px;
    column-gap: 10px;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarBrandTop {
    width: min(168px, 100%);
    min-width: 0;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarFooterRow .sidebarNotificationWrap {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarControls {
    position: absolute;
    top: 0;
    right: -16px;
    width: 42px;
    display: flex;
    justify-content: center;
    z-index: 2;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarArrowButton {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarPinButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionChevron {
    display: none !important;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarInlineAdminPortalButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarInlineLogoutButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarNav, :where(body[data-design-system="partner-portal-v1"]) .sidebarNavButton, :where(body[data-design-system="partner-portal-v1"]) .sidebarSection, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionItems, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton {
    min-width: 0;
    max-width: 100%;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton {
    justify-content: flex-start;
    gap: 0;
    padding-right: 10px;
  }
}

@media (min-width: 901px) {
:where(body[data-design-system="partner-portal-v1"]) .sidebarNavLabel, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleButton span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal.partnerSubmitModal {
  background:
    radial-gradient(circle at 50% 18%, rgba(72, 159, 223, .18), transparent 34%),
    rgba(2, 9, 20, .72);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard {
  width: min(820px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  text-align: left;
  color: #fff;
  border: 1px solid rgba(72, 159, 223, .34);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .96), rgba(20, 27, 77, .86)),
    rgba(2, 9, 20, .92);
  box-shadow:
    0 32px 100px rgba(0, 0, 0, .48),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard h3 {
  padding-right: 44px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.08;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalCard p {
  max-width: 680px;
  color: rgba(255, 255, 255, .76);
  font-size: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalClose:hover {
  background: rgba(72, 159, 223, .28);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewPaper {
  color: #fff;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
    rgba(2, 9, 20, .26);
  padding: 18px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader {
  border-color: rgba(72, 159, 223, .24);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts strong, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader strong, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows strong {
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts small, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewHeader span, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows span {
  color: rgba(255, 255, 255, .68);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewRows div {
  border-bottom: 1px solid rgba(72, 159, 223, .18);
  background: rgba(255, 255, 255, .045);
  border-radius: 14px;
  padding: 10px 12px;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitPreviewCosts {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(72, 159, 223, .12);
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions {
  justify-content: flex-start;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions button, :where(body[data-design-system="partner-portal-v1"]) #partnerSubmitModal .partnerSubmitModalActions button:hover {
  color: #fff;
}

@media (max-width: 980px), (pointer: coarse) {
body:where([data-design-system="partner-portal-v1"]), html:where(:has(> body[data-design-system="partner-portal-v1"])) {
    min-height: 100%;
  }
}

@media (max-width: 980px), (pointer: coarse) {
body:where([data-design-system="partner-portal-v1"]), body:where([data-design-system="partner-portal-v1"]).dashboardMode {
    background-attachment: scroll;
    background-position: center top;
  }
}

@media (max-width: 980px), (pointer: coarse) {
:where(body[data-design-system="partner-portal-v1"]) .shell {
    min-height: 100dvh;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent {
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountView, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminDetailBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderView, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .creditSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerActionBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarShell, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarToolbar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerActionBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsMapPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap:not(.reonicKanbanWrap), body:where([data-design-system="partner-portal-v1"]).dashboardMode .upcomingAppointments {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface);
  color: var(--ap-ui-text);
  box-shadow: var(--ap-ui-shadow);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm label, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountView, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountView .mutedText, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountView h2, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm label, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsPanel .mutedText, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsPanel h2, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm label, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm label, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderView, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderView .mutedText, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderView h2 {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reviewBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap:not(.reonicKanbanWrap)::before {
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingMetric, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .calendarCheckCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImagesCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .deliveryDateBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .kpiCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderChangeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsMapCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .payoutReleaseCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationUploadCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .projectCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentsCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicEmailHistoryCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicOptionCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock, body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface);
  color: var(--ap-ui-text);
  box-shadow: var(--ap-ui-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceAmount, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceMain, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountEmptyState, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminPermissionCheck, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminPermissionPills em, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminPermissionPills span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminPermissionToggle, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingPaymentPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingSummaryBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .calendarCheckItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .componentGroup li, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageSection, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageThumb, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationCardHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationEditor, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationPreview, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailHistoryItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarAgenda, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarDay, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventPill, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarWeekColumn, body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderChangeOpen, body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderStatusRow p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminDetailPriceSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrderButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrdersList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortBar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectField, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsMapFilters, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsMapHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationDropZone, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationImageCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationImageSummary span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentLink, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicImageThumb, body:where([data-design-system="partner-portal-v1"]).dashboardMode .roofTileWarning, body:where([data-design-system="partner-portal-v1"]).dashboardMode .smartMeterBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .smartMeterOk, body:where([data-design-system="partner-portal-v1"]).dashboardMode .smartMeterWarning, body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureSummaryCard {
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTabs, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingToggleRow, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarViewSwitch, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageMapScopeFilter, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortControls, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabList {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTab, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingToggleButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarViewSwitch button, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageMapScopeFilter button, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabButton {
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--ap-ui-control);
  color: var(--ap-ui-muted-strong);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTab.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTab:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingToggleButton.is-selected, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingToggleButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarViewSwitch button.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarViewSwitch button:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageMapScopeFilter button.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageMapScopeFilter button:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabButton.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabButton:hover {
  border-color: var(--ap-ui-border-strong);
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  box-shadow: 0 16px 38px rgba(72, 159, 223, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .bigInviteButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox button, body:where([data-design-system="partner-portal-v1"]).dashboardMode .printOrderButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm button[type="button"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm button[type="submit"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .roofTileDoneButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .roofTilePrintButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .secondaryButton {
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 14px;
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  box-shadow: 0 16px 38px rgba(72, 159, 223, .22), inset 0 1px 0 rgba(255, 255, 255, .22);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input, body:where([data-design-system="partner-portal-v1"]).dashboardMode select, body:where([data-design-system="partner-portal-v1"]).dashboardMode textarea {
  border: 1px solid var(--ap-ui-border);
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode select:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode textarea:focus {
  border-color: var(--ap-ui-border-strong);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, .16), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode h1, body:where([data-design-system="partner-portal-v1"]).dashboardMode h2, body:where([data-design-system="partner-portal-v1"]).dashboardMode h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode h4, body:where([data-design-system="partner-portal-v1"]).dashboardMode label, body:where([data-design-system="partner-portal-v1"]).dashboardMode strong {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageSectionHead span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .mutedText, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentBadge, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicOptionHead span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSubtext, body:where([data-design-system="partner-portal-v1"]).dashboardMode p, body:where([data-design-system="partner-portal-v1"]).dashboardMode small, body:where([data-design-system="partner-portal-v1"]).dashboardMode span {
  color: var(--ap-ui-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .clickableReonicRow .montageProtocolNotice {
  display: inline-flex !important;
  margin-top: 8px !important;
  color: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageSectionHead strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailHistoryItem strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentItem strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentLink strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicOptionHead strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard strong {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTab span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .bigInviteButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode a.secondaryButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode button span {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageThumb img, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationImagePreview img, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicImageThumb img {
  background: var(--ap-ui-page);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel.statisticsPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #montageCalendarPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel.portalPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrdersPanel.ap-section, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #taskWorkQueueRoot, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointments, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox.reviewBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView.reviewBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminEmployeeEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminSummary.adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #creditSummary.creditSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerAccessForm.noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerProfileEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #employeeSummary.adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminDetailBox.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #recommendationForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrdersPanel.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reviewBox.reviewBox {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface);
  color: var(--ap-ui-text);
  box-shadow: var(--ap-ui-shadow);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel.recommendationForm::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel.recommendationForm::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel.statisticsPanel::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel.recommendationForm::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #montageCalendarPanel::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel.portalPanel::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrdersPanel.ap-section::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #taskWorkQueueRoot::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointments::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox.reviewBox::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView.reviewBox::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel.reviewBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminEmployeeEditForm.recommendationForm::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminDetailBox.reviewBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm.recommendationForm::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox.reviewBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel.reviewBox::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reviewBox.reviewBox::before {
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingList, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountTabs, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountsLayout, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel .statisticsContent, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminSummary.adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #creditSummary.creditSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationList, body:where([data-design-system="partner-portal-v1"]).dashboardMode #employeeSummary.adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode #montageCalendarGrid.montageCalendarGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode #montageMapPanel.partnerProjectsMapPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOrders.partnerAdminOrders, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsMapPanel.partnerProjectsMapPanel {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface-strong);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountTab {
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--ap-ui-control);
  color: var(--ap-ui-muted-strong);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountTab.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountTab:hover {
  border-color: var(--ap-ui-border-strong);
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  box-shadow: 0 16px 38px rgba(72, 159, 223, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel h4, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel label, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminSummary strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode #employeeSummary strong {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminSummary small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminSummary span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #employeeSummary small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #employeeSummary span {
  color: var(--ap-ui-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel input, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel select, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel textarea {
  border: 1px solid var(--ap-ui-border);
  border-radius: 14px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel button, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminEmployeeEditForm button, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm button {
  border-radius: 14px;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel.statisticsPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel.recommendationForm, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #montageCalendarPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel.portalPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrdersPanel.ap-section, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #taskWorkQueueRoot, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointments, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox.reviewBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView.reviewBox, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminEmployeeEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerAccessForm.noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerProfileEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminDetailBox.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #recommendationForm.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrdersPanel.recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reviewBox.reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .creditSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerActionBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarShell, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerActionBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsMapPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap:not(.reonicKanbanWrap), body:where([data-design-system="partner-portal-v1"]).dashboardMode .upcomingAppointments {
  padding: var(--ap-ui-panel-padding) !important;
  gap: var(--ap-ui-gap) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .formGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .profileEditor, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm {
  gap: var(--ap-ui-gap) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .formGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPriceRuleGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .profileEditor > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .formGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .formGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > select, body:where([data-design-system="partner-portal-v1"]).dashboardMode .formGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > select, body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > select, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPriceRuleGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPriceRuleGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > select, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPriceRuleGrid > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > select, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm > label:not(.adminPermissionCheck):not(.adminPermissionToggle) > textarea {
  margin-top: 0 !important;
  min-height: 56px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountForm > button[type="submit"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .formActions, body:where([data-design-system="partner-portal-v1"]).dashboardMode .loginForm > button[type="submit"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox > button[type="submit"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm > button[type="submit"] {
  margin-top: 8px !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsPanel .adminAccountsLayout, body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsPanel .statisticsContent, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingSummary, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountsLayout, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appointmentList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .componentGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImageGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrders, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsContent {
  padding: var(--ap-ui-card-padding) !important;
  gap: var(--ap-ui-gap) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrdersList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewActions, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewProjects, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortControls, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsColumns, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsMiniGrid {
  gap: var(--ap-ui-gap) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingMetric, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .calendarCheckCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImagesCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList article, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrderButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortBar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationUploadCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentsCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicOptionCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTableWrap, body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: var(--ap-ui-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .calendarCheckCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .customerImagesCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList article, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrderButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .preparationUploadCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .protocolDocumentsCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDocumentCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicOptionCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTableWrap, body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox {
  padding: var(--ap-ui-card-padding) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountTabs, body:where([data-design-system="partner-portal-v1"]).dashboardMode .billingToggleRow, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarViewSwitch, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageMapScopeFilter, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortBar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortControls, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicDetailTabList {
  padding: 12px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList article *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTableWrap * {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard h4, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable th {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .accountingInvoiceCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .emailAutomationItem span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .insightList p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat small, body:where([data-design-system="partner-portal-v1"]).dashboardMode .miniStat span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminStatCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard small, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statCard span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsBlock span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div p, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsHero > div span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable td {
  color: var(--ap-ui-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable td, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable th, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable tr {
  border-color: var(--ap-ui-border);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewList {
  overflow: hidden !important;
}

@media (max-width: 640px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .noticeBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .recommendationForm, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reviewBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsPanel {
    padding: 18px !important;
  }
}

@media (max-width: 640px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .adminAccountsLayout, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsContent {
    padding: 14px !important;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .adminAccountForm,
  .partnerPriceRuleSection,
  .partnerPriceListSummaryBox,
  .partnerOrderCostEstimate,
  .resultBox,
  .adminAccountCard,
  .adminAccountEmptyState,
  .partnerAdminOverviewCard,
  .partnerAdminStatCard,
  .partnerProjectCard,
  .partnerProjectsHeader,
  .payoutReleaseCard,
  .accountingInvoiceCard,
  .accountingMetric,
  .emailAutomationItem,
  .emailAutomationCard,
  .emailAutomationPreview,
  .statisticsHero > div,
  .statCard,
  .statisticsBlock,
  .miniStat,
  .insightList article,
  .statisticsTableWrap,
  .calendarCheckCard,
  .calendarCheckItem,
  .reonicOptionCard,
  .reonicDocumentCard,
  .reonicDocumentLink,
  .protocolDocumentsCard,
  .protocolDocumentItem,
  .customerImagesCard,
  .customerImageSection,
  .billingCard,
  .billingSummaryBox,
  .billingPaymentPanel,
  .deliveryDateBox,
  .preparationUploadCard,
  .preparationDropZone,
  .substructureBox,
  .substructureSummaryCard,
  .smartMeterBox,
  .roofTileWarning,
  .orderChangeOpen,
  .montageCalendarDay,
  .montageCalendarEventCard,
  .montageCalendarEventPill,
  .partnerAdminOrderButton,
  .partnerProjectField
) {
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 38px rgba(0, 0, 0, .2);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .formGrid,
  .partnerPriceRuleGrid,
  .partnerPriceRuleSection,
  .statisticsContent,
  .statisticsHero,
  .statisticsGrid,
  .statisticsColumns,
  .statisticsMiniGrid,
  .insightList,
  .adminAccountsLayout,
  .adminAccountsList,
  .partnerAdminOverviewList,
  .partnerProjectsCards,
  .accountingList,
  .emailAutomationList,
  .reonicDetailTabPanel
) {
  gap: var(--ap-ui-gap) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .formGrid,
  .partnerPriceRuleGrid
) > label:not(.adminPermissionCheck):not(.adminPermissionToggle) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 56px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input[type="file"] {
  padding: 10px 14px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input[type="file"]::file-selector-button {
  min-height: 44px !important;
  margin-right: 14px !important;
  border: 1px solid var(--ap-ui-border-strong);
  border-radius: 14px;
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  font: inherit !important;
  font-weight: 800 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  h1,
  h2,
  h3,
  h4,
  label,
  strong,
  th,
  button
) {
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  p,
  small,
  span,
  td,
  .mutedText,
  .formHint,
  .partnerPriceRuleSectionHead p
) {
  color: var(--ap-ui-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(
  button:not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button),
  .secondaryButton,
  .primaryButton,
  .bigInviteButton,
  .compactActionButton,
  .reviewButton
) {
  border-color: var(--ap-ui-border-strong);
  background: var(--ap-ui-button);
  color: var(--ap-ui-text);
  box-shadow: 0 16px 38px rgba(72, 159, 223, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarShell {
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNav, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarRail, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarTop {
  color: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarBrandTop, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarBrandTop:hover {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarBrandTop img {
  width: auto !important;
  height: 42px !important;
  object-fit: contain !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineAdminPortalButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineLogoutButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton {
  border: 1px solid transparent;
  border-radius: 16px;
  background: transparent;
  color: rgba(255, 255, 255, .84);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton {
  min-height: 38px !important;
  padding: 0 10px !important;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: 800 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton {
  min-height: 42px !important;
  padding: 0 12px !important;
  font-weight: 500 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineAdminPortalButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineLogoutButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton:hover {
  background: linear-gradient(135deg, rgba(72, 159, 223, .22), rgba(255, 255, 255, .08));
  border-color: rgba(72, 159, 223, .32);
  box-shadow: none;
  transform: translateX(3px) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.isActive, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton[aria-current="page"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton.isActive, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton[aria-current="page"] {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(72, 159, 223, .34), rgba(255, 255, 255, .1));
  border-color: rgba(72, 159, 223, .44);
  box-shadow: var(--ap-premium-glow), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavLabel, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarProfileText span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton span {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarControlButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNotificationButton {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  color: #ffffff;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarControlButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNotificationButton:hover {
  border-color: rgba(72, 159, 223, .46);
  background: rgba(72, 159, 223, .16);
  box-shadow: var(--ap-premium-glow), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationList {
  padding: 0 !important;
  gap: 18px !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCard {
  display: grid !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCard:last-child {
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 18px 20px !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader:hover {
  border-color: var(--ap-ui-border-strong);
  background:
    linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardToggle {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  text-align: left !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardToggle:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 58px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  cursor: pointer !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle input {
  position: absolute !important;
  opacity: 0;
  pointer-events: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle span {
  position: relative !important;
  display: block !important;
  width: 58px !important;
  height: 32px !important;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  transition: background .16s ease, border-color .16s ease !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle span::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 4px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  transition: transform .16s ease, background .16s ease !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle input:checked + span {
  border-color: rgba(72, 159, 223, .78);
  background: rgba(72, 159, 223, .52);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle input:checked + span::after {
  transform: translateX(26px) !important;
  background: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEditor.hidden {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEditor {
  display: grid !important;
  gap: 16px !important;
  padding: 0 20px 2px !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEditor label {
  display: grid !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEditor textarea {
  min-height: 160px !important;
  resize: vertical !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreview {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewPaper {
  max-width: 860px !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewBrand {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px;
  background: rgba(72, 159, 223, .18);
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewSignature, body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewSystemBlock {
  border: 1px solid var(--ap-ui-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarCustomerLink, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarCustomerLink:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarCustomerLink:hover {
  display: inline !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ap-ui-text);
  box-shadow: none;
  font-size: clamp(13px, .82vw, 16px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  text-align: left !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarCustomerLink:hover {
  text-decoration: underline;
  text-underline-offset: 3px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard strong {
  color: var(--ap-ui-text);
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard.cancelled, body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventPill.cancelled {
  border-color: rgba(255, 134, 134, .42);
  border-left-color: rgba(255, 134, 134, .72);
  background: linear-gradient(145deg, rgba(46, 12, 22, .72), rgba(4, 15, 38, .92));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarInlineEditButton {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .montageCalendarEventCard .montageCalendarInlineEditButton:hover {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards.partnerProjectsCards {
  display: grid !important;
  gap: 12px !important;
  padding: 18px !important;
  overflow-x: auto !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-surface-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectMain, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectMain {
  display: grid !important;
  grid-template-columns:
    minmax(96px, .85fr)
    minmax(150px, 1.1fr)
    minmax(260px, 2.2fr)
    minmax(140px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-width: 0 !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectMain.adminPartnerOrdersMain, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectMain.adminPartnerOrdersMain {
  grid-template-columns:
    minmax(96px, .85fr)
    minmax(150px, 1.1fr)
    minmax(260px, 2.2fr)
    minmax(140px, 1fr) !important;
  min-width: 0 !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectsHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectsHeader {
  padding: 0 18px 4px !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .18);
  text-align: left !important;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard:has(.adminPartnerOrdersMain), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard:has(.adminPartnerOrdersMain) {
  min-width: 0 !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard:hover {
  border-color: var(--ap-ui-border-strong);
  background:
    linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .24);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectField, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectField, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectField, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectField, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectField, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectField, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectField {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard .partnerProjectLabelInline, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard .partnerProjectLabelInline {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortableLabel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectLabel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortableLabel {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: var(--ap-ui-muted);
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortableLabel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortableLabel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortableLabel {
  justify-content: flex-start !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortControls, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortControls, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortControls, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortControls, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortControls, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortControls, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortControls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortButton {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: var(--ap-ui-muted);
  box-shadow: none;
  font-size: 12px !important;
  line-height: 1 !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortButton:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortButton:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortButton:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortButton:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortButton:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortButton.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortButton:hover {
  border-color: var(--ap-ui-border-strong);
  background: rgba(72, 159, 223, .18);
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectField strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectField strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectField strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectField strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectField strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectField strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectField strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ap-ui-text);
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .reviewStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .reviewStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .reviewStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .reviewStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .reviewStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .reviewStatus, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .reviewStatus {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList.partnerProjectsCards, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList.partnerProjectsCards, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards.partnerProjectsCards {
    overflow-x: visible !important;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectsHeader, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectsHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectsHeader {
    display: none !important;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard:has(.adminPartnerOrdersMain), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard:has(.adminPartnerOrdersMain), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard:has(.adminPartnerOrdersMain) {
    min-width: 0 !important;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectMain.adminPartnerOrdersMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectMain, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectMain.adminPartnerOrdersMain, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectMain, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectMain.adminPartnerOrdersMain {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    gap: 14px !important;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard .partnerProjectLabelInline, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard .partnerProjectLabelInline, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard .partnerProjectLabelInline {
    display: block !important;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox .substructureToggle {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 64px !important;
  padding: 14px 16px !important;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox .substructureToggle input {
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  border-radius: 6px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox .substructureToggle span {
  color: var(--ap-ui-text);
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: min(760px, calc(100vh - 32px)) !important;
  padding: clamp(28px, 2.4vw, 42px) !important;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(2, 8, 28, .98) 0%, rgba(3, 12, 38, .9) 26%, rgba(4, 13, 38, .48) 50%, rgba(4, 13, 38, .12) 72%, rgba(4, 13, 38, .38) 100%),
    linear-gradient(180deg, rgba(5, 12, 34, .02) 0%, rgba(5, 12, 34, .12) 43%, rgba(5, 12, 34, .9) 100%),
    url("/assets/premium-customer-hero.jpg") center top / 100% clamp(300px, 26vw, 420px) no-repeat,
    #020817;
  color: #ffffff;
  box-shadow: 0 38px 110px rgba(3, 8, 26, .48), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 12%),
    radial-gradient(circle at 20% 8%, rgba(72, 159, 223, .18), transparent 34%);
  pointer-events: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel > * {
  position: relative !important;
  z-index: 1 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailHead {
  max-width: min(520px, 46vw);
  margin: clamp(28px, 4vw, 58px) 0 clamp(14px, 1.6vw, 22px) clamp(16px, 1.6vw, 28px);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailTitle {
  max-width: min(560px, 48vw) !important;
  margin: 0 !important;
  color: #ffffff;
  font-size: clamp(30px, 3.4vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .44);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailMeta {
  display: block !important;
  max-width: min(520px, 46vw) !important;
  margin: 0 0 clamp(22px, 2.2vw, 34px) clamp(16px, 1.6vw, 28px) !important;
  color: rgba(255, 255, 255, .9);
  font-size: inherit !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMeta {
  display: grid !important;
  gap: clamp(9px, .85vw, 14px) !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 28px !important;
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
  display: inline-grid !important;
  place-items: center !important;
  grid-column: 1 !important;
  width: 23px !important;
  height: 23px !important;
  border: 2px solid rgba(232, 244, 255, .82);
  color: #ffffff;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem-advisor .partnerOrderHeroIcon, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem-mail .partnerOrderHeroIcon, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem-phone .partnerOrderHeroIcon, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem-pin .partnerOrderHeroIcon {
  padding: 4px;
  border-radius: 10px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem a, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem strong {
  grid-column: 2 !important;
  color: #ffffff;
  font-size: clamp(15px, 1.05vw, 19px) !important;
  font-weight: 500 !important;
  text-decoration: none;
  overflow-wrap: anywhere !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, .36);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem small {
  grid-column: 2 !important;
  color: rgba(255, 255, 255, .78);
  font-size: clamp(13px, .95vw, 16px) !important;
  font-weight: 500 !important;
  overflow-wrap: anywhere !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus {
  display: inline-grid !important;
  grid-template-columns: 14px minmax(0, auto) !important;
  justify-self: start !important;
  gap: 8px 12px !important;
  min-height: 40px !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .11);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 42px rgba(0, 0, 0, .22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatusDot {
  width: 8px !important;
  height: 8px !important;
  align-self: center !important;
  margin-left: 3px !important;
  border-radius: 999px;
  background: #489FDF;
  box-shadow: 0 0 0 6px rgba(72, 159, 223, .16);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus strong {
  grid-column: 2 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroStatus small {
  display: block !important;
  max-width: min(560px, 72vw) !important;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(12px, .85vw, 14px) !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatAttachmentField, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessages, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderChatTop, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatAttachmentField, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatAttachmentField, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatAttachmentField, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessages, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderChatTop, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate {
  color: #ffffff;
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .9), rgba(6, 16, 42, .78)),
    rgba(255, 255, 255, .05);
  box-shadow: 0 28px 86px rgba(3, 9, 28, .32), inset 0 1px 0 rgba(255, 255, 255, .13);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm.recommendationForm {
  padding: clamp(18px, 2.2vw, 28px) !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageAuthor, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageBody, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageHeader, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .mutedText, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox h3, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox h4, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox label, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageAuthor, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageBody, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderMetaSeparator, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel small {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .step, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .step {
  color: rgba(255, 255, 255, .72);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox input[type="file"], body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm input, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm select, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm textarea, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel input[type="file"] {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(2, 12, 32, .72);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 28px rgba(3, 9, 28, .16);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm input:disabled, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm select:disabled, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm textarea:disabled {
  opacity: 1;
  color: rgba(255, 255, 255, .86);
  -webkit-text-fill-color: rgba(255, 255, 255, .86);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm input:focus, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm select:focus, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm textarea:focus, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm textarea:focus {
  border-color: rgba(72, 159, 223, .84);
  background: rgba(6, 18, 46, .88);
  box-shadow: 0 0 0 4px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView input[type="file"]::file-selector-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel input[type="file"]::file-selector-button {
  border-color: rgba(72, 159, 223, .42);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(72, 159, 223, .78));
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm select option {
  color: #141B4D;
  background: #ffffff;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessage, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessage, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard {
  border-color: rgba(72, 159, 223, .22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .06)),
    rgba(20, 27, 77, .46);
  box-shadow: 0 22px 56px rgba(3, 9, 28, .2), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentHeading {
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImagePreviewButton {
  background: transparent;
  color: inherit;
  box-shadow: none;
  transform: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageRight, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageRight {
  border-color: rgba(72, 159, 223, .34);
  background: linear-gradient(135deg, rgba(72, 159, 223, .28), rgba(72, 159, 223, .12));
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard img {
  background: rgba(2, 12, 32, .72);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatBoxHeader {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderClearChatButton {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 999px;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatReplyQuote, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatReplyQuote, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatReplyQuote, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatReplyQuote {
  display: grid !important;
  gap: 4px !important;
  padding: 9px 12px !important;
  border-left: 3px solid rgba(72, 159, 223, .86);
  border-radius: 12px;
  background: rgba(72, 159, 223, .12);
  color: rgba(255, 255, 255, .86);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatReplyQuote, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatReplyQuote, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatReplyQuote, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatReplyQuote {
  margin: 0 0 8px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatReplyQuote strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatReplyQuote strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatReplyQuote strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatReplyQuote strong {
  color: #ffffff;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatReplyQuote span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatReplyQuote span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatReplyQuote span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatReplyQuote span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, .72);
  font-size: 13px !important;
  line-height: 1.3 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  margin: 2px 0 0 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview.hidden, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview button, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageActionButton {
  display: inline-grid !important;
  place-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .82);
  box-shadow: none;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview button {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  font-size: 18px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageRight .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageRight .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageRight .chatMessageActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageRight .chatMessageActions {
  justify-content: flex-end !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageActionButton:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderReplyPreview button:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageActionButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageActionButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageActionButton:hover {
  border-color: rgba(72, 159, 223, .46);
  background: rgba(72, 159, 223, .18);
  color: #ffffff;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageDeleteButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageDeleteButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatMessageDeleteButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageDeleteButton:hover {
  border-color: rgba(255, 120, 120, .46);
  background: rgba(255, 120, 120, .16);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm.chatComposer {
  gap: 10px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatInputShell {
  position: relative !important;
  display: grid !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm textarea {
  min-height: 96px !important;
  padding-right: 66px !important;
  resize: vertical !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 1px solid rgba(72, 159, 223, .42);
  border-radius: 999px;
  background: rgba(72, 159, 223, .18);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(3, 9, 28, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton:hover {
  border-color: rgba(72, 159, 223, .78);
  background: rgba(72, 159, 223, .32);
  transform: translateY(-1px) !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatComposerFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatSelectedFiles {
  min-width: 0 !important;
  color: rgba(255, 255, 255, .72);
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatSelectedFiles:empty {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatComposerFooter button[type="submit"] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm.partnerOrderTabbedForm {
  gap: 18px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavigation {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid rgba(72, 159, 223, .24);
  border-radius: 18px;
  background: rgba(2, 12, 32, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem {
  width: auto !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: rgba(9, 22, 50, .82);
  color: rgba(255, 255, 255, .68);
  box-shadow: none;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem:hover {
  border-color: rgba(72, 159, 223, .38);
  background: rgba(5, 15, 36, .96);
  color: #ffffff;
  transform: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem.active {
  border-color: rgba(124, 190, 246, .68);
  background: linear-gradient(135deg, rgba(72, 159, 223, .98), rgba(53, 117, 184, .86));
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 26px rgba(72, 159, 223, .2);
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordSection {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordSection.active {
  display: grid !important;
  gap: 18px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderInvoiceActions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderCreateInvoiceButton {
  width: auto !important;
  min-height: 46px !important;
  padding: 0 22px !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderInvoiceMessage {
  min-height: 0 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailPanel .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordSection .formGrid {
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderAttachmentsSection {
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachmentField {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachmentField input[type="file"] {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.adminMetric):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.choiceButton):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover, body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.partnerHomeActionCard):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover {
  color: var(--ap-navy);
  border-color: rgba(255, 255, 255, .28);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(72, 159, 223, .86));
  box-shadow: 0 22px 54px rgba(72, 159, 223, .32), inset 0 1px 0 rgba(255, 255, 255, .36);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.adminMetric):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover *, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.choiceButton):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover *, body:where([data-design-system="partner-portal-v1"]) .appContent :where(button:not(:disabled)):not(.partnerCardInteractive):not(.ap-card-interactive):not(.partnerHomeActionCard):not(.partnerProjectCard):not(.complaintProjectOption):not(.ap-list-v2-row):not(.ap-kanban-card):not(.ap-icon-button):not(.ap-kanban-column-more):not(.ap-view-toggle-button):hover * {
  color: var(--ap-navy);
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultButton {
  position: relative !important;
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(72, 159, 223, .28);
  border-left: 3px solid rgba(72, 159, 223, .72);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(5, 15, 36, .96), rgba(9, 22, 50, .88)),
    rgba(2, 9, 20, .94);
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(3, 9, 28, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
  text-align: left !important;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultButton:hover {
  border-color: rgba(72, 159, 223, .46);
  border-left-color: rgba(72, 159, 223, .96);
  background:
    linear-gradient(145deg, rgba(7, 18, 44, .98), rgba(4, 13, 32, .95)),
    rgba(2, 9, 20, .98);
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultButton:hover * {
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultTopline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultTopline strong {
  color: #ffffff;
  font-size: 15px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultTopline small {
  justify-self: end !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: 999px;
  background: rgba(72, 159, 223, .14);
  color: rgba(255, 255, 255, .78);
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults .sidebarCustomerSearchResultButton > span {
  display: block !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, .68);
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:where([data-design-system="partner-portal-v1"]) .partnerOrderImagePreviewButton:hover {
  border-color: transparent;
  background: transparent;
  color: inherit;
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .partnerOrderImagePreviewButton:hover * {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]) .partnerOrderAttachmentDelete:hover, body:where([data-design-system="partner-portal-v1"]) .partnerOrderAttachmentDelete:hover * {
  border-color: rgba(255, 255, 255, .42);
  background: rgba(128, 28, 42, .92);
  color: #ffffff;
  box-shadow: 0 14px 32px rgba(128, 28, 42, .32);
}

body:where([data-design-system="partner-portal-v1"]) .projectListTable .tableSortButton, body:where([data-design-system="partner-portal-v1"]) .tableWrap .tableSortButton {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, .68);
  box-shadow: none;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: inherit !important;
  text-align: inherit !important;
  text-transform: inherit !important;
  cursor: pointer !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .projectListTable .tableSortButton:hover, body:where([data-design-system="partner-portal-v1"]) .projectListTable .tableSortButton:hover *, body:where([data-design-system="partner-portal-v1"]) .tableWrap .tableSortButton:hover, body:where([data-design-system="partner-portal-v1"]) .tableWrap .tableSortButton:hover * {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .9);
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .tableSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton, body[data-design-system="partner-portal-v1"] .tableSortButton {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, .7);
  box-shadow: none;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-align: inherit !important;
  text-transform: inherit !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .tableSortButton:focus, body:where([data-design-system="partner-portal-v1"]) .tableSortButton:focus-visible, body:where([data-design-system="partner-portal-v1"]) .tableSortButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton:hover, body[data-design-system="partner-portal-v1"] .tableSortButton:focus, body[data-design-system="partner-portal-v1"] .tableSortButton:focus-visible, body[data-design-system="partner-portal-v1"] .tableSortButton:hover {
  border: 0;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  outline: none;
  text-decoration: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .tableSortButton *, body:where([data-design-system="partner-portal-v1"]) .tableSortButton:hover *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableSortButton:hover * {
  background: transparent;
  color: inherit;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .1);
  background:
    linear-gradient(180deg, rgba(14, 31, 96, .98) 0%, rgba(20, 27, 77, .96) 46%, rgba(5, 12, 40, .98) 100%),
    #141b4d;
  box-shadow: 0 22px 50px rgba(4, 10, 35, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton:hover, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:hover {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .72);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .28), rgba(6, 16, 42, .84)),
    rgba(255, 255, 255, .07);
  box-shadow: 0 30px 80px rgba(72, 159, 223, .2), inset 0 1px 0 rgba(255, 255, 255, .16);
  transform: translateY(-1px);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton strong, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard small, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard span, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard span, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton span, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton strong {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .dashboardHeadModern {
  grid-template-columns: minmax(520px, 1fr) 220px !important;
  grid-template-areas:
    "identity identity"
    "advisor photo" !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .advisorCard {
  min-height: 220px !important;
  height: 220px !important;
  padding: 18px 22px !important;
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  align-items: center !important;
  background:
    linear-gradient(145deg, rgba(12, 24, 58, .9), rgba(6, 16, 42, .78)),
    rgba(255, 255, 255, .05);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .employeePhotoButton {
  width: 220px !important;
  height: 220px !important;
  aspect-ratio: auto !important;
  align-self: stretch !important;
  justify-self: end !important;
  background: rgba(4, 14, 38, .62);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .employeePhotoButton img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) #profileView {
  margin-top: var(--ap-ui-gap) !important;
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .dashboardHeadModern {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "identity"
      "photo"
      "advisor" !important;
  }
}

@media (max-width: 980px) {
body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .advisorCard, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .employeePhotoButton {
    width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
  }
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResults, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResults {
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid rgba(72, 159, 223, .34);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(8, 24, 51, .97), rgba(20, 27, 77, .94)),
    rgba(2, 9, 20, .96);
  box-shadow: 0 28px 86px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton {
  display: grid !important;
  gap: 7px !important;
  min-height: 72px !important;
  padding: 13px 15px !important;
  border: 1px solid rgba(255, 255, 255, .13);
  border-left: 0;
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)),
    rgba(255, 255, 255, .045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 28px rgba(3, 9, 28, .16);
  text-align: left !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton:hover {
  border-color: rgba(72, 159, 223, .48);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .18), rgba(255, 255, 255, .07)),
    rgba(255, 255, 255, .08);
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultTopline, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultTopline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultTopline strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultTopline strong {
  color: #ffffff;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  white-space: normal !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultTopline small, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultTopline small {
  justify-self: end !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, .64);
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton > span {
  display: block !important;
  color: rgba(255, 255, 255, .68);
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearch input {
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 8px;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body:where([data-design-system="partner-portal-v1"]) .partnerOrderFileCard .partnerOrderAttachmentDelete, body:where([data-design-system="partner-portal-v1"]) .partnerOrderImageCard .partnerOrderAttachmentDelete, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentDelete, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentDelete, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentDelete, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentDelete {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  background: rgba(3, 9, 28, .78);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(3, 9, 28, .34);
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]) .partnerOrderFileCard .partnerOrderAttachmentDelete:hover, body:where([data-design-system="partner-portal-v1"]) .partnerOrderImageCard .partnerOrderAttachmentDelete:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentDelete:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentDelete:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentDelete:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentDelete:hover {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-color: rgba(255, 255, 255, .62);
  background: rgba(128, 28, 42, .94);
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(128, 28, 42, .32);
  transform: scale(1.04) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderAppointmentCard {
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerOrderAppointmentCard:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderAppointmentCard:hover {
  border-color: var(--ap-ui-border-strong);
  background: var(--ap-ui-card);
  color: var(--ap-ui-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerOrderAppointmentCard.is-cancelled, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderAppointmentCard.is-cancelled {
  border-color: rgba(255, 134, 134, .42);
  background: linear-gradient(145deg, rgba(46, 12, 22, .72), rgba(4, 15, 38, .92));
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 8, 24, .74);
  backdrop-filter: blur(14px);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionModal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(720px, 100%);
  max-height: calc(100dvh - 48px);
  padding: 34px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .16), transparent 34%),
    linear-gradient(145deg, rgba(6, 16, 42, .98), rgba(3, 10, 28, .98));
  color: var(--ap-ui-text);
  box-shadow: 0 34px 90px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionModal h3 {
  margin: 4px 44px 8px 0;
  font-size: clamp(28px, 3vw, 42px);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionModal .mutedText {
  margin-bottom: 24px;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionClose {
  color: var(--ap-ui-text);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionList {
  display: grid;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: var(--ap-ui-card);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem:hover {
  border-color: var(--ap-ui-border-strong);
  background: rgba(10, 28, 60, .96);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem input {
  width: 22px;
  height: 22px;
  accent-color: var(--ap-ui-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem small, :where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem strong {
  display: block;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem strong {
  color: var(--ap-ui-text);
  font-size: 21px;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionItem small {
  margin-top: 4px;
  color: var(--ap-ui-muted);
  font-size: 15px;
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionActions {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  background: linear-gradient(180deg, rgba(3, 10, 28, 0), rgba(3, 10, 28, .98) 28%);
}

:where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionActions .bigInviteButton, :where(body[data-design-system="partner-portal-v1"]) .orderComponentSelectionActions .secondaryButton {
  width: auto;
  min-width: 160px;
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm .partnerAdminLogoPreview {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 18px;
  background: var(--ap-ui-card);
  color: var(--ap-ui-muted);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm .partnerAdminLogoPreview.hidden {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm .partnerAdminLogoPreview span {
  color: var(--ap-ui-muted);
  font-size: 15px;
  font-weight: 800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm .partnerAdminLogoPreview img {
  width: 84px;
  height: 84px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 14px;
  object-fit: contain;
  background: rgba(3, 10, 28, .72);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminEditForm .partnerPriceRuleSection {
  border-radius: 18px;
  background: var(--ap-ui-card);
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox {
    min-height: auto !important;
    padding: 24px 18px !important;
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(2, 9, 28, .9) 0%, rgba(5, 14, 42, .8) 38%, rgba(5, 14, 42, .96) 100%),
      url("/assets/premium-customer-hero.jpg") center top / auto 360px no-repeat,
      #020817;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailHead, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderDetailMeta {
    max-width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailTitle {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 56px) !important;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
    width: 30px !important;
    height: 30px !important;
    border-width: 2px;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input[type="file"]::file-selector-button {
  color: #ffffff;
  border: 1px solid rgba(72, 159, 223, .72);
  background:
    linear-gradient(180deg, rgba(38, 79, 114, .96) 0%, rgba(31, 70, 104, .98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 14px 30px rgba(3, 9, 28, .2);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode input[type="file"]::file-selector-button:hover {
  color: #ffffff;
  border-color: rgba(78, 169, 235, .92);
  background:
    linear-gradient(180deg, rgba(49, 96, 134, .98) 0%, rgba(41, 86, 125, .98) 100%);
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .14), 0 0 34px rgba(72, 159, 223, .2), 0 18px 42px rgba(3, 9, 28, .3), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body[data-design-system="partner-portal-v1"] .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:hover {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .58);
  background:
    linear-gradient(180deg, rgba(33, 63, 95, .98) 0%, rgba(25, 49, 78, .98) 100%);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), 0 16px 36px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: translateY(-1px);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .dashboardHeadModern {
  min-height: clamp(220px, 22vw, 320px) !important;
  padding: clamp(30px, 4vw, 56px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "identity" !important;
  align-content: end !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .advisorCard, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].profileStandaloneView:where([data-ui-archetype="profile"]) .employeePhotoButton {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern::before {
  inset: -2px !important;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(2, 9, 20, .92), rgba(20, 27, 77, .64) 56%, rgba(2, 9, 20, .68)),
    linear-gradient(180deg, rgba(2, 9, 20, .58), rgba(2, 9, 20, .34));
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric:focus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric:focus-visible, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .adminMetric:hover, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton:focus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton:focus-visible, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]) .choiceButton:hover, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard:focus, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard:focus-visible, body:where([data-design-system="partner-portal-v1"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard:focus, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"] .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:focus, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="home"]) .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"] .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:focus, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]:where([data-ui-archetype="home"]) .choiceButton:hover {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .58);
  background:
    linear-gradient(180deg, rgba(33, 63, 95, .98) 0%, rgba(25, 49, 78, .98) 100%);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), 0 16px 36px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) button.partnerHomeActionCard:focus, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) button.partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) button.partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.adminMetric:focus, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.adminMetric:hover, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.choiceButton:focus, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.choiceButton:hover {
  color: #ffffff;
  border-color: rgba(72, 159, 223, .58);
  background:
    linear-gradient(180deg, rgba(33, 63, 95, .98) 0%, rgba(25, 49, 78, .98) 100%);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), 0 16px 36px rgba(3, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern {
  background-color: #020914;
  background-clip: padding-box;
  border-color: rgba(25, 49, 78, .96);
  outline: 1px solid rgba(2, 9, 20, .92);
  outline-offset: -1px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) .dashboardHeadModern {
  min-height: clamp(132px, 14vw, 178px) !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  grid-template-columns: minmax(360px, 1fr) 128px !important;
  grid-template-areas:
    "identity identity"
    "advisor photo" !important;
  gap: 12px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) .advisorCard {
  min-height: 118px !important;
  height: 118px !important;
  padding: 12px 16px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) .advisorCard img {
  width: 64px !important;
  height: 64px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) .employeePhotoButton {
  width: 128px !important;
  height: 118px !important;
  min-height: 118px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerProjectsPanel {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern::before {
  inset: -6px !important;
}

:where(body[data-design-system="partner-portal-v1"]) .portalFormSurface, :where(body[data-design-system="partner-portal-v1"]) .portalHero, :where(body[data-design-system="partner-portal-v1"]) .portalHeroCompact, :where(body[data-design-system="partner-portal-v1"]) .portalList, :where(body[data-design-system="partner-portal-v1"]) .portalListCard, :where(body[data-design-system="partner-portal-v1"]) .portalListHeader, :where(body[data-design-system="partner-portal-v1"]) .portalListRow, :where(body[data-design-system="partner-portal-v1"]) .portalSurface {
  box-sizing: border-box;
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero, :where(body[data-design-system="partner-portal-v1"]) .portalHeroCompact {
  width: 100%;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-hero);
  background:
    linear-gradient(135deg, rgba(2, 8, 28, .82), rgba(4, 15, 38, .58)),
    var(--portal-surface);
  box-shadow: var(--portal-shadow), var(--portal-glow);
  overflow: hidden;
}

:where(body[data-design-system="partner-portal-v1"]) .portalHeroCompact {
  min-height: clamp(132px, 14vw, 178px);
}

:where(body[data-design-system="partner-portal-v1"]) .portalFormSurface, :where(body[data-design-system="partner-portal-v1"]) .portalList, :where(body[data-design-system="partner-portal-v1"]) .portalSurface {
  width: 100%;
  max-width: var(--portal-width-content);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  box-shadow: var(--portal-shadow);
}

:where(body[data-design-system="partner-portal-v1"]) .portalFormSurface {
  display: grid;
  gap: var(--ap-gap-loose);
  max-width: var(--portal-width-form);
}

:where(body[data-design-system="partner-portal-v1"]) .portalList {
  display: grid;
  gap: var(--portal-space-md);
  padding: var(--portal-space-lg);
}

:where(body[data-design-system="partner-portal-v1"]) .portalListCard, :where(body[data-design-system="partner-portal-v1"]) .portalListHeader, :where(body[data-design-system="partner-portal-v1"]) .portalListRow {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .portalListHeader {
  color: var(--portal-muted);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .02em;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadDropzone {
  border: 1px dashed var(--portal-border-strong);
  border-radius: var(--portal-radius-card);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .12), rgba(255, 255, 255, .025)),
    var(--portal-card);
  padding: var(--portal-space-lg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--ap-space-6) !important;
  gap: var(--ap-gap-loose) !important;
  border-radius: var(--portal-radius-surface);
  border-color: var(--portal-border);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  box-shadow: var(--portal-shadow);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .mutedText, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > h2 {
  max-width: min(760px, 100%) !important;
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .linkButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .linkButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .linkButton {
  justify-self: start;
  width: auto !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalFormSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalFormSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalFormSurface {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--ap-space-6) !important;
  border-radius: var(--portal-radius-surface);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone {
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone small {
  color: var(--portal-muted);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel input[type="file"] {
  min-height: auto !important;
  padding: var(--ap-space-3) !important;
  border-style: solid;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderProjectPlanImages {
  display: grid;
  gap: var(--portal-space-sm);
  padding: var(--portal-space-md);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-card);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderProjectPlanImages.hidden {
  display: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--portal-space-sm);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList .partnerOrderProjectPlanPreview {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(4, 13, 34, .62);
  color: inherit;
  text-align: left;
  cursor: pointer;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList .partnerOrderProjectPlanPreview:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList .partnerOrderProjectPlanPreview:hover {
  border-color: var(--portal-border-strong);
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .18), transparent 42%),
    rgba(4, 13, 34, .76);
  outline: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: calc(var(--portal-radius-card) - 6px);
  border: 1px solid rgba(72, 159, 223, .22);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList span {
  color: var(--portal-text);
  font-weight: 700;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .partnerOrderProjectPlanImageList small {
  color: var(--portal-muted);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress {
  display: grid;
  grid-template-columns: repeat(var(--partner-order-step-count, 4), minmax(0, 1fr));
  gap: var(--portal-space-sm);
  padding: var(--portal-space-sm);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton {
  position: relative;
  min-height: 48px;
  padding: 0 14px 0 38px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: rgba(7, 20, 47, .72);
  color: var(--portal-muted);
  box-shadow: none;
  font-size: .86rem;
  font-weight: 800;
  text-align: left;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: var(--portal-radius-pill);
  transform: translateY(-50%);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.active, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.isComplete, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.isComplete, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.isComplete, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.isComplete {
  border-color: var(--portal-border-strong);
  background: var(--portal-button, var(--ap-ui-button));
  color: var(--portal-text);
  box-shadow: 0 14px 30px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.isComplete::before {
  background: currentColor;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.hidden, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton[hidden] {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep {
  width: 100%;
  margin: 0;
  padding: var(--portal-space-lg);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(4, 15, 38, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep.hidden, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep[hidden] {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummary, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummary, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummary, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummary {
  display: grid;
  gap: var(--portal-space-md);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummary h3, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummary p, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummary h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummary p, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummary h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummary p, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummary h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummary p {
  margin: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--portal-space-md);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows article, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows article, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows article, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows article {
  display: grid;
  gap: 6px;
  padding: var(--portal-space-md);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-card);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows span {
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows strong {
  color: var(--portal-text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardActions {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--portal-space-sm) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderWizardBackButton:disabled {
  opacity: .46;
  cursor: not-allowed;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderSubmitButton.hidden, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderWizardNextButton.hidden {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(72, 159, 223, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(72, 159, 223, .08), transparent 210px);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > * {
  position: relative;
  z-index: 1;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > h2 {
  color: var(--portal-text);
  font-size: clamp(1.8rem, 3vw, 2.55rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .mutedText {
  max-width: min(840px, 100%) !important;
  color: var(--portal-muted);
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm.portalFormSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.portalFormSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.portalFormSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm.portalFormSurface {
  gap: var(--portal-space-xl) !important;
  padding: var(--portal-space-lg) 0 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep {
  position: relative;
  display: grid;
  gap: var(--portal-space-md);
  padding: calc(var(--portal-space-xl) + 10px) var(--portal-space-xl) var(--portal-space-xl);
  border-color: rgba(72, 159, 223, .2);
  background:
    radial-gradient(circle at 8% 0%, rgba(72, 159, 223, .12), transparent 34%),
    linear-gradient(145deg, rgba(8, 22, 50, .72), rgba(2, 9, 25, .54));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 20px 52px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep::before {
  grid-column: 1 / -1;
  display: block;
  color: var(--portal-text);
  font-size: clamp(1.18rem, 2vw, 1.45rem);
  font-weight: 900;
  line-height: 1.2;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="0"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="0"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="0"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="0"]::before {
  content: "Auftragstyp wählen";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="1"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="1"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="1"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="1"]::before {
  content: "DC-Leistungsdaten";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="2"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="2"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="2"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="2"]::before {
  content: "AC-Leistungsdaten";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="3"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="3"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="3"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="3"]::before {
  content: "Kostenübersicht";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="4"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="4"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="4"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="4"]::before {
  content: "Unterlagen vorbereiten";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="5"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="5"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="5"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="5"]::before {
  content: "Kundendaten prüfen";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="6"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="6"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="6"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="6"]::before {
  content: "Projektdaten abstimmen";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-partner-order-step="7"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-partner-order-step="7"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-partner-order-step="7"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-partner-order-step="7"]::before {
  content: "Auftrag finalisieren";
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeSection, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSectionIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSectionIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSectionIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSectionIntro {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--ap-gap-tight);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeSection :is(h3, p), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSectionIntro :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeSection :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSectionIntro :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeSection :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSectionIntro :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeSection :is(h3, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSectionIntro :is(h3, p) {
  margin: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSubsection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSubsection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSubsection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSubsection {
  display: grid;
  gap: var(--ap-gap-tight);
  padding-top: var(--ap-space-md);
  border-top: 1px solid rgba(72, 159, 223, .16);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSubsection :is(h4, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSubsection :is(h4, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSubsection :is(h4, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSubsection :is(h4, p) {
  margin: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSubsection h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSubsection h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSubsection h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSubsection h4 {
  color: var(--ap-text);
  font-weight: 800;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ap-gap-default);
  margin-top: var(--ap-space-md);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button {
  display: grid;
  gap: var(--ap-gap-tight);
  min-height: 142px;
  padding: var(--ap-card-padding);
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 9, 25, .48);
  color: var(--portal-muted);
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button strong {
  color: var(--portal-text);
  font-size: 1.05rem;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button span, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button span {
  color: var(--portal-muted);
  line-height: 1.45;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button.active, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button:is(:hover, :focus-visible) {
  border-color: rgba(124, 190, 246, .68);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .22), transparent 42%),
    linear-gradient(145deg, rgba(13, 37, 80, .96), rgba(4, 16, 42, .92));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 42px rgba(72, 159, 223, .18);
  transform: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderCostStep .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderCostStep .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderCostStep .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderCostStep .partnerOrderCostEstimate {
  margin-top: var(--ap-space-sm);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderCostStep .partnerOrderCostEstimate.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderCostStep .partnerOrderCostEstimate.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderCostStep .partnerOrderCostEstimate.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderCostStep .partnerOrderCostEstimate.hidden {
  display: block !important;
}

@media (max-width: 860px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards {
    grid-template-columns: 1fr;
  }
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep label {
  display: grid;
  gap: var(--ap-gap-tight);
  color: var(--portal-text);
  font-weight: 800;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep :is(input, select, textarea) {
  border-color: rgba(72, 159, 223, .22);
  background: rgba(2, 9, 25, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone {
  min-height: 148px;
  align-content: center;
  border-style: solid;
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .22), transparent 38%),
    linear-gradient(145deg, rgba(8, 22, 50, .96), rgba(2, 9, 25, .88));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 38px rgba(0, 0, 0, .2);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone:focus-within, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone:focus-within, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone:focus-within, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone:hover {
  border-color: var(--portal-border-strong);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .26), transparent 38%),
    linear-gradient(145deg, rgba(6, 19, 45, .98), rgba(1, 7, 20, .95));
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), 0 18px 44px rgba(0, 0, 0, .24);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderUploadSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderUploadSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderUploadSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderUploadSection {
  display: grid;
  gap: var(--ap-gap-default);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderUploadLabel {
  color: rgba(235, 243, 255, .88);
  font-size: .86rem;
  font-weight: 850;
  letter-spacing: .01em;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderUploadSection small {
  color: var(--portal-muted);
  font-weight: 700;
  line-height: 1.45;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-tight);
  padding: var(--ap-space-1);
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 9, 25, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector button {
  min-height: 46px;
  border: 1px solid transparent;
  border-radius: calc(var(--portal-radius-control) - var(--ap-space-1));
  background: transparent;
  color: var(--portal-muted);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector button.active {
  border-color: rgba(72, 159, 223, .34);
  background:
    linear-gradient(145deg, rgba(13, 37, 80, .96), rgba(4, 16, 42, .92));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 12px 28px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderManualIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderManualIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderManualIntro, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderManualIntro {
  margin: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .partnerOrderUploadArea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .partnerOrderUploadArea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .partnerOrderUploadArea {
  display: grid;
  gap: var(--ap-gap-tight);
  min-height: auto;
  margin: 0;
  padding: var(--ap-space-4) !important;
  border-color: rgba(72, 159, 223, .28);
  border-radius: var(--portal-radius-control);
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .9), rgba(2, 9, 25, .74));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .partnerOrderUploadArea input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .partnerOrderUploadArea input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .partnerOrderUploadArea input[type="file"] {
  width: 100%;
  margin: 0;
  border-color: rgba(72, 159, 223, .24);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 9, 25, .56);
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerModulePowerBlock {
  display: grid;
  gap: var(--ap-gap-default);
  padding: var(--portal-space-md);
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .36);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerModulePowerBlock.hidden {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderModulePowerInputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--ap-gap-default);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomePremiumGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: none !important;
  gap: var(--portal-space-lg) !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"] #upcomingAppointmentsList.partnerProjectsCards {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton {
  position: relative !important;
  display: grid !important;
  align-content: start !important;
  min-height: 210px !important;
  padding: var(--portal-space-xl) !important;
  gap: var(--portal-space-sm) !important;
  text-align: left !important;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .2), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  color: var(--portal-text);
  box-shadow: var(--portal-shadow);
  overflow: hidden !important;
  transform: translateY(0) !important;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 42%);
  opacity: .5;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric:hover, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton:hover {
  transform: translateY(-3px) !important;
  border-color: var(--portal-border-strong);
  box-shadow: var(--portal-shadow), var(--portal-glow), 0 18px 48px rgba(72, 159, 223, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionIcon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionIcon {
  position: relative;
  z-index: 1;
  display: inline-grid !important;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: var(--portal-space-sm);
  border: 1px solid var(--portal-border-strong);
  border-radius: var(--portal-radius-pill);
  background: rgba(72, 159, 223, .16);
  color: var(--portal-text);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 28px rgba(72, 159, 223, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton > span:not(.partnerHomeActionIcon) {
  position: relative;
  z-index: 1;
  color: var(--portal-muted);
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton strong {
  position: relative;
  z-index: 1;
  color: var(--portal-text);
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton small {
  position: relative;
  z-index: 1;
  max-width: 34rem;
  color: var(--portal-muted);
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric em, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton em {
  position: relative;
  z-index: 1;
  align-self: end;
  justify-self: start;
  margin-top: var(--portal-space-md);
  padding: 7px 12px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: var(--portal-radius-pill);
  background: rgba(72, 159, 223, .12);
  color: var(--portal-muted);
  font-size: .78rem;
  font-style: normal;
  font-weight: 700;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCardSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButtonSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetricSoon, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButtonSoon {
  opacity: .86;
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #profileView {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #partnerProfileOverview.partnerProfileOverview, body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"].dashboardMode.profileStandaloneView #partnerProfileOverview.partnerAdminDetailBox {
  display: grid;
  width: 100% !important;
  max-width: none !important;
  gap: var(--portal-space-xl);
  padding: var(--portal-space-xl) !important;
  border-radius: var(--portal-radius-surface);
  border-color: var(--portal-border);
  background:
    radial-gradient(circle at 12% 0%, rgba(72, 159, 223, .18), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  box-shadow: var(--portal-shadow);
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #partnerProfileOverview.hidden {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxHero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--portal-space-lg);
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileImageButton {
  position: relative;
  display: grid !important;
  place-items: center;
  width: clamp(118px, 12vw, 156px) !important;
  height: clamp(118px, 12vw, 156px) !important;
  padding: 0 !important;
  border: 1px solid var(--portal-border-strong);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .14), rgba(255, 255, 255, .035)),
    var(--portal-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 44px rgba(0, 0, 0, .24);
  overflow: hidden;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileImageButton img {
  width: 72%;
  height: 72%;
  object-fit: contain;
  border-radius: 24px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileImageButton span {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(72, 159, 223, .38);
  border-radius: var(--portal-radius-pill);
  background: rgba(2, 9, 20, .78);
  color: var(--portal-text);
  font-size: .72rem;
  font-weight: 700;
  opacity: .92;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileImageButton:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .partnerProfileImageButton:hover {
  transform: translateY(-2px);
  border-color: var(--portal-border-strong);
  box-shadow: var(--portal-shadow), var(--portal-glow);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewTitle, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxTitle {
  display: grid;
  gap: var(--portal-space-xs);
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewTitle span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxTitle span {
  color: var(--portal-muted);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewTitle strong, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxTitle strong {
  color: var(--portal-text);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.02;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewTitle small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxTitle small {
  color: var(--portal-muted);
  font-size: 1rem;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileStatus {
  justify-self: end;
  align-self: start;
  padding: 8px 13px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-pill);
  background: rgba(72, 159, 223, .12);
  color: var(--portal-text);
  font-size: .82rem;
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTabs, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(255, 255, 255, .035);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTab {
  min-height: 40px;
  padding: 9px 14px !important;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--portal-muted);
  font-size: .9rem !important;
  font-weight: 800 !important;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTab.active, :where(body[data-design-system="partner-portal-v1"]) .partnerProfileTab:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .partnerProfileTab:hover {
  border-color: var(--portal-border-strong);
  background: rgba(72, 159, 223, .16);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTabPanels, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailTabPanels {
  display: grid;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTabPanel, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailTabPanel {
  display: none;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTabPanel.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailTabPanel.active {
  display: grid;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileSection {
  display: grid;
  gap: var(--portal-space-lg);
  min-width: 0;
  padding: 4px 0 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileDataCardHead {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileDataCardHead span {
  color: var(--portal-muted);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileDataCardHead strong {
  color: var(--portal-text);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.2;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-border);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: var(--portal-space-lg);
  background: rgba(255, 255, 255, .035);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid article span {
  color: var(--portal-muted);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid article strong {
  color: var(--portal-text);
  font-size: 1.02rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewActions, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxActions {
  display: flex;
  justify-content: flex-start;
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #partnerProfileOverview .partnerPriceListSummaryBox {
  border-color: var(--portal-border);
  background: rgba(255, 255, 255, .04);
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #partnerProfileOverview .partnerPriceListSummaryBox p {
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #partnerProfileOverview .partnerPriceListSummaryBox a {
  color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceGroup {
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(255, 255, 255, .03);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceGroup h4 {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--portal-border);
  background: rgba(72, 159, 223, .1);
  color: var(--portal-text);
  font-size: 1rem;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRows {
  display: grid;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: baseline;
  padding: 13px 16px;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRow:first-child {
  border-top: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRow span {
  min-width: 0;
  color: var(--portal-text);
  font-weight: 800;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRow strong {
  color: var(--portal-text);
  font-size: 1.02rem;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceRow small {
  grid-column: 1 / -1;
  color: var(--portal-muted);
  font-size: .78rem;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerProfileEmptyText {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(255, 255, 255, .035);
  color: var(--portal-muted);
  font-weight: 700;
}

@media (max-width: 720px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileTabs, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailTabs {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid, :where(body[data-design-system="partner-portal-v1"]) .partnerProfilePriceGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxHero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileStatus {
    justify-self: start;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm {
  display: grid;
  gap: var(--portal-space-lg);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm {
  max-width: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectPicker {
  display: grid;
  gap: var(--portal-space-md);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectPicker label, :where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm > label {
  display: grid;
  width: 100%;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectPicker input, :where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm textarea {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectResults {
  display: grid;
  gap: 10px;
  max-height: 244px;
  overflow: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardProgress {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--portal-space-sm);
  padding: var(--portal-space-sm);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-card);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton {
  position: relative;
  min-height: 50px;
  padding: 0 12px 0 42px !important;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: rgba(7, 20, 47, .72);
  color: var(--portal-muted);
  box-shadow: none;
  font-size: .82rem;
  font-weight: 800;
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton span {
  position: absolute;
  left: 12px;
  top: 50%;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: var(--portal-radius-pill);
  font-size: .72rem;
  transform: translateY(-50%);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.active, :where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete {
  border-color: var(--portal-border-strong);
  background: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--portal-text);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete span {
  background: rgba(72, 159, 223, .22);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStep {
  width: 100%;
  margin: 0;
  padding: var(--portal-space-lg);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(4, 15, 38, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStep.hidden, :where(body[data-design-system="partner-portal-v1"]) .complaintWizardStep[hidden] {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStep {
  position: relative;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStepHead {
  display: grid;
  gap: var(--ap-gap-tight);
  max-width: min(760px, 100%);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStepHead h4, :where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStepHead p {
  margin: var(--ap-space-0);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStepHead h4 {
  color: var(--portal-text);
  font-size: clamp(1.18rem, 2vw, 1.45rem);
  font-weight: 900;
  line-height: 1.2;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStepHead p {
  max-width: 68ch;
  color: var(--portal-muted);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerComplaintForm .complaintWizardStep > :not(.complaintWizardStepHead) {
  position: relative;
  z-index: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummary {
  display: grid;
  gap: var(--portal-space-md);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummary h3, :where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummary p {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummaryRows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--portal-space-md);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummaryRows article {
  display: grid;
  gap: 6px;
  padding: var(--portal-space-md);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-card);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummaryRows span {
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummaryRows strong {
  color: var(--portal-text);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardActions {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--portal-space-sm) !important;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardActions button {
  min-width: 150px !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) #complaintSubmitButton, :where(body[data-design-system="partner-portal-v1"]) #complaintWizardNextButton {
  min-width: 180px !important;
}

:where(body[data-design-system="partner-portal-v1"]) #complaintWizardBackButton:disabled {
  opacity: .46;
  cursor: not-allowed;
}

:where(body[data-design-system="partner-portal-v1"]) #complaintWizardNextButton:disabled {
  opacity: .46;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) #complaintSubmitButton.hidden, :where(body[data-design-system="partner-portal-v1"]) #complaintWizardNextButton.hidden {
  display: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardProgress {
  align-items: start !important;
  gap: 0 !important;
  padding: 12px 10px 14px !important;
  border-color: rgba(72, 159, 223, .18);
  background: rgba(2, 9, 25, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton {
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  min-height: 72px !important;
  padding: 42px 8px 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(201, 216, 234, .72);
  box-shadow: none;
  text-align: center !important;
  line-height: 1.25 !important;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 16px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  border-radius: 999px;
  background: rgba(72, 159, 223, .24);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton:last-child::after {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1;
  left: 50% !important;
  top: 16px !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid rgba(72, 159, 223, .34);
  border-radius: 999px;
  background: #041026;
  color: rgba(201, 216, 234, .72);
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: translate(-50%, -50%) !important;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.active, :where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete {
  border: 0;
  background: transparent;
  color: var(--portal-text);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.active span {
  border-color: rgba(72, 159, 223, .92);
  background: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), 0 0 24px rgba(72, 159, 223, .28);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete span {
  content: "";
  border-color: rgba(72, 159, 223, .74);
  background: rgba(13, 37, 80, .98);
  color: #fff;
  font-size: 0 !important;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete span::after {
  content: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton.isComplete::after {
  background: rgba(72, 159, 223, .62);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption {
  width: 100%;
  display: grid;
  gap: 7px;
  padding: 16px 18px;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--portal-text);
  text-align: left;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption.is-selected, :where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption:hover {
  border-color: var(--ap-ui-border-strong);
  background:
    linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .22);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption.is-selected {
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 36px rgba(0, 0, 0, .22);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption strong {
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintProjectOption span {
  color: var(--portal-muted);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintAttachmentLink {
  padding: var(--portal-space-md) 0;
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintAttachmentList, :where(body[data-design-system="partner-portal-v1"]) .complaintInlineForm, :where(body[data-design-system="partner-portal-v1"]) .complaintMessageList {
  display: grid;
  gap: var(--portal-space-md);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintAttachmentLink {
  display: grid;
  gap: 4px;
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintAttachmentLink span {
  color: var(--portal-text);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintAttachmentLink small {
  color: var(--portal-muted);
}

body[data-design-system="partner-portal-v1"].dashboardMode.profileStandaloneView #profileForm.portalFormSurface {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption {
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  background-color: #020914;
  background-image: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.is-selected, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:active, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:focus, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:hover {
  border-color: var(--ap-ui-border-strong);
  background: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  background-color: #010714;
  background-image: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .24);
  outline: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.is-selected {
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 36px rgba(0, 0, 0, .24);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepper {
  display: grid !important;
  grid-template-columns: repeat(var(--partner-order-step-count, 4), minmax(0, 1fr));
  align-items: start !important;
  gap: 0 !important;
  padding: 12px 10px 14px !important;
  border: 1px solid rgba(72, 159, 223, .18);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  counter-reset: partner-portal-step;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep {
  position: relative !important;
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 72px;
  padding: 42px 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(201, 216, 234, .72);
  box-shadow: none;
  font-size: .86rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.25;
  counter-increment: partner-portal-step;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.hidden, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep[hidden], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.hidden, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep[hidden] {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 16px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  border-radius: 999px;
  background: rgba(72, 159, 223, .24);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep:last-child::after {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep::before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 16px;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(72, 159, 223, .34);
  border-radius: 999px;
  background: #041026;
  color: rgba(201, 216, 234, .72);
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: translate(-50%, -50%);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete {
  border: 0;
  background: transparent;
  color: var(--portal-text);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.active::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.ap-step-active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.ap-step-active::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep[aria-current="step"] > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep[aria-current="step"]::before {
  border-color: rgba(72, 159, 223, .92);
  background: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), 0 0 24px rgba(72, 159, 223, .28);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete::before {
  content: "";
  border-color: rgba(72, 159, 223, .74);
  background: rgba(13, 37, 80, .98);
  color: #fff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete > span::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete::before {
  content: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete::after {
  background: rgba(72, 159, 223, .62);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section {
  display: grid;
  gap: var(--ap-gap-default);
  min-width: 0;
  padding: var(--ap-space-0);
  border: 0;
  border-radius: var(--ap-space-0);
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section + .ap-section {
  margin-top: var(--ap-section-gap);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section-description, :where(body[data-design-system="partner-portal-v1"]) .ap-section-title {
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section-title {
  color: var(--portal-text);
  font-size: 1.2rem;
  font-weight: 850;
  line-height: 1.25;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section-description {
  max-width: var(--portal-width-form);
  color: var(--portal-muted);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.5;
}

.ap-section-body:where([data-design-system="partner-portal-v1"]) {
  display: grid;
  min-width: 0;
  gap: var(--ap-page-gap);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-section-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-section {
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-head {
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar {
  display: grid;
  min-width: 0;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, auto) auto;
  align-items: stretch;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-filters, :where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-filters label, :where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-search {
  min-width: 0;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-filters {
  display: grid;
  align-items: stretch;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-actions .ap-button-secondary {
  height: 100%;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-label {
  position: absolute;
  width: var(--ap-space-1);
  height: var(--ap-space-1);
  margin: calc(var(--ap-space-1) * -1);
  padding: 0;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-meta {
  min-height: 1.3em;
  margin: 0;
  color: var(--portal-muted);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-main {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 980px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-main {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-actions, :where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-filters, :where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-search {
    grid-column: 1;
  }
}

@media (max-width: 640px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-actions .ap-button-secondary {
    width: 100%;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kpi-card {
  display: grid;
  min-width: 0;
  gap: var(--ap-gap-tight);
  padding: var(--ap-card-padding);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kpi-label, :where(body[data-design-system="partner-portal-v1"]) .ap-kpi-meta {
  color: var(--portal-muted);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.35;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kpi-value {
  color: var(--portal-text);
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.1;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: calc(var(--ap-space-5) + var(--ap-space-1));
  align-items: center;
  justify-content: center;
  gap: var(--ap-space-1);
  padding-inline: var(--ap-space-3);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-pill);
  background: rgba(193, 207, 224, .1);
  color: var(--portal-muted);
  box-shadow: none;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.15;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge-neutral {
  border-color: rgba(193, 207, 224, .28);
  background: rgba(193, 207, 224, .1);
  color: rgba(224, 235, 248, .76);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge-info {
  border-color: rgba(72, 159, 223, .36);
  background: rgba(72, 159, 223, .13);
  color: rgba(210, 234, 255, .92);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge-success {
  border-color: rgba(73, 217, 143, .38);
  background: rgba(73, 217, 143, .13);
  color: #79e7af;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge-warning {
  border-color: rgba(255, 217, 115, .36);
  background: rgba(255, 198, 78, .13);
  color: #ffd978;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-badge-danger {
  border-color: rgba(255, 112, 112, .42);
  background: rgba(255, 112, 112, .13);
  color: #ff9d9d;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-card {
  width: 100%;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  color: var(--portal-text);
  box-shadow: var(--portal-shadow);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-card-interactive {
  display: grid;
  width: 100%;
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96)),
    #020914;
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-card-interactive.ap-card-selected, :where(body[data-design-system="partner-portal-v1"]) .ap-card-interactive.is-selected, :where(body[data-design-system="partner-portal-v1"]) .ap-card-interactive:is(:hover, :focus, :focus-visible, :active), :where(body[data-design-system="partner-portal-v1"]) .ap-card-selected {
  border-color: var(--ap-ui-border-strong);
  background:
    linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98)),
    #010714;
  color: var(--portal-text);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .24);
  outline: none;
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-section-head {
    display: grid;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-danger, :where(body[data-design-system="partner-portal-v1"]) .ap-button-primary, :where(body[data-design-system="partner-portal-v1"]) .ap-button-secondary {
  min-height: 44px;
  padding: 0 18px;
  border-radius: var(--portal-radius-control);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-primary {
  border: 1px solid rgba(101, 189, 255, .5);
  background: var(--ap-ui-button);
  color: var(--portal-text);
  box-shadow: 0 14px 30px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-secondary {
  border: 1px solid var(--portal-border);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-danger {
  border: 1px solid rgba(255, 112, 112, .46);
  background: linear-gradient(135deg, rgba(176, 43, 43, .92), rgba(92, 18, 30, .88));
  color: #fff;
  box-shadow: 0 14px 30px rgba(176, 43, 43, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-stepper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: var(--portal-space-sm);
  padding: var(--portal-space-sm);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .42);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-step {
  position: relative;
  min-height: 48px;
  padding: 0 14px 0 46px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: var(--portal-muted);
  font-size: .86rem;
  font-weight: 800;
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-step::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: var(--portal-radius-pill);
  transform: translateY(-50%);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-step-active, :where(body[data-design-system="partner-portal-v1"]) .ap-step-complete, :where(body[data-design-system="partner-portal-v1"]) .ap-step.active, :where(body[data-design-system="partner-portal-v1"]) .ap-step.isComplete {
  border-color: var(--portal-border-strong);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-step-complete::before, :where(body[data-design-system="partner-portal-v1"]) .ap-step.isComplete::before {
  content: "";
  display: grid;
  place-items: center;
  background: rgba(13, 37, 80, .98);
  color: #fff;
  font-size: .75rem;
  line-height: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input, :where(body[data-design-system="partner-portal-v1"]) .ap-select, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea {
  width: 100%;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--ap-ui-control);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  font: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input, :where(body[data-design-system="partner-portal-v1"]) .ap-select {
  min-height: 44px;
  padding: 0 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-textarea {
  min-height: 132px;
  padding: 12px 14px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input::placeholder, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea::placeholder {
  color: rgba(214, 231, 250, .48);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input:focus, :where(body[data-design-system="partner-portal-v1"]) .ap-select:focus, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea:focus {
  outline: none;
  border-color: var(--portal-border-strong);
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .16), inset 0 1px 0 rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-upload {
  border: 1px dashed var(--portal-border-strong);
  border-radius: var(--portal-radius-card);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .12), rgba(255, 255, 255, .025)),
    var(--portal-card);
  color: var(--portal-text);
  padding: var(--portal-space-lg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive {
  border: 1px solid var(--ap-ui-border);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  background-color: #020914;
  background-image: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 30px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive.is-selected, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:active, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:focus, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:hover {
  border-color: var(--ap-ui-border-strong);
  background: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  background-color: #010714;
  background-image: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .24);
  outline: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive.is-selected {
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 36px rgba(0, 0, 0, .24);
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomePremiumGrid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton {
    min-height: 180px !important;
    padding: var(--portal-space-lg) !important;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileInfoGrid, :where(body[data-design-system="partner-portal-v1"]) .partnerProfileOverviewHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"]) .partnerAdminDetailBoxHero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerProfileStatus {
    justify-self: start;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardProgress, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepper, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderModulePowerInputs, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton {
    justify-items: start;
    min-height: 48px;
    padding: 0 12px 0 46px;
    text-align: left;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::before {
    left: 20px;
    top: 50%;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardStepButton::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep::after, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::after {
    left: 20px;
    top: calc(50% + 18px);
    width: 2px;
    height: calc(100% - 34px);
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardSummaryRows {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardActions {
    justify-content: stretch;
  }
}

@media (max-width: 820px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintWizardActions > button, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardActions > button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardActions > button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardActions > button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardActions > button {
    flex: 1 1 100%;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardActions {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardActions [data-complaint-action="list"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardBackButton {
    grid-column: 1;
  }
}

@media (max-width: 820px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintSubmitButton, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardNextButton {
    grid-column: 2;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDangerActions, :where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationEditor {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDangerActions {
  justify-items: end;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationEditor {
  padding-top: 14px;
  border-top: 1px solid rgba(72, 159, 223, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationEditorHead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationEditorHead div {
  display: grid;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationRows {
  display: grid;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationRow {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) minmax(160px, 1fr) minmax(120px, .7fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(72, 159, 223, .18);
  border-radius: 14px;
  background: rgba(2, 12, 32, .42);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerOrderCalculationRow label {
  display: grid;
  gap: 6px;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="complaint"]) #partnerProjectsCards #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #accountingList #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminAccountsList #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminStatisticsContent #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #emailAutomationList #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #partnerAdminOverviewList #partnerComplaintForm.partnerComplaintForm.ap-card, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #upcomingAppointmentsList #partnerComplaintForm.partnerComplaintForm.ap-card {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: var(--ap-gap-loose) !important;
  overflow: visible !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="complaint"]) #partnerProjectsCards #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #accountingList #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminAccountsList #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminStatisticsContent #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #emailAutomationList #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #partnerAdminOverviewList #partnerComplaintForm.partnerComplaintForm.ap-card::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #upcomingAppointmentsList #partnerComplaintForm.partnerComplaintForm.ap-card::before {
  display: none !important;
}

body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="complaint"]) #partnerProjectsCards #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #accountingList #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminAccountsList #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #adminStatisticsContent #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #emailAutomationList #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #partnerAdminOverviewList #partnerComplaintForm.partnerComplaintForm.ap-card > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]:where([data-ui-archetype="complaint"]) #upcomingAppointmentsList #partnerComplaintForm.partnerComplaintForm.ap-card > * {
  position: relative;
  z-index: 1;
}

:where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.partnerHomeActionCard)
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.adminMetric)
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.choiceButton)
) {
  border-color: var(--ap-ui-border);
  background: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  background-color: #020914;
  background-image: linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.partnerHomeActionCard)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.adminMetric)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.choiceButton)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]) {
  border-color: var(--ap-ui-border-strong);
  background: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  background-color: #010714;
  background-image: linear-gradient(145deg, rgba(3, 13, 34, .98), rgba(1, 7, 20, .98));
  color: var(--portal-text);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 36px rgba(0, 0, 0, .24);
  outline: none;
}

:where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.partnerHomeActionCard)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]) *, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.adminMetric)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]) *, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) :is(
  .partnerProjectCard.partnerCardInteractive,
  .complaintProjectOption.partnerCardInteractive,
  .ap-card-interactive:not(.choiceButton)
):is(:hover, :focus, :focus-visible, :active, .is-selected, [aria-selected="true"], [aria-current="true"]) * {
  background-color: transparent;
  background-image: none;
}

:where(body[data-design-system="partner-portal-v1"]) #partnerOrderForm .partnerOrderWizardProgress, :where(body[data-design-system="partner-portal-v1"]) .complaintWizardProgress, :where(body[data-design-system="partner-portal-v1"]) .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress {
  background: rgba(2, 9, 25, .42);
  background-color: rgba(2, 9, 25, .42);
  background-image: none;
}

:where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #partnerOrderForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountingSettingsForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #adminAccountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]) {
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: var(--portal-text);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #partnerOrderForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]) > span, :where(body[data-design-system="partner-portal-v1"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #partnerOrderForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"])::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]) > span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"])::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountingSettingsForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]) > span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #accountingSettingsForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"])::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #adminAccountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"]) > span, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) :is(
  .partnerPortalStepperStep,
  .complaintWizardStepButton,
  #adminAccountForm .partnerOrderWizardStepButton
):is(:hover, :focus, :focus-visible, :active, .active, .isComplete, [aria-current="step"], [aria-current="true"])::before {
  border-color: rgba(72, 159, 223, .82);
  background: linear-gradient(145deg, rgba(13, 37, 80, .98), rgba(4, 16, 42, .98));
  background-color: #0d2550;
  background-image: linear-gradient(145deg, rgba(13, 37, 80, .98), rgba(4, 16, 42, .98));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), 0 0 22px rgba(72, 159, 223, .22);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive {
  position: relative !important;
  min-height: 92px !important;
  padding: 18px 20px !important;
  gap: 9px !important;
  align-content: center !important;
  border-color: rgba(72, 159, 223, .22);
  border-radius: var(--portal-radius-card);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .14), transparent 36%),
    linear-gradient(145deg, rgba(8, 22, 50, .98), rgba(2, 9, 25, .95));
  background-color: #020914;
  background-image:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .14), transparent 36%),
    linear-gradient(145deg, rgba(8, 22, 50, .98), rgba(2, 9, 25, .95));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .2);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive strong {
  color: var(--portal-text);
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive span {
  color: rgba(201, 216, 234, .76);
  font-size: .9rem !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:active, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:focus, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:hover {
  border-color: rgba(72, 159, 223, .46);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .18), transparent 36%),
    linear-gradient(145deg, rgba(5, 18, 45, .98), rgba(1, 7, 20, .98));
  background-color: #010714;
  background-image:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .18), transparent 36%),
    linear-gradient(145deg, rgba(5, 18, 45, .98), rgba(1, 7, 20, .98));
  box-shadow: 0 0 0 1px rgba(72, 159, 223, .16), inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 42px rgba(0, 0, 0, .28);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive.ap-card-selected, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive.is-selected {
  border-color: rgba(72, 159, 223, .72);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .18), transparent 36%),
    linear-gradient(145deg, rgba(5, 18, 45, .98), rgba(1, 7, 20, .98));
  background-color: #010714;
  background-image:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .18), transparent 36%),
    linear-gradient(145deg, rgba(5, 18, 45, .98), rgba(1, 7, 20, .98));
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .24), inset 0 1px 0 rgba(255, 255, 255, .08), 0 20px 48px rgba(0, 0, 0, .3);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectPicker {
  gap: 10px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectPicker label {
  gap: 6px !important;
  color: rgba(201, 216, 234, .76);
  font-size: .82rem !important;
  font-weight: 800 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintProjectSearch {
  min-height: 44px !important;
  padding-block: 10px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectResults {
  gap: 9px !important;
  max-height: 222px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardActions {
  display: grid !important;
  grid-template-columns: minmax(120px, max-content) 1fr max-content max-content;
  align-items: center !important;
  gap: var(--ap-gap-tight) !important;
  margin-top: var(--ap-space-0) !important;
  padding-top: var(--ap-space-2) !important;
  border-top: 1px solid rgba(72, 159, 223, .16);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardActions > button {
  flex: initial !important;
  min-height: 44px !important;
  min-width: 0 !important;
  border-radius: 14px;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardActions [data-complaint-action="list"] {
  grid-column: 1;
  justify-self: start;
  padding-inline: var(--ap-space-3) !important;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: rgba(201, 216, 234, .72);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardBackButton {
  grid-column: 3;
  min-width: 112px !important;
  padding-inline: var(--ap-space-4) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintSubmitButton, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardNextButton {
  grid-column: 4;
  min-width: 174px !important;
  padding-inline: var(--ap-space-5) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintSubmitButton.hidden, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardNextButton.hidden {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive {
  min-height: 86px !important;
  padding-right: 52px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive::after {
  content: none;
  position: absolute;
  right: 18px;
  top: 50%;
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: 999px;
  color: rgba(201, 216, 234, .66);
  font-size: .95rem;
  font-weight: 900;
  transform: translateY(-50%);
  transition: border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive.ap-card-selected::after, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive.is-selected::after, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:focus-visible::after, body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption.partnerCardInteractive:hover::after {
  border-color: rgba(72, 159, 223, .58);
  color: var(--portal-text);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12);
  transform: translate(2px, -50%);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: var(--portal-radius-card);
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 159, 223, .14), transparent 36%),
    linear-gradient(145deg, rgba(8, 22, 50, .94), rgba(2, 9, 25, .96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 34px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary.hidden {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary span {
  color: rgba(201, 216, 234, .68);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary strong {
  overflow: hidden;
  color: var(--portal-text);
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary small {
  color: var(--portal-muted);
  font-size: .88rem;
  line-height: 1.35;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary button {
  min-height: 38px !important;
  padding-inline: 14px !important;
  white-space: nowrap;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectPicker.has-selected-project {
  gap: 10px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm.partnerComplaintForm {
  gap: var(--ap-section-gap) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .portalSurfaceHead {
  display: grid !important;
  gap: var(--ap-gap-tight) !important;
  max-width: min(840px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .portalSurfaceHead h3 {
  margin: 0 !important;
  color: var(--portal-text);
  font-size: clamp(1.8rem, 3vw, 2.55rem) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .portalSurfaceHead .mutedText {
  max-width: min(840px, 100%) !important;
  margin: 0 !important;
  color: var(--portal-muted);
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep {
  position: relative !important;
  display: grid !important;
  overflow: visible !important;
  gap: var(--portal-space-md) !important;
  padding: calc(var(--portal-space-xl) + 10px) var(--portal-space-xl) var(--portal-space-xl) !important;
  border-color: rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-card);
  background:
    radial-gradient(circle at 8% 0%, rgba(72, 159, 223, .12), transparent 34%),
    linear-gradient(145deg, rgba(8, 22, 50, .72), rgba(2, 9, 25, .54));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 20px 52px rgba(0, 0, 0, .18);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep::before {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStepHead {
  margin-bottom: var(--ap-space-2) !important;
  position: relative;
  z-index: 1;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardSummaryRows article {
  padding: var(--portal-space-md) !important;
  border-color: var(--portal-border);
  background: var(--portal-card);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardProgress, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .partnerPortalStepper {
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardProgress {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep {
  margin-top: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep.hidden, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep[hidden] {
  display: none !important;
}

body.dashboardMode.roleAdmin:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .advisorCard, body.dashboardMode.roleAdmin:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .dashboardHeadModern {
  display: none !important;
}

body.dashboardMode.roleAdmin:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .adminImpersonationBanner {
  margin: 0 0 10px;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: .82rem;
  line-height: 1.35;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary button {
    justify-self: start;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
  border-color: rgba(72, 159, 223, .18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .11), transparent 34%),
    linear-gradient(180deg, rgba(8, 22, 50, .98), rgba(2, 9, 25, .96));
  box-shadow: 0 22px 58px rgba(2, 9, 25, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-section, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSection {
  gap: var(--ap-space-1) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSection + .sidebarSection {
  margin-top: var(--ap-space-3) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionItems {
  gap: var(--ap-space-1) !important;
  padding-left: 0 !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton {
  position: relative !important;
  min-height: 34px !important;
  padding: var(--ap-space-2) var(--ap-space-3) var(--ap-space-2) var(--ap-space-5) !important;
  border: 0;
  border-radius: var(--ap-space-2);
  background: transparent;
  color: rgba(235, 243, 255, .7);
  box-shadow: none;
  font-size: .88rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 var(--ap-space-2);
  width: var(--ap-space-1);
  border-radius: var(--portal-radius-pill);
  background: transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item:focus-visible, :where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton:hover {
  border-color: transparent;
  background: rgba(255, 255, 255, .045);
  color: #ffffff;
  box-shadow: none;
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item.isActive, :where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item[aria-current="page"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.isActive, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton[aria-current="page"] {
  border-color: transparent;
  background: rgba(8, 22, 50, .72);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
  transform: none !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item.isActive::before, :where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-item[aria-current="page"]::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.active::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton.isActive::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarNavButton[aria-current="page"]::before {
  background: rgba(72, 159, 223, .76);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton {
  min-height: 38px !important;
  padding: 0 var(--ap-space-2) !important;
  border-color: transparent;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, .9);
  font-size: 1rem !important;
  font-weight: 400 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton:hover {
  border-color: transparent;
  background: rgba(255, 255, 255, .045);
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton.isActive, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarSectionTitleButton[aria-current="page"] {
  border-color: transparent;
  background: rgba(72, 159, 223, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-search, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearch {
  gap: 8px !important;
  margin-top: 14px !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-search input, body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearch input {
  min-height: 40px !important;
  border-color: rgba(72, 159, 223, .24);
  border-radius: 12px;
  background: rgba(2, 12, 32, .64);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-search input:focus, body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearch input:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearch input:focus {
  border-color: rgba(72, 159, 223, .64);
  background: rgba(4, 15, 38, .88);
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .14), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton, body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton:hover {
  background:
    linear-gradient(145deg, rgba(6, 18, 44, .94), rgba(2, 9, 25, .9));
  color: #ffffff;
}

body:where([data-design-system="partner-portal-v1"]) .sidebarCustomerSearchResultButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarCustomerSearchResultButton:hover {
  border-color: rgba(72, 159, 223, .44);
  box-shadow: 0 16px 36px rgba(3, 9, 28, .24), inset 0 1px 0 rgba(255, 255, 255, .1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-sidebar-footer, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter {
  gap: var(--ap-space-2) !important;
  margin-top: auto !important;
  padding-top: var(--ap-space-3) !important;
  border-top-color: rgba(72, 159, 223, .16);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooterRow {
  gap: var(--ap-space-2) !important;
  align-items: center !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineAdminPortalButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineLogoutButton {
  min-height: 34px !important;
  padding: var(--ap-space-2) var(--ap-space-3) !important;
  border: 0;
  border-radius: var(--ap-space-2);
  background: transparent;
  color: rgba(235, 243, 255, .72);
  box-shadow: none;
  font-size: .86rem !important;
  font-weight: 400 !important;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineAdminPortalButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineAdminPortalButton:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineLogoutButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarInlineLogoutButton:hover {
  border-color: transparent;
  background: rgba(255, 255, 255, .045);
  color: #ffffff;
  box-shadow: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter .sidebarNotificationButton {
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 var(--ap-space-2) !important;
  border-color: rgba(72, 159, 223, .14);
  border-radius: var(--ap-space-2);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter .sidebarNotificationButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter .sidebarNotificationButton:hover {
  border-color: rgba(72, 159, 223, .24);
  background: rgba(255, 255, 255, .055);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .appSidebar, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarRail {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarTop {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarBrandTop, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarCustomerSearch, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarFooter, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarNav, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarNotificationWrap, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarProfileCard {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarControls {
  position: static !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: auto !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarArrowButton {
  position: static !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 12px;
  background: rgba(8, 22, 50, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  color: #ffffff;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarArrowButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarArrowButton:hover {
  border-color: rgba(72, 159, 223, .52);
  background: rgba(12, 35, 72, .82);
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body.dashboardMode:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .advisorCard, body.dashboardMode:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .dashboardHeadModern {
  display: none !important;
}

body.dashboardMode:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .adminImpersonationBanner {
  margin: 0 0 8px !important;
  padding: 7px 11px !important;
  border-radius: 12px;
  font-size: .8rem !important;
  line-height: 1.3 !important;
}

body.dashboardMode:is([data-ui-archetype="complaint"], [data-ui-archetype="wizard"]) .appContent {
  gap: 12px !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #upcomingAppointments {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--ap-space-6) !important;
  gap: var(--ap-gap-loose) !important;
  overflow: hidden !important;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 10% 0%, rgba(72, 159, 223, .18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    var(--portal-surface);
  box-shadow: var(--portal-shadow);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsPanel.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #accountingPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminAccountsPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminStatisticsPanel.statisticsPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #emailAutomationPanel.recommendationForm::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #montageCalendarPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerAdminOverviewPanel.portalPanel::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #reonicOrdersPanel.ap-section::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #taskWorkQueueRoot::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #upcomingAppointments::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(72, 159, 223, .08), transparent 210px);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsPanel.reviewBox > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #accountingPanel.recommendationForm > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminAccountsPanel.recommendationForm > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminStatisticsPanel.statisticsPanel > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #emailAutomationPanel.recommendationForm > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #montageCalendarPanel > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerAdminOverviewPanel.portalPanel > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #reonicOrdersPanel.ap-section > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #taskWorkQueueRoot > *, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #upcomingAppointments > * {
  position: relative;
  z-index: 1;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="complaint"]) #upcomingAppointmentsList.partnerProjectsCards {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsBackButton.linkButton {
  justify-self: start;
  width: auto !important;
  min-height: 44px;
  padding: 0 16px !important;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsBackButton.linkButton:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerProjectsBackButton.linkButton:hover {
  border-color: var(--portal-border-strong);
  background: rgba(10, 28, 60, .96);
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardBackButton {
  border-color: var(--portal-border);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardBackButton:not(:disabled):focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintWizardBackButton:not(:disabled):hover {
  border-color: var(--portal-border-strong);
  background: rgba(10, 28, 60, .96);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.active::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.ap-step-active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.ap-step-active::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep[aria-current="step"] > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep[aria-current="step"]::before {
  border-color: rgba(72, 159, 223, .92);
  background: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  background-color: rgba(72, 159, 223, .92);
  background-image: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), 0 0 24px rgba(72, 159, 223, .28);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete::before {
  border-color: rgba(72, 159, 223, .74);
  background: rgba(13, 37, 80, .98);
  background-color: rgba(13, 37, 80, .98);
  background-image: none;
  color: #fff;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input, :where(body[data-design-system="partner-portal-v1"]) .ap-select, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  width: 100% !important;
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: 15px;
  background: rgba(255, 255, 255, .94);
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(29, 76, 111, .05);
  font: inherit !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input, :where(body[data-design-system="partner-portal-v1"]) .ap-select, body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input:not([type="checkbox"]):not([type="radio"]), select) {
  min-height: 50px !important;
  padding: 0 15px !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-textarea, body:where([data-design-system="partner-portal-v1"]).dashboardMode textarea {
  min-height: 136px !important;
  padding: 14px 15px !important;
  line-height: 1.5 !important;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select, body:where([data-design-system="partner-portal-v1"]).dashboardMode select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--portal-text-secondary) 50%),
    linear-gradient(135deg, var(--portal-text-secondary) 50%, transparent 50%),
    none;
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%,
    0 0;
  background-size:
    6px 6px,
    6px 6px,
    100% 100%;
  background-repeat: no-repeat;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select option, body:where([data-design-system="partner-portal-v1"]).dashboardMode select option {
  background: #ffffff;
  color: var(--portal-text-primary);
  font-weight: 400;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input::placeholder, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea::placeholder, body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input, textarea)::placeholder {
  color: var(--portal-text-muted);
  font-weight: 400;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-input:focus, :where(body[data-design-system="partner-portal-v1"]) .ap-select:focus, :where(body[data-design-system="partner-portal-v1"]) .ap-textarea:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  outline: none;
  border-color: rgba(72, 159, 223, .72);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-sm);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode select:focus {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--portal-text-primary) 50%),
    linear-gradient(135deg, var(--portal-text-primary) 50%, transparent 50%),
    none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2 {
  position: relative;
  width: 100%;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-native {
  position: absolute !important;
  width: var(--ap-space-1) !important;
  height: var(--ap-space-1) !important;
  min-height: 0 !important;
  margin: calc(var(--ap-space-1) * -1) !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  border: 0;
  white-space: nowrap !important;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: var(--ap-control-height);
  padding: 0 var(--ap-space-3) 0 var(--ap-space-4);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--ap-ui-control);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  font: inherit;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger:hover {
  border-color: var(--portal-border-strong);
  background: rgba(8, 22, 50, .94);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger.is-open, :where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger:focus-visible {
  border-color: var(--portal-border-strong);
  background: var(--ap-ui-control);
  color: var(--portal-text);
  box-shadow: 0 0 0 var(--ap-space-1) rgba(72, 159, 223, .14), inset 0 1px 0 rgba(255, 255, 255, .1);
  outline: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger:disabled {
  opacity: .52;
  cursor: not-allowed;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-icon {
  display: grid;
  width: var(--ap-space-5);
  place-items: center;
  color: var(--portal-muted);
  font-size: 1rem;
  line-height: 1;
  transition: transform .16s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-trigger.is-open .ap-select-v2-icon {
  transform: rotate(180deg);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-menu {
  position: fixed;
  z-index: var(--ap-z-popover);
  display: grid;
  gap: var(--ap-space-1);
  min-width: min(100%, 12rem);
  padding: var(--ap-space-2);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--ap-ui-surface-strong);
  color: var(--portal-text);
  box-shadow: 0 var(--ap-space-4) var(--ap-space-7) rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .07);
  scrollbar-color: rgba(72, 159, 223, .48) transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-menu[hidden] {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option {
  position: relative;
  display: grid;
  min-height: var(--ap-space-7);
  align-content: center;
  gap: var(--ap-space-1);
  padding: var(--ap-space-2) var(--ap-space-3);
  border-radius: calc(var(--portal-radius-control) - var(--ap-space-1));
  background: transparent;
  color: var(--portal-muted);
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option:is(:hover, .is-active) {
  background: rgba(255, 255, 255, .05);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option.is-selected {
  padding-left: var(--ap-space-4);
  background: rgba(72, 159, 223, .12);
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option.is-selected::before {
  content: "";
  position: absolute;
  inset: var(--ap-space-2) auto var(--ap-space-2) 0;
  width: var(--ap-space-1);
  border-radius: var(--portal-radius-pill);
  background: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option.is-disabled {
  opacity: .44;
  cursor: not-allowed;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option.is-disabled:hover {
  background: transparent;
  color: var(--portal-muted);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option-label {
  color: inherit;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.25;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-option-meta {
  color: var(--portal-muted);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.3;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-select-v2-empty {
  margin: 0;
  padding: var(--ap-space-3);
  color: var(--portal-muted);
  font-size: .82rem;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .profileEditor,
  .formGrid,
  .partnerPriceRuleGrid,
  .partnerComplaintForm,
  #accountForm,
  #partnerOrderDetailForm,
  #partnerComplaintMessageForm,
  #partnerComplaintAttachmentForm
) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .profileEditor,
  .formGrid,
  .partnerPriceRuleGrid,
  .partnerComplaintForm,
  #accountingSettingsForm,
  #partnerOrderDetailForm,
  #partnerComplaintMessageForm,
  #partnerComplaintAttachmentForm
) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .profileEditor,
  .formGrid,
  .partnerPriceRuleGrid,
  .partnerComplaintForm,
  #adminAccountForm,
  #partnerOrderDetailForm,
  #partnerComplaintMessageForm,
  #partnerComplaintAttachmentForm
) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .loginForm,
  .recommendationForm,
  .noticeBox,
  .adminAccountForm,
  .profileEditor,
  .formGrid,
  .partnerPriceRuleGrid,
  .partnerComplaintForm,
  #partnerOrderForm,
  #partnerOrderDetailForm,
  #partnerComplaintMessageForm,
  #partnerComplaintAttachmentForm
) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.partnerOrderWizardStep, .complaintWizardStep) label {
  gap: 9px !important;
  color: rgba(235, 243, 255, .84);
  font-size: .83rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .tableWrap:not(.reonicKanbanWrap),
  .statisticsContent,
  .statisticsTableWrap,
  .accountingSummary,
  .accountingList,
  .emailAutomationList,
  .adminAccountsLayout,
  .partnerAdminStatsGrid,
  .partnerAdminOrdersList,
  .partnerProjectsMapPanel,
  .montageCalendarShell,
  .montageCalendarGrid,
  .montageCalendarAgenda,
  .projectRecordSection,
  .partnerOrderAttachmentsSection,
  .chatBox,
  .complaintWizardStep,
  .partnerOrderWizardStep,
  .complaintWizardSummaryRows article,
  .partnerOrderWizardSummaryRows article
), body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .tableWrap:not(.reonicKanbanWrap),
  .statisticsContent,
  .statisticsTableWrap,
  .accountingSummary,
  .accountingList,
  .emailAutomationList,
  .adminAccountsLayout,
  .partnerAdminStatsGrid,
  .partnerAdminOrdersList,
  .partnerProjectsMapPanel,
  .montageCalendarShell,
  .montageCalendarGrid,
  .montageCalendarAgenda,
  .partnerOrderDetailPanel,
  .partnerOrderAttachmentsSection,
  .chatBox,
  .complaintWizardStep,
  .partnerOrderWizardStep,
  .complaintWizardSummaryRows article,
  .partnerOrderWizardSummaryRows article
) {
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-card);
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .72), rgba(2, 9, 25, .58));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 20px 52px rgba(0, 0, 0, .18);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap {
  padding: var(--ap-space-0) !important;
  overflow: hidden !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .projectListTable, body:where([data-design-system="partner-portal-v1"]).dashboardMode .reonicTable, body:where([data-design-system="partner-portal-v1"]).dashboardMode .statisticsTable, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: var(--ap-space-0) !important;
  color: var(--portal-text);
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.tableWrap, .statisticsTableWrap) :is(thead, th) {
  color: rgba(228, 239, 252, .86);
  background: rgba(2, 9, 25, .72);
  font-size: .78rem !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.tableWrap, .statisticsTableWrap) :is(th, td) {
  border-bottom: 1px solid rgba(72, 159, 223, .14);
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.tableWrap, .statisticsTableWrap) tbody tr {
  background: rgba(2, 9, 25, .34);
  transition: background .16s ease, box-shadow .16s ease, color .16s ease;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.tableWrap, .statisticsTableWrap) tbody tr:hover {
  background: rgba(8, 22, 50, .78);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(72, 159, 223, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap {
  padding: var(--ap-space-0) !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap::before {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable {
  display: block !important;
  width: 100% !important;
  min-width: 980px;
  border-collapse: separate !important;
  border-spacing: var(--ap-space-0) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable thead {
  display: grid !important;
  gap: var(--ap-gap-default) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable thead tr {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.25fr) minmax(300px, .95fr) minmax(140px, .34fr) minmax(170px, .42fr);
  align-items: center;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable thead tr {
  border: 1px solid rgba(72, 159, 223, .14);
  border-radius: var(--ap-radius-md);
  background: rgba(2, 9, 25, .58);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable th {
  display: flex !important;
  align-items: center;
  width: auto !important;
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable th {
  padding: var(--ap-space-2) var(--ap-space-5) var(--ap-space-3) !important;
  color: rgba(228, 239, 252, .74);
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .tableSortButton {
  min-height: auto !important;
  padding: var(--ap-space-0) !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(228, 239, 252, .86);
  box-shadow: none;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .tableSortButton:focus, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .tableSortButton:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .tableSortButton:hover {
  border: 0;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  outline: none;
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr {
  overflow: hidden;
  border: 1px solid rgba(72, 159, 223, .22);
  border-radius: var(--ap-radius-lg);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(72, 159, 223, .035)),
    rgba(5, 18, 46, .76);
  box-shadow: none;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr:hover {
  border-color: rgba(72, 159, 223, .46);
  background:
    linear-gradient(145deg, rgba(72, 159, 223, .18), rgba(255, 255, 255, .045)),
    rgba(8, 24, 58, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 18px 44px rgba(72, 159, 223, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody td {
  display: flex !important;
  align-items: center;
  width: auto !important;
  min-width: 0;
  border: 0;
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody td:first-child strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody td:first-child {
  border-radius: var(--ap-radius-lg) 0 0 var(--ap-radius-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody td:last-child {
  border-radius: 0 var(--ap-radius-lg) var(--ap-radius-lg) 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr:hover td {
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .reonicModuleStatus {
  justify-content: center;
  min-width: 170px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .primaryButton,
  .secondaryButton,
  .ghostButton,
  .bigInviteButton,
  .compactActionButton,
  .reviewButton,
  .billingActionButton,
  .adminActionButton,
  .mapFilterButton,
  .uploadButton,
  .tableSortButton,
  .ap-button-primary,
  .ap-button-secondary
) {
  min-height: calc(var(--ap-space-6) + var(--ap-space-3)) !important;
  border-radius: var(--portal-radius-control);
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .secondaryButton,
  .ghostButton,
  .compactActionButton,
  .reviewButton,
  .billingActionButton,
  .adminActionButton,
  .mapFilterButton,
  .tableSortButton,
  .ap-button-secondary
) {
  border: 1px solid var(--portal-border);
  background: var(--portal-card);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .primaryButton,
  .bigInviteButton,
  .ap-button-primary
) {
  border: 1px solid rgba(101, 189, 255, .5);
  background: var(--ap-ui-button);
  color: var(--portal-text);
  box-shadow: 0 14px 30px rgba(72, 159, 223, .18), inset 0 1px 0 rgba(255, 255, 255, .16);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .primaryButton,
  .secondaryButton,
  .ghostButton,
  .bigInviteButton,
  .compactActionButton,
  .reviewButton,
  .billingActionButton,
  .adminActionButton,
  .mapFilterButton,
  .uploadButton,
  .tableSortButton,
  .ap-button-primary,
  .ap-button-secondary
):is(:hover, :focus-visible) {
  border-color: var(--portal-border-strong);
  color: var(--portal-text);
  box-shadow: 0 0 0 var(--ap-space-1) rgba(72, 159, 223, .14), 0 18px 42px rgba(3, 9, 28, .3), inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.dangerButton, .ap-button-danger, .dangerSoftButton) {
  border: 1px solid rgba(255, 112, 112, .46);
  border-radius: var(--portal-radius-control);
  background: linear-gradient(135deg, rgba(176, 43, 43, .92), rgba(92, 18, 30, .88));
  color: #fff;
  box-shadow: 0 14px 30px rgba(176, 43, 43, .18), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .portalUploadDropzone,
  .ap-upload,
  .preparationDropZone,
  .chatAttachmentField,
  .partnerOrderUploadArea
) {
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: var(--portal-radius-card);
  background:
    linear-gradient(145deg, rgba(8, 22, 50, .9), rgba(2, 9, 25, .74));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .portalUploadDropzone,
  .ap-upload,
  .preparationDropZone,
  .chatAttachmentField,
  .partnerOrderUploadArea
):is(:hover, :focus-within) {
  border-color: var(--portal-border-strong);
  background:
    linear-gradient(145deg, rgba(6, 20, 51, .96), rgba(1, 7, 20, .9));
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .12), inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.empty, .emptyState, .adminAccountEmptyState) {
  padding: var(--ap-space-5) !important;
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .42);
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(h2, h3, h4) {
  color: var(--portal-text);
  letter-spacing: 0 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.step, .partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline) {
  color: rgba(235, 243, 255, .84);
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.mutedText, small, .tableSubtext, .partnerProjectField span) {
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton:is(.active, .ap-step-active, [aria-current="step"]) > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton:is(.active, .ap-step-active, [aria-current="step"])::before {
  content: counter(partner-complaint-step) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 50% !important;
  top: 16px !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid rgba(72, 159, 223, .92);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  background-color: rgba(72, 159, 223, .92);
  background-image: linear-gradient(145deg, rgba(72, 159, 223, .92), rgba(20, 27, 77, .92));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(2, 9, 25, .92), 0 0 24px rgba(72, 159, 223, .28);
  transform: translate(-50%, -50%) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel.hidden {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .formHead {
  align-items: end !important;
  gap: var(--ap-gap-default) !important;
  margin: 0 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .formHead h3 {
  margin: 0 !important;
  font-size: clamp(30px, 4.2vw, 54px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSummary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--ap-gap-tight) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric {
  display: grid !important;
  align-content: center !important;
  gap: var(--ap-space-1) !important;
  min-height: 0 !important;
  padding: var(--ap-space-4) !important;
  border: 1px solid rgba(72, 159, 223, .18);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .38);
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  transform: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric:hover {
  border-color: rgba(72, 159, 223, .3);
  background: rgba(5, 17, 42, .54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric span {
  color: var(--portal-muted);
  font-size: .84rem !important;
  line-height: 1.25 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric strong {
  color: var(--portal-text);
  font-size: clamp(22px, 2.4vw, 32px) !important;
  line-height: 1.05 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingList {
  display: grid !important;
  gap: var(--ap-gap-tight) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard {
  display: grid !important;
  grid-template-columns: minmax(24ch, 1.5fr) minmax(16ch, .8fr) auto !important;
  align-items: center !important;
  gap: var(--ap-gap-default) !important;
  min-width: 0 !important;
  padding: var(--ap-space-4) !important;
  border: 1px solid rgba(72, 159, 223, .18);
  border-radius: var(--portal-radius-card);
  background: linear-gradient(145deg, rgba(8, 22, 50, .78), rgba(2, 9, 25, .72));
  color: var(--portal-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard:is(:hover, :focus-within) {
  border-color: rgba(72, 159, 223, .42);
  background: linear-gradient(145deg, rgba(12, 33, 73, .84), rgba(2, 9, 25, .8));
  box-shadow: 0 0 0 2px rgba(72, 159, 223, .1), 0 18px 42px rgba(3, 9, 28, .2), inset 0 1px 0 rgba(255, 255, 255, .08);
  transform: translateY(-1px) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceAmount, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceMain {
  display: grid !important;
  gap: var(--ap-space-1) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceAmount strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceMain strong {
  color: var(--portal-text);
  font-size: 1.08rem !important;
  line-height: 1.15 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceAmount small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceMain p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceMain small {
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--portal-muted);
  line-height: 1.3 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceMain p {
  color: rgba(235, 243, 255, .9);
  font-weight: 850 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: calc(var(--ap-space-5) + var(--ap-space-1)) !important;
  padding-inline: var(--ap-space-3) !important;
  border: 1px solid rgba(255, 217, 115, .36);
  border-radius: var(--portal-radius-pill);
  background: rgba(255, 198, 78, .13);
  color: #ffd978;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-paid {
  border-color: rgba(73, 217, 143, .38);
  background: rgba(73, 217, 143, .13);
  color: #79e7af;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-overdue {
  border-color: rgba(255, 112, 112, .42);
  background: rgba(255, 112, 112, .13);
  color: #ff9d9d;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-cancelled {
  border-color: rgba(193, 207, 224, .28);
  background: rgba(193, 207, 224, .1);
  color: rgba(214, 231, 250, .7);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceActions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: var(--ap-gap-tight) !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceActions :is(a, button) {
  min-height: calc(var(--ap-space-6) + var(--ap-space-2)) !important;
  padding-inline: var(--ap-space-4) !important;
  border-radius: var(--portal-radius-control);
  font-size: .88rem !important;
  white-space: nowrap !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSuccessButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSuccessButton:is(:hover, :focus-visible) {
  border: 1px solid rgba(73, 217, 143, .46);
  background: linear-gradient(135deg, rgba(38, 138, 91, .92), rgba(21, 91, 63, .9));
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(73, 217, 143, .12), inset 0 1px 0 rgba(255, 255, 255, .14);
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceActions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingSummary {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleMatrix {
  gap: var(--ap-section-gap) !important;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceConfigurator {
  display: grid;
  gap: var(--ap-section-gap);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleGroup {
  display: grid;
  gap: var(--ap-space-sm);
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleGroup h5 {
  margin: 0;
  color: var(--portal-text);
  font-size: .95rem;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRows {
  display: grid;
  gap: 0;
  min-width: 0;
  border-block: 1px solid rgba(140, 174, 211, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleHeader, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(12rem, .75fr) minmax(10rem, .65fr);
  align-items: center;
  gap: var(--ap-gap-default);
  min-width: 0;
  padding-block: var(--ap-space-sm);
  border-bottom: 1px solid rgba(140, 174, 211, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleHeader {
  color: var(--portal-muted);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow:last-child {
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow > span:first-child {
  min-width: 0;
  color: var(--portal-text);
  font-weight: 850;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleFixedModel {
  color: var(--portal-muted);
  font-weight: 800;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow .ap-input, :where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow .ap-select {
  width: 100%;
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleHeader {
    display: none;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRow {
    grid-template-columns: 1fr;
    gap: var(--ap-space-sm);
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"]) .partnerPriceRuleRows {
    border-top: 0;
  }
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm.partnerOrderTabbedForm {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavigation {
  padding: 0 0 18px !important;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .18);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive #partnerOrderDetailForm .projectRecordNavItem {
  min-height: 42px !important;
  border-radius: 10px;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive .partnerOrderDetailPanel[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.partnerOrderCalculationTabActive .projectRecordSection[data-partner-order-panel="calculation"] {
  gap: 18px !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate {
  display: grid;
  gap: var(--ap-space-lg);
  margin: 0;
  padding: clamp(8px, 1vw, 12px) 0 0;
  color: var(--portal-text);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateHead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--ap-space-lg);
  padding-bottom: clamp(18px, 2vw, 26px);
  border-bottom: 1px solid rgba(140, 174, 211, .18);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateHead > div:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateHead > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate strong {
  color: var(--portal-text);
  font-size: clamp(1.35rem, 2vw, 2.1rem);
  line-height: 1.15;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate small, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate span {
  color: var(--portal-muted);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateTotal, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateTotal {
  color: var(--portal-accent);
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  font-weight: 950;
  line-height: .95;
  white-space: nowrap;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRows, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRows {
  display: grid;
  gap: 0;
  min-width: 0;
  border-block: 1px solid rgba(140, 174, 211, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) minmax(7rem, auto);
  align-items: center;
  gap: var(--ap-gap-default);
  min-width: 0;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow:last-child {
  border-bottom: 0;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow > span:first-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:first-child {
  color: var(--portal-text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:nth-child(2) {
  color: var(--portal-muted);
  font-weight: 800;
  text-align: right;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow > strong {
  color: var(--portal-text);
  font-size: 1.05rem;
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimate, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimate {
    padding: 16px 0;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow {
    gap: 5px;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderCostEstimateRow > strong, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow > span:nth-child(2), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderCostEstimateRow > strong {
    text-align: left;
  }
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm.partnerOrderTabbedForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm.partnerOrderTabbedForm {
  gap: clamp(22px, 2.4vw, 34px) !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .projectRecordNavigation, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordNavigation {
  gap: clamp(10px, 1.15vw, 18px) !important;
  padding: 0 0 clamp(18px, 2vw, 26px) !important;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .18);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .projectRecordSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordSection {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .partnerOrderDetailPanel.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm .projectRecordSection.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm .projectRecordSection.active {
  gap: clamp(22px, 2.3vw, 32px) !important;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(28px, 4vw, 64px);
  border-top: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0 !important;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--portal-muted);
  font-size: .92rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > input, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .formGrid > label > select {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--portal-text);
  -webkit-text-fill-color: var(--portal-text);
  opacity: 1;
  font-size: clamp(1.2rem, 1.45vw, 1.55rem);
  font-weight: 950;
  line-height: 1.28;
  appearance: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailActions {
  margin-top: clamp(8px, 1.2vw, 18px);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection label {
  display: grid;
  gap: 8px;
  padding: 16px 0 !important;
  color: var(--portal-muted);
  font-size: .92rem;
  font-weight: 850;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection:is([data-partner-order-panel="customer"], [data-partner-order-panel="order"]) .partnerOrderNotesSection textarea {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--portal-text);
  -webkit-text-fill-color: var(--portal-text);
  opacity: 1;
  font-size: clamp(1.2rem, 1.45vw, 1.55rem);
  font-weight: 950;
  resize: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .partnerOrderDetailPanel[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderDetailForm:not(.isEditing) .projectRecordSection[data-partner-order-panel="order"] input[type="hidden"] {
  display: none !important;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatBoxHeader {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: var(--ap-space-lg);
  align-items: start;
  padding: 0 0 clamp(18px, 2vw, 26px);
  border-bottom: 1px solid rgba(140, 174, 211, .16);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatBoxHeader h4, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatBoxHeader h4, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatBoxHeader h4 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(1.25rem, 1.6vw, 1.75rem);
  font-weight: 950;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatBoxHeader .mutedText, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatBoxHeader .mutedText {
  margin: 0;
  color: var(--portal-muted);
  font-size: clamp(.95rem, 1.15vw, 1.15rem);
  font-weight: 750;
  line-height: 1.4;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderNotesSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentsSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderNotesSection {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageGallery {
  grid-template-columns: repeat(auto-fit, minmax(180px, 240px));
  gap: clamp(16px, 1.6vw, 24px);
  align-items: start;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView #partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel #partnerOrderImageGallery {
  grid-template-columns: 1fr;
  gap: clamp(28px, 3vw, 44px);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageGroup, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageGroup {
  display: grid;
  gap: var(--ap-space-md);
  min-width: 0;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentHeading, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentHeading {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(1.05rem, 1.25vw, 1.35rem);
  font-weight: 950;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard {
  gap: 8px;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImagePreviewButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImagePreviewButton {
  gap: 10px !important;
  color: var(--portal-text);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard img, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard img {
  height: 170px;
  border: 1px solid rgba(72, 159, 223, .3);
  border-radius: 8px;
  background: rgba(2, 12, 32, .62);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageCard span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageCard span {
  color: var(--portal-text);
  font-size: .92rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAttachmentSourceBadge, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAttachmentSourceBadge {
  border-color: rgba(72, 159, 223, .32);
  background: transparent;
  color: var(--portal-muted);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileList, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAppointmentsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileList {
  gap: 0;
  border-block: 1px solid rgba(140, 174, 211, .14);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileCard {
  border-bottom: 1px solid rgba(140, 174, 211, .12);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileCard:last-child, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileCard:last-child {
  border-bottom: 0;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileLink, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileLink {
  padding: 16px 42px 16px 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--portal-text);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderFileLink span, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderFileLink span {
  color: var(--portal-muted);
}

body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderAppointmentCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderAppointmentCard {
  padding: 16px 0 !important;
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .chatBoxHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatBoxHeader {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"] #partnerOrderDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"]:where([data-ui-archetype="record"]) #partnerOrderDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #customerDetailBox .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #detailView .partnerOrderImageGallery, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .partnerOrderImageGallery {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout, :where(body[data-design-system="partner-portal-v1"]) .complaintOverviewSection {
  display: grid;
  min-width: 0;
  gap: var(--ap-section-gap);
}

.complaintOverviewSection > .ap-section-body:where([data-design-system="partner-portal-v1"]) {
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell, :where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-value {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-primary, :where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-secondary {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-primary {
  color: var(--portal-text);
  font-weight: 850;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-secondary {
  margin-top: var(--ap-space-1);
  color: var(--portal-muted);
  font-size: .78rem;
  font-weight: 650;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-slot-action .ap-list-v2-value, :where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-slot-badge .ap-list-v2-value {
  display: flex;
  align-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-slot-action .ap-list-v2-value {
  justify-content: flex-end;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-action {
  min-height: calc(var(--ap-space-6) + var(--ap-space-1));
  padding-inline: var(--ap-space-3);
  font-size: .78rem;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintPriorityBadge, :where(body[data-design-system="partner-portal-v1"]) .complaintStatusBadge {
  flex: 0 0 auto;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintBadgeGroup {
  justify-content: flex-end;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout > .ap-section {
  padding-bottom: var(--ap-section-gap);
  border-bottom: 1px solid rgba(140, 174, 211, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout > .ap-section:last-child {
  padding-bottom: var(--ap-space-0);
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintFacts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: var(--ap-gap-default) var(--ap-gap-loose);
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintFact {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintFact dt {
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintFact dd {
  margin: var(--ap-space-1) 0 0;
  color: var(--portal-text);
  font-size: .95rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDescription {
  color: var(--portal-text);
  font-weight: 650;
  line-height: 1.65;
  white-space: pre-wrap;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintAttachmentList, :where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintTimeline {
  gap: var(--ap-space-0);
  border-block: 1px solid rgba(140, 174, 211, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintAttachmentLink {
  padding-block: var(--ap-space-3);
  border-bottom-color: rgba(140, 174, 211, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintAttachmentLink:last-child {
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintMessage {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--ap-space-3) var(--ap-space-0) var(--ap-space-3) var(--ap-space-4);
  border: 0;
  border-bottom: 1px solid rgba(140, 174, 211, .12);
  border-left: var(--ap-space-1) solid rgba(193, 207, 224, .26);
  border-radius: var(--ap-space-0);
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintMessage-admin {
  border-left-color: rgba(72, 159, 223, .7);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintMessage:last-child {
  border-bottom: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintInlineForm {
  margin-top: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintInlineForm > label, :where(body[data-design-system="partner-portal-v1"]) .complaintDetailLayout .complaintMetaForm {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"]) .complaintDangerSection .ap-section-head {
  align-items: center;
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-primary, :where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-secondary {
    overflow: visible;
    white-space: normal;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintBadgeGroup, :where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-cell-slot-action .ap-list-v2-value {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintPremiumList .ap-list-v2-action {
    width: 100%;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .complaintDangerSection .ap-section-head {
    align-items: stretch;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .ap-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--ap-space-1);
  padding: var(--ap-space-1);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 9, 25, .5);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button {
  min-height: calc(var(--ap-space-6) + var(--ap-space-1));
  padding-inline: var(--ap-space-3);
  border: 0;
  border-radius: calc(var(--portal-radius-control) - var(--ap-space-1));
  background: transparent;
  color: var(--portal-muted);
  box-shadow: none;
  font-size: .8rem;
  font-weight: 850;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button:is(:hover, :focus-visible) {
  border: 0;
  background: rgba(255, 255, 255, .04);
  color: var(--portal-text);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button.active {
  background: rgba(72, 159, 223, .18);
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicKanbanWrap {
  min-width: 0;
  margin-top: var(--ap-space-4);
  padding: var(--ap-space-4);
  overflow: hidden;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicKanbanWrap.hasKanbanDetail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(24rem, 30rem);
  align-items: start;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) #reonicKanbanBoard {
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) #reonicOrdersPanel .ap-filter-toolbar-filters {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: rgba(72, 159, 223, .58) rgba(2, 9, 25, .42);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-track {
  display: flex;
  width: max-content;
  min-width: 100%;
  align-items: stretch;
  gap: var(--ap-gap-default);
  padding-bottom: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column {
  display: grid;
  width: clamp(18.75rem, 21vw, 20rem);
  min-width: 18.75rem;
  flex: 0 0 auto;
  grid-template-rows: auto minmax(14rem, calc(100vh - 22rem));
  gap: var(--ap-space-2);
  transition: width .16s ease;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-empty {
  width: 15rem;
  min-width: 15rem;
  grid-template-rows: auto auto;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-busy {
  width: clamp(20rem, 22vw, 21.25rem);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column-head {
  display: flex;
  min-height: var(--ap-space-7);
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-tight);
  padding-inline: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column-head h4 {
  margin: 0;
  color: var(--portal-text);
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.25;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column-head .ap-badge {
  min-width: var(--ap-space-5);
  min-height: var(--ap-space-5);
  padding-inline: var(--ap-space-1);
  border: 0;
  background: rgba(255, 255, 255, .045);
  justify-content: center;
}

.ap-kanban-column-body:where([data-design-system="partner-portal-v1"]) {
  display: flex;
  min-height: 14rem;
  flex-direction: column;
  gap: var(--ap-gap-default);
  padding: var(--ap-space-1);
  overflow-y: auto;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: rgba(1, 8, 21, .18);
  transition: background .16s ease, box-shadow .16s ease;
}

.ap-kanban-column.is-empty .ap-kanban-column-body:where([data-design-system="partner-portal-v1"]) {
  min-height: 0;
  overflow: visible;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-exception {
  padding-left: var(--ap-space-2);
  border-left: 1px solid rgba(239, 177, 72, .14);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-exception .ap-kanban-column-head h4 {
  color: rgba(247, 216, 158, .88);
}

.ap-kanban-column.is-drop-target .ap-kanban-column-body:where([data-design-system="partner-portal-v1"]) {
  border-color: rgba(72, 159, 223, .34);
  background: rgba(72, 159, 223, .055);
  box-shadow: inset 0 0 0 1px rgba(72, 159, 223, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 11.5rem;
  padding: var(--ap-space-4);
  gap: var(--ap-space-2);
  overflow: visible;
  border: 1px solid rgba(140, 174, 211, .12);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 11, 27, .82);
  color: var(--portal-text);
  box-shadow: 0 var(--ap-space-1) var(--ap-space-3) rgba(0, 0, 0, .13);
  text-align: left;
  transform: none;
  transition: none;
  cursor: grab;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card:is(:hover, :focus-visible) {
  border-color: rgba(140, 174, 211, .2);
  background: rgba(5, 16, 35, .9);
  box-shadow: 0 var(--ap-space-1) var(--ap-space-3) rgba(0, 0, 0, .15);
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card:active {
  cursor: grabbing;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card.is-dragging {
  z-index: 2;
  border-color: rgba(72, 159, 223, .34);
  opacity: .9;
  box-shadow: 0 var(--ap-space-3) var(--ap-space-7) rgba(0, 0, 0, .32);
  transform: translateY(calc(var(--ap-space-1) * -1));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card.is-selected {
  border-color: rgba(72, 159, 223, .28);
  background: rgba(2, 10, 26, .96);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card.is-selected::before {
  position: absolute;
  top: var(--ap-space-2);
  bottom: var(--ap-space-2);
  left: 0;
  width: var(--ap-space-1);
  border-radius: 0 var(--portal-radius-control) var(--portal-radius-control) 0;
  background: var(--portal-accent);
  content: "";
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-top {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-project {
  min-width: 0;
  overflow: hidden;
  color: rgba(184, 205, 229, .58);
  font-size: .66rem;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-origin-badge {
  height: var(--ap-space-4);
  min-height: var(--ap-space-4);
  flex: 0 0 auto;
  padding-inline: var(--ap-space-2);
  border-color: rgba(140, 174, 211, .14);
  font-size: .58rem;
  letter-spacing: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-origin-badge.is-own {
  background: rgba(72, 159, 223, .09);
  color: rgba(157, 211, 250, .82);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-origin-badge.is-partner {
  background: rgba(166, 151, 207, .09);
  color: rgba(205, 194, 232, .82);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-customer {
  display: -webkit-box;
  overflow: hidden;
  color: var(--portal-text);
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-date, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-performance {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-performance {
  justify-content: start;
  color: rgba(196, 214, 234, .68);
  font-size: .79rem;
  font-weight: 700;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-date time {
  overflow: hidden;
  color: rgba(232, 241, 251, .82);
  font-size: .74rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ap-space-1);
  align-self: end;
  margin-top: auto;
  padding-top: var(--ap-space-1);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-badges .ap-badge {
  max-width: 5.5rem;
  height: var(--ap-space-4);
  min-height: var(--ap-space-4);
  padding-inline: var(--ap-space-1);
  border-color: rgba(140, 174, 211, .12);
  background: rgba(255, 255, 255, .035);
  color: rgba(205, 222, 240, .72);
  font-size: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-card-badges .ap-kanban-card-warning {
  max-width: 9rem;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column-more {
  width: 100%;
  min-height: var(--ap-space-6);
  padding: var(--ap-space-2);
  border: 0;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: rgba(113, 190, 244, .76);
  font: inherit;
  font-size: .72rem;
  font-weight: 850;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column-more:is(:hover, :focus-visible) {
  background: rgba(72, 159, 223, .06);
  color: rgba(166, 216, 251, .92);
  outline: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-empty {
  margin: var(--ap-space-3) auto;
  color: rgba(184, 205, 229, .5);
  font-size: .7rem;
  font-weight: 650;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-panel {
  position: sticky;
  top: var(--ap-space-4);
  width: 100%;
  max-height: calc(100vh - (2 * var(--ap-space-4)));
  padding: var(--ap-space-7);
  overflow-y: auto;
  border-left: 1px solid rgba(140, 174, 211, .14);
  background: rgba(3, 12, 29, .88);
  scrollbar-color: rgba(72, 159, 223, .42) transparent;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-panel:not(.hidden) {
  animation: ap-kanban-panel-in .16s ease-out;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-actions, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-badges, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-head {
  display: flex;
  align-items: center;
  gap: var(--ap-gap-tight);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-head {
  justify-content: space-between;
  gap: var(--ap-gap-default);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-head h3 {
  margin: var(--ap-space-1) 0 0;
  font-size: 1.55rem;
  line-height: 1.2;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-head .ap-icon-button {
  width: var(--ap-space-7);
  min-width: var(--ap-space-7);
  height: var(--ap-space-7);
  min-height: var(--ap-space-7);
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(184, 205, 229, .68);
  box-shadow: none;
  font-size: 1.2rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-head .ap-icon-button:is(:hover, :focus-visible) {
  border: 0;
  background: rgba(255, 255, 255, .05);
  color: var(--portal-text);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-kicker, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-status label > span {
  color: var(--portal-muted);
  font-size: .72rem;
  font-weight: 850;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-badges {
  flex-wrap: wrap;
  margin-top: var(--ap-space-3);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-badges .ap-kanban-origin-badge {
  order: -1;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-list {
  display: grid;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-list > div {
  display: grid;
  grid-template-columns: minmax(7rem, .8fr) minmax(0, 1.5fr);
  gap: var(--ap-gap-default);
  padding-block: var(--ap-space-3);
  border-bottom: 1px solid rgba(140, 174, 211, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-list dt {
  color: var(--portal-muted);
  font-size: .76rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-list dd {
  min-width: 0;
  margin: 0;
  color: var(--portal-text);
  font-size: .86rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--ap-gap-tight);
  padding-block: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-status label {
  display: grid;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-status .ap-button-secondary {
  min-height: var(--ap-space-7);
  padding-inline: var(--ap-space-3);
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-actions {
  justify-content: flex-end;
  padding-top: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-actions .ap-button-primary {
  min-height: var(--ap-space-7);
  padding-inline: var(--ap-space-4);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-loading {
  margin: var(--ap-space-3) 0 0;
  color: var(--portal-muted);
  font-size: .78rem;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-section {
  padding-block: var(--ap-space-5);
  border-top: 1px solid rgba(140, 174, 211, .12);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-tight);
  margin-bottom: var(--ap-space-3);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-section h4 {
  margin: 0;
  color: rgba(232, 241, 251, .9);
  font-size: .84rem;
  font-weight: 900;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-section > header span {
  color: rgba(184, 205, 229, .54);
  font-size: .68rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-history {
  display: grid;
  gap: var(--ap-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-history li {
  position: relative;
  display: grid;
  gap: var(--ap-space-1);
  padding-left: var(--ap-space-4);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-history li::before {
  position: absolute;
  top: .42rem;
  left: 0;
  width: var(--ap-space-2);
  height: var(--ap-space-2);
  border-radius: 50%;
  background: rgba(72, 159, 223, .58);
  content: "";
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-comments p, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents a, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-history span {
  color: rgba(222, 235, 248, .84);
  font-size: .76rem;
  font-weight: 750;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents small, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-history small {
  color: rgba(184, 205, 229, .52);
  font-size: .66rem;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-comments {
  display: grid;
  gap: var(--ap-space-2);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-comments p {
  margin: 0;
  padding-left: var(--ap-space-3);
  border-left: 1px solid rgba(140, 174, 211, .16);
  line-height: 1.45;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents {
  display: grid;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents a {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--ap-gap-tight);
  padding-block: var(--ap-space-2);
  border-bottom: 1px solid rgba(140, 174, 211, .09);
  text-decoration: none;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents a:hover {
  color: var(--portal-text);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-documents a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-empty {
  margin: 0;
  color: rgba(184, 205, 229, .5);
  font-size: .72rem;
  font-weight: 650;
}

@media (max-width: 1100px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicKanbanWrap.hasKanbanDetail {
    display: block;
  }
}

@media (max-width: 1100px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-panel {
    position: fixed;
    z-index: 120;
    inset: var(--ap-space-3) var(--ap-space-3) var(--ap-space-3) auto;
    width: min(88vw, 30rem);
    max-height: none;
    border: 1px solid rgba(140, 174, 211, .18);
    border-radius: var(--portal-radius-surface);
    background: rgba(3, 13, 31, .98);
    box-shadow: 0 var(--ap-space-4) var(--ap-space-8) rgba(0, 0, 0, .36);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) #reonicOrdersPanel .ap-filter-toolbar-filters {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-filter-toolbar-actions {
    align-items: stretch;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-view-toggle {
    width: 100%;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-view-toggle-button {
    flex: 1;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicKanbanWrap {
    padding: var(--ap-space-2);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-track {
    width: max-content;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-busy, :where(body[data-design-system="partner-portal-v1"]) .ap-kanban-column.is-empty {
    width: min(84vw, 19rem);
    min-width: min(84vw, 19rem);
    grid-template-rows: auto minmax(14rem, calc(100vh - 19rem));
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicKanbanWrap.hasKanbanDetail {
    display: block;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-panel {
    inset: var(--ap-space-2) var(--ap-space-2) var(--ap-space-2) auto;
    width: calc(100vw - (2 * var(--ap-space-2)));
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .ap-kanban-detail-status {
    grid-template-columns: minmax(0, 1fr);
  }
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDetailPanel:not(.is-project-record) .projectRecordLayout {
  display: block;
  margin-top: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .reonicDetailPanel:not(.is-project-record) #projectRecordHeroContent {
  display: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeWorkspace {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSection {
  display: grid;
  gap: var(--portal-space-lg);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeSectionHead, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeSectionHead {
  display: grid;
  gap: 5px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepIntro > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWorkspaceHeader > span, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeSectionHead > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeSectionHead > span {
  color: #71b9ee;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeSectionHead h3, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeSectionHead h3 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(20px, 2.2vw, 28px);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSectionCompact .partnerHomePremiumGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSectionCompact .partnerHomeActionCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSectionCompact .choiceButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSectionCompact .adminMetric, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSectionCompact .choiceButton {
  min-height: 185px !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView.partnerInquiryWorkspace {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView.partnerInquiryWorkspace::before {
  content: none !important;
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView.partnerInquiryWorkspace:not(.hidden) {
  display: grid;
  gap: var(--portal-space-xl);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryBackButton {
  justify-self: start;
  color: #93c9f1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWorkspaceHeader {
  display: grid;
  max-width: 780px;
  gap: 8px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWorkspaceHeader h2 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.06;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepIntro p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccess p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWorkspaceHeader p {
  margin: 0;
  color: var(--portal-muted);
  line-height: 1.6;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccess, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 15% 0%, rgba(72, 159, 223, .13), transparent 32%),
    linear-gradient(145deg, rgba(7, 20, 49, .95), rgba(2, 9, 25, .94));
  color: var(--portal-text);
  box-shadow: var(--portal-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
  display: grid;
  width: 100%;
  min-height: 0;
  gap: clamp(16px, 2vw, 24px);
  padding: clamp(18px, 2.4vw, 30px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton::before {
  content: counter(partner-portal-step);
  font-size: .82rem;
  font-weight: 900;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton {
  border: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: rgba(201, 216, 234, .72);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton:is(
  .active,
  .ap-step-active,
  .isComplete,
  .ap-step-complete,
  [aria-current="step"]
) {
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: var(--portal-text);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.isComplete::before {
  content: "";
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizardStep:not(.hidden) {
  display: grid;
  align-content: start;
  gap: var(--portal-space-xl);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepIntro {
  display: grid;
  max-width: 760px;
  gap: 7px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepIntro h3 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(20px, 2.4vw, 28px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .formGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView label {
  display: grid;
  align-content: start;
  gap: 8px;
  color: var(--portal-text);
  font-weight: 750;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .fullWidth {
  grid-column: 1 / -1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryPowerPreview {
  padding: 16px 18px;
  border: 1px solid rgba(72, 159, 223, .2);
  border-radius: var(--portal-radius-card);
  background: rgba(72, 159, 223, .08);
  color: #b9d9ef;
  font-weight: 750;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewRow {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(72, 159, 223, .16);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .5);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewRow span {
  color: var(--portal-muted);
  font-size: .8rem;
  font-weight: 800;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReviewRow strong {
  overflow-wrap: anywhere;
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizardActions {
  align-self: end;
  justify-content: flex-end;
  padding-top: var(--portal-space-md);
  border-top: 1px solid rgba(72, 159, 223, .14);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryLengthField input[type="number"] {
  min-height: 42px;
  border: 1px solid #8cb8d9;
  border-radius: 10px;
  background: #f8fbff;
  color: #10233a;
  caret-color: #10233a;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryLengthField input[type="number"]::placeholder {
  color: #48647e;
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryLengthField input[type="number"]:focus {
  border-color: #2d9cdb;
  box-shadow: 0 0 0 3px rgba(45, 156, 219, .28);
  outline: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryLengthField input[type="number"][aria-invalid="true"] {
  border-color: #dd5d68;
  box-shadow: 0 0 0 3px rgba(221, 93, 104, .2);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGridOperator {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(114, 201, 255, .38);
  border-radius: 12px;
  background: rgba(72, 159, 223, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressAutocomplete {
  position: relative;
  display: grid;
  gap: 8px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressAutocomplete > label {
  width: 100%;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions {
  position: absolute;
  z-index: var(--ap-z-popover);
  top: 76px;
  right: 0;
  left: 0;
  display: grid;
  gap: 2px;
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--portal-border-strong);
  border-radius: var(--portal-radius-control);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions > button {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 52px;
  padding: 10px 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--portal-text-secondary);
  text-align: left;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions > button strong {
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions > button:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions > button:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions > button[aria-selected="true"] {
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-focus-ring);
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressHint, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressSuggestions span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGeoapifyAttribution {
  color: var(--portal-text-muted);
  font-size: .86rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAddressHint { margin: 0; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGeoapifyAttribution { width: fit-content; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGridOperator > p {
  margin: 0;
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGridOperatorActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryGridOperatorConfirm {
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  font-weight: 650;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListToolbar {
  display: flex;
  justify-content: flex-end;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailSurface, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryList, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListSurface {
  display: grid;
  gap: var(--portal-space-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryList {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard {
  display: grid;
  gap: 12px;
  padding: var(--portal-space-xl);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailCard {
  gap: var(--portal-space-xl);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailHeading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--portal-space-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationHead > div, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailHeading > div {
  display: grid;
  gap: 5px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailHeading span {
  color: #71b9ee;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailHeading > strong {
  color: var(--portal-muted);
  font-size: .84rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(109, 142, 177, .16);
  border-radius: var(--portal-radius-card);
  color: rgba(201, 216, 234, .55);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress li > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(109, 142, 177, .12);
  font-size: .78rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress li > strong {
  min-width: 0;
  font-size: .78rem;
  line-height: 1.3;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress li.isReached {
  border-color: rgba(72, 159, 223, .38);
  background: rgba(72, 159, 223, .08);
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress li.isReached > span {
  background: rgba(72, 159, 223, .24);
  color: #a7ddff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--portal-space-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailSection {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: clamp(18px, 2.5vw, 26px);
  border: 1px solid rgba(72, 159, 223, .17);
  border-radius: var(--portal-radius-card);
  background: rgba(2, 9, 25, .48);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailSectionWide {
  grid-column: 1 / -1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySectionLabel {
  color: #71b9ee;
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard h4, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard h4, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailSection > p {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailRow {
  display: grid;
  grid-template-columns: minmax(100px, .55fr) minmax(0, 1fr);
  gap: 12px;
  padding-top: 9px;
  border-top: 1px solid rgba(72, 159, 223, .1);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentList span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailRow > span {
  color: var(--portal-muted);
  font-size: .86rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailRow > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentList {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(72, 159, 223, .07);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard {
  grid-template-columns: minmax(0, 1fr) auto;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard > div:first-child {
  display: grid;
  gap: 5px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard {
  gap: var(--portal-space-md);
  border-color: rgba(72, 159, 223, .3);
  background:
    radial-gradient(circle at 10% 0%, rgba(72, 159, 223, .12), transparent 38%),
    rgba(2, 9, 25, .56);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationAction, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard form {
  display: grid;
  grid-template-columns: minmax(210px, .55fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--portal-space-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationAction > p, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard form > p {
  align-self: center;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAcceptedText {
  color: #9de4bd;
  font-weight: 800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView.partnerInquiryWorkspace.is-record-view {
  width: min(100%, 1440px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecord {
  display: grid;
  gap: var(--portal-space-xl);
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--portal-space-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin: 0;
  padding: 9px 14px;
  border: 1px solid rgba(72, 159, 223, .28);
  border-radius: 999px;
  background: rgba(72, 159, 223, .08);
  color: #b9dcf5;
  text-decoration: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack:hover {
  border-color: rgba(72, 159, 223, .58);
  background: rgba(72, 159, 223, .16);
  color: var(--portal-text);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 3vw, 34px);
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid rgba(72, 159, 223, .26);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 8% 0%, rgba(72, 159, 223, .2), transparent 34%),
    linear-gradient(145deg, rgba(9, 30, 63, .98), rgba(2, 10, 27, .96));
  box-shadow: var(--portal-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordIdentity {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordEyebrow, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanelHead > span {
  color: #71b9ee;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordIdentity h2 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.03;
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordFacts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordFacts span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(72, 159, 223, .15);
  border-radius: 999px;
  background: rgba(2, 9, 25, .32);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordStatus {
  display: grid;
  align-content: start;
  justify-items: end;
  gap: 10px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordStatus > strong {
  color: var(--portal-muted);
  font-size: .84rem;
  letter-spacing: .04em;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero > .partnerInquiryProgress {
  grid-column: 1 / -1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordLayout {
  display: grid;
  grid-template-columns: minmax(200px, 238px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(18px, 3vw, 34px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: rgba(4, 17, 40, .94);
  box-shadow: var(--portal-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation > span {
  padding: 8px 10px 10px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  background-image: none;
  color: var(--portal-muted);
  font: inherit;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem:hover {
  color: var(--portal-text);
  background: rgba(72, 159, 223, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem.is-active {
  border-color: rgba(72, 159, 223, .28);
  background: rgba(72, 159, 223, .18);
  color: #cceaff;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordContent {
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel {
  display: grid;
  gap: var(--portal-space-xl);
  min-height: 420px;
  padding: clamp(22px, 3.5vw, 40px);
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background:
    radial-gradient(circle at 0% 0%, rgba(72, 159, 223, .1), transparent 32%),
    rgba(3, 13, 32, .94);
  box-shadow: var(--portal-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel.hidden {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanelHead {
  display: grid;
  gap: 6px;
  padding-bottom: var(--portal-space-md);
  border-bottom: 1px solid rgba(72, 159, 223, .13);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanelHead h3 {
  margin: 0;
  color: var(--portal-text);
  font-size: clamp(24px, 3vw, 34px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordDecision {
  display: grid;
  gap: var(--portal-space-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordDecision > .formMessage:empty {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCardHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailCard h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard p {
  margin: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReference {
  color: var(--portal-muted);
  font-size: .8rem;
  font-weight: 800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryEmptyState, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccess {
  display: grid;
  justify-items: start;
  gap: var(--portal-space-md);
  padding: clamp(24px, 5vw, 52px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccessIcon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: rgba(72, 159, 223, .2);
  color: #87cdfb;
  font-size: 1.5rem;
  font-weight: 900;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccess h2 {
  margin: 0;
  color: var(--portal-text);
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryList, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSectionCompact .partnerHomePremiumGrid, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSectionCompact .partnerHomePremiumGrid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationAction, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationCard form, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
    position: static;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    overflow-x: auto;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation > span {
    display: none;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .formGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryReview {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailGrid, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailSectionWide {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAttachmentList li, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryCalculationHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryContactCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailHeading {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordToolbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordToolbar {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordStatus {
    justify-items: start;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
    grid-template-columns: repeat(4, minmax(135px, 1fr));
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel {
    min-height: 0;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailRow {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryDetailRow > strong {
    text-align: left;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .fullWidth {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquirySuccess .formActions > button, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizardActions > button {
    flex: 1 1 100%;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
  min-height: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.isComplete::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton::before {
  content: none !important;
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection.partnerInquiryCalculationCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection.partnerInquiryContactCard {
  padding: 0 0 var(--portal-space-lg);
  border: 0;
  border-bottom: 1px solid rgba(72, 159, 223, .13);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection.partnerInquiryCalculationCard:last-child, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection.partnerInquiryContactCard:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListLead {
  margin: 0;
  color: var(--portal-muted);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryMissingSummary:not(.hidden) {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(246, 154, 154, .45);
  border-radius: 12px;
  background: rgba(126, 36, 48, .16);
  color: #ffd9dc;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryMissingSummary ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 20px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger.isOpen, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger:focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger:hover {
  border-color: rgba(113, 185, 238, .68);
  background: rgba(11, 32, 62, .94);
  color: #f5f9ff;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger:hover * {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger[aria-invalid="true"] {
  border-color: #f69a9a;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) {
  min-height: clamp(180px, 18vw, 220px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "identity" !important;
  align-content: end !important;
  gap: 0 !important;
  padding: clamp(24px, 3.5vw, 42px) !important;
  background-position: center 44%;
  background-size: cover;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) .dashboardIdentity {
  max-width: 760px !important;
  gap: 8px !important;
  padding-top: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) #welcomeTitle {
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.02 !important;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) {
    min-height: clamp(140px, 38vw, 180px) !important;
    padding: 22px 18px !important;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) #welcomeTitle {
    font-size: clamp(27px, 9vw, 38px) !important;
  }
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .dashboardHeadModern:not(.hidden) {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "identity" !important;
  align-content: end !important;
  gap: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .advisorCard, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .employeePhotoButton {
  display: none !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .dashboardIdentity {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) #welcomeTitle {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .dashboardHeadModern:not(.hidden) {
    min-height: clamp(132px, 38vw, 174px) !important;
    padding: 22px 18px !important;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) #welcomeTitle {
    font-size: clamp(28px, 8.4vw, 36px) !important;
    line-height: 1.06 !important;
  }
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"] :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel) {
  font-weight: 400;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(p, li, td, dd, small, span, input, select, textarea, option, .mutedText, .formHint), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(p, li, td, dd, small, span, input, select, textarea, option, .mutedText, .formHint), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(p, li, td, dd, small, span, input, select, textarea, option, .mutedText, .formHint) {
  font-weight: 400 !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, a) > span, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .partnerOrderDetailTab), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .projectRecordNavItem), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .projectRecordNavItem), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .projectRecordNavItem), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, a) > span, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .partnerOrderDetailTab), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .partnerHomeActionCard > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, a) > span, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(button, label, legend, a, .sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .partnerInquiryRecordNavItem, .partnerInquiryStepButton, .partnerOrderWizardStepButton, .partnerOrderDetailTab), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="home"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="home"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .choiceButton > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="home"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .adminMetric > span:not(.partnerHomeActionIcon), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="home"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  .choiceButton > span:not(.partnerHomeActionIcon) {
  font-weight: 500 !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h3, h4, h5, h6, strong, th, .step, .status, .ap-badge, .reviewStatus, .notificationItemState, .sidebarNotificationCount, .sidebarSectionTitleButton, .partnerInquiryRecordEyebrow, .partnerInquiryRecordStatus > strong, .partnerInquiryRecordPanelHead > span, .partnerInquiryWorkspaceHeader > span, .partnerInquiryStepIntro > span, .partnerHomeSectionHead > span), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h3, h4, h5, h6, strong, th, .step, .status, .ap-badge, .reviewStatus, .notificationItemState, .sidebarNotificationCount, .sidebarSectionTitleButton, .partnerInquiryRecordEyebrow, .partnerInquiryRecordStatus > strong, .partnerInquiryRecordPanelHead > span, .partnerInquiryWorkspaceHeader > span, .partnerInquiryStepIntro > span, .partnerHomeSectionHead > span), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h3, h4, h5, h6, strong, th, .step, .status, .ap-badge, .reviewStatus, .notificationItemState, .sidebarNotificationCount, .sidebarSectionTitleButton, .partnerInquiryRecordEyebrow, .partnerInquiryRecordStatus > strong, .partnerInquiryRecordPanelHead > span, .partnerInquiryWorkspaceHeader > span, .partnerInquiryStepIntro > span, .partnerHomeSectionHead > span) {
  font-weight: 600 !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"]
  :is(#dashboardView, #partnerOrderView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h1, h2, #welcomeTitle, .partnerInquiryRecordIdentity h2), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountView, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h1, h2, #welcomeTitle, .partnerInquiryRecordIdentity h2), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]
  :is(#dashboardView, #accountingSettingsPanel, #profileView, #partnerSubmitModal, #appLoadingModal, #sidebarNotificationPanel, #hamburgerMenuPanel)
  :is(h1, h2, #welcomeTitle, .partnerInquiryRecordIdentity h2) {
  font-weight: 700 !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"] #dashboardView #partnerInquiryView.partnerInquiryWorkspace {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"] #dashboardView #partnerInquiryView.partnerInquiryWorkspace::before {
  content: none !important;
  display: none !important;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"] #dashboardView #partnerInquiryView .partnerInquiryRecordToolbar {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode {
  color-scheme: light;
  --ap-ui-page: #edf6fc;
  --ap-ui-surface: var(--portal-surface-default);
  --ap-ui-surface-strong: var(--portal-surface-active);
  --ap-ui-card: var(--portal-surface-muted);
  --ap-ui-card-soft: rgba(234, 244, 251, .72);
  --ap-ui-control: rgba(255, 255, 255, .9);
  --ap-ui-border: var(--portal-surface-border);
  --ap-ui-border-strong: var(--portal-surface-border-active);
  --ap-ui-text: var(--portal-text-primary);
  --ap-ui-muted: var(--portal-text-muted);
  --ap-ui-muted-strong: var(--portal-text-secondary);
  --ap-ui-shadow: var(--portal-shadow-soft);
  --portal-bg: var(--ap-ui-page);
  --portal-surface: var(--portal-surface-default);
  --portal-surface-soft: var(--portal-surface-muted);
  --portal-card: var(--portal-surface-muted);
  --portal-border: var(--portal-surface-border);
  --portal-border-strong: var(--portal-surface-border-active);
  --portal-text: var(--portal-text-primary);
  --portal-muted: var(--portal-text-muted);
  --portal-shadow: var(--portal-shadow-soft);
  --ink: var(--portal-text-primary);
  --muted: var(--portal-text-muted);
  --line: var(--portal-surface-border);
  --surface: var(--portal-surface-default);
  --field: rgba(255, 255, 255, .9);
  background: var(--portal-workspace-bg);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode::before {
  content: none;
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
  width: min(1920px, calc(100% - 24px));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent {
  min-height: calc(100dvh - 24px);
  color: var(--portal-text-primary);
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(h1, h2, h3, h4, h5, h6, legend, label, dt, dd, strong, th) {
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(p, li, small, figcaption, .mutedText, .tableSubtext, .formHint) {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(.error, .errorMessage, .dangerText, [role="alert"]) {
  color: #9f2434;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(p, li, dd, td, a, span, strong, small, label) {
  overflow-wrap: anywhere;
  word-break: normal;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern:not(.hidden) {
  min-height: 0;
  padding: clamp(24px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid var(--portal-surface-border);
  border-radius: var(--portal-radius-lg);
  background: var(--portal-surface-default);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
  backdrop-filter: blur(var(--portal-backdrop-blur)) saturate(1.08);
  -webkit-backdrop-filter: blur(var(--portal-backdrop-blur)) saturate(1.08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern::before {
  content: none;
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern :is(#welcomeTitle, #dashboardRole, .step, span, strong, small) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern :is(.advisorCard, .dashboardActions) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(
  .ap-card,
  .portalSurface,
  .partnerInquirySurface,
  .projectRecordDefinition > div,
  .projectRecordMediaItem,
  .projectRecordDocumentList > a,
  .partnerInquiryDetailRow,
  .partnerInquiryReviewRow,
  .partnerInquiryUploadItem,
  .partnerInquiryDocumentCard
) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero :is(h2, h3, p, span, strong) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-select-v2-trigger, .portalSelectTrigger) {
  border: 1px solid var(--portal-surface-border);
  background-color: rgba(255, 255, 255, .94);
  color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 8px 20px rgba(29, 76, 111, .05);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent select {
  background-image:
    linear-gradient(45deg, transparent 50%, var(--portal-text-secondary) 50%),
    linear-gradient(135deg, var(--portal-text-secondary) 50%, transparent 50%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(240, 248, 253, .92));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent select option {
  background: #f8fbfe;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(input, textarea)::placeholder {
  color: #526b82;
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-select-v2-menu, .portalSelectMenu) {
  border-color: var(--portal-surface-border-active);
  background: rgba(255, 255, 255, .98);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-select-v2-option, .portalSelectOption) {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-select-v2-option, .portalSelectOption):is(:hover, .is-active, .is-selected, [aria-selected="true"]) {
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(
  .ap-button-primary,
  .primaryButton,
  button[type="submit"]:not(.linkButton):not(.secondaryButton)
) {
  border-color: rgba(24, 113, 177, .42);
  background: linear-gradient(135deg, #3f9cdd, #247fc1);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(35, 126, 190, .22);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .dangerButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .dangerLinkButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .linkButton.dangerLinkButton {
  border-color: rgba(177, 43, 61, .36);
  background: rgba(255, 241, 243, .94);
  color: #9f2434;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep :is(input, select, textarea) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderTypeCards button:is(:hover, :focus-visible, .active), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .portalUploadDropzone:is(:hover, :focus-within), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderTypeCards button:is(:hover, :focus-visible, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .portalUploadDropzone:is(:hover, :focus-within), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderTypeCards button:is(:hover, :focus-visible, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .portalUploadDropzone:is(:hover, :focus-within), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderTypeCards button:is(:hover, :focus-visible, .active) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .complaintWizardProgress, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepper, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  color: var(--portal-text-secondary);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .complaintWizardStepButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .complaintWizardStepButton span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::before {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-secondary);
  box-shadow: 0 0 0 4px rgba(237, 246, 252, .96);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .complaintWizardStepButton.active span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep.isComplete::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep:is(.active, .ap-step-active, [aria-current="step"]) > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerPortalStepperStep:is(.active, .ap-step-active, [aria-current="step"])::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.active::before {
  border-color: #2f8ecf;
  background: linear-gradient(145deg, #55aae3, #287fbd);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(224, 241, 252, .98), 0 8px 22px rgba(44, 133, 194, .2);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: transparent;
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:is(:hover, :focus, :focus-visible, :active, .is-selected), body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:is(:hover, :focus, :focus-visible, :active, .is-selected) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: transparent;
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable .tableSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable thead tr {
  border-color: var(--portal-surface-border);
  background: rgba(221, 237, 248, .72);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable th {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-column-body:where([data-design-system="partner-portal-v1"]), body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-panel {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard:is(:hover, :focus-within), body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric:hover, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card:is(:hover, :focus-visible, .is-selected) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel :is(.accountingMetric, .accountingInvoiceCard) :is(span, small, strong), body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card :is(.ap-kanban-card-project, .ap-kanban-card-performance, .ap-kanban-card-date time, .ap-kanban-card-customer), body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-panel :is(h2, h3, h4, p, span, strong, small, label) {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel :is(.accountingMetric, .accountingInvoiceCard) strong, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-card :is(.ap-kanban-card-customer, strong) {
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(
  .secondaryButton,
  .ap-button-secondary,
  .ghostButton,
  .linkButton,
  .projectRecordStatusToggle,
  .projectRecordStatusCancel
) {
  border: 1px solid var(--portal-surface-border-active);
  background: rgba(255, 255, 255, .78);
  color: #176fae;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent a[class*="button"] :is(span, strong), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent button :is(span, strong) {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .tableWrap {
  padding: 0;
  overflow-x: auto;
  background: var(--portal-surface-default);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .statisticsTableWrap) table {
  color: var(--portal-text-primary);
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .statisticsTableWrap) :is(thead, th) {
  background: rgba(221, 237, 248, .72);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .statisticsTableWrap) :is(th, td) {
  border-color: rgba(43, 119, 173, .13);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .statisticsTableWrap) tbody tr {
  background: rgba(255, 255, 255, .46);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .statisticsTableWrap) tbody tr:hover {
  background: rgba(218, 237, 250, .74);
  color: var(--portal-text-primary);
  box-shadow: inset 3px 0 0 var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.reviewModalOverlay, .modalOverlay, .partnerSubmitModal, .imagePreviewOverlay) {
  background: rgba(6, 18, 38, .56);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.reviewModalCard, .modalCard, .partnerSubmitModalCard, .orderComponentSelectionModal) {
  border: 1px solid var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: 0 34px 90px rgba(6, 31, 55, .26);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.reviewModalCard, .modalCard, .partnerSubmitModalCard, .orderComponentSelectionModal) :is(h2, h3, h4, p, span, label, strong) {
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalIcon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: currentColor;
  pointer-events: none;
}

:where(body[data-design-system="partner-portal-v1"]) .portalIconMirrored {
  transform: scaleX(-1);
}

:where(body[data-design-system="partner-portal-v1"]) .hamburgerMenuPanel button {
  align-items: center;
  gap: 10px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarSectionTitleMain {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNavIcon, :where(body[data-design-system="partner-portal-v1"]) .sidebarSectionIcon, :where(body[data-design-system="partner-portal-v1"]) .sidebarUtilityIcon {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
}

:where(body[data-design-system="partner-portal-v1"]) .partnerInquiryRecordNavIcon, :where(body[data-design-system="partner-portal-v1"]) .projectRecordNavIcon {
  color: #347eaf;
}

:where(body[data-design-system="partner-portal-v1"]) .projectRecordMediaIcon {
  width: 24px;
  height: 24px;
  color: var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
  color-scheme: dark;
  border-color: var(--portal-sidebar-border);
  background: var(--portal-sidebar-bg);
  color: #f4f8fd;
  box-shadow: 0 24px 62px rgba(3, 15, 34, .26), inset 0 1px 0 rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :is(label, p, span, strong, small) {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :is(.sidebarSectionTitleButton, .sidebarNavButton) {
  min-height: 44px;
  color: rgba(235, 244, 252, .8);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarSectionTitleButton {
  font-weight: 400;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarNavButton {
  padding-inline: 14px;
  gap: 11px;
  font-weight: 400;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :where(
  .sidebarSectionTitleButton.active,
  .sidebarSectionTitleButton[aria-current="page"],
  .sidebarSection.hasActiveItem > .sidebarSectionTitleButton,
  .sidebarNavButton.active,
  .sidebarNavButton[aria-current="page"]
) {
  border: 1px solid rgba(255, 255, 255, .72);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :where(
  .sidebarSectionTitleButton.active,
  .sidebarSectionTitleButton[aria-current="page"],
  .sidebarSection.hasActiveItem > .sidebarSectionTitleButton,
  .sidebarNavButton.active,
  .sidebarNavButton[aria-current="page"]
) .portalIcon {
  color: var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarNavButton[aria-current="page"]::before {
  content: none;
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarNavButton.sidebarNavButton.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarNavButton.sidebarNavButton[aria-current="page"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar .sidebarSection.sidebarSection.hasActiveItem > .sidebarSectionTitleButton.sidebarSectionTitleButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryRecordNavigation .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryRecordNavigation .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem[aria-selected="true"] {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :is(input, .sidebarCustomerSearchResults) {
  color-scheme: dark;
}

:where(body[data-design-system="partner-portal-v1"]) .sidebarNotificationBell {
  display: grid;
  place-items: center;
}

:where(body[data-design-system="partner-portal-v1"]) .addressLookupInlineSpinner, :where(body[data-design-system="partner-portal-v1"]) .globalLoadingSpinner, :where(body[data-design-system="partner-portal-v1"]) .loadingCursorPretzel, :where(body[data-design-system="partner-portal-v1"]) .partnerSubmitModalSpinner {
  border: 3px solid rgba(72, 159, 223, .24);
  border-top-color: var(--portal-accent);
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .globalLoadingSpinner::before {
  content: none;
}

:where(body[data-design-system="partner-portal-v1"]) :where(.modalCloseButton, .partnerSubmitModalClose, .imagePreviewClose) {
  font-size: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(button, a[href], input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #1684ca;
  outline-offset: 3px;
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode [data-inquiry-record-title]:focus-visible {
  border-radius: var(--portal-radius-sm);
  outline: 3px solid #1684ca;
  outline-offset: 6px;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode {
    --portal-surface-muted: #edf6fc;
    --portal-surface-default: #f7fbfe;
    --portal-surface-active: #ffffff;
  }
}

@media (prefers-reduced-motion: reduce) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode *, body:where([data-design-system="partner-portal-v1"]).dashboardMode *::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode *::before {
    scroll-behavior: auto;
    transition-duration: .01ms;
    animation-duration: .01ms;
    animation-iteration-count: 1;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appLayout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent {
    min-height: 100dvh;
    padding: 12px;
  }
}

@media (max-width: 980px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
    position: fixed;
    top: 8px;
    bottom: 8px;
    left: 8px;
    z-index: 10020;
    width: min(330px, calc(100vw - 32px));
    max-height: calc(100dvh - 16px);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern:not(.hidden), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]):not(.profileStandaloneView) .dashboardHeadModern:not(.hidden), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) {
    min-height: 0;
    padding: 20px;
    border-radius: var(--portal-radius-md);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.projectRecordLayout, .partnerInquiryRecordLayout) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.reviewModalCard, .modalCard, .partnerSubmitModalCard, .orderComponentSelectionModal) {
    width: min(100%, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(table, .reonicTable) {
    min-width: 720px;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.empty, .emptyState, .adminAccountEmptyState), body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.portalUploadDropzone, .ap-upload, .preparationDropZone, .chatAttachmentField, .partnerOrderUploadArea), body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .partnerOrderUploadArea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .partnerOrderUploadArea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .partnerOrderUploadArea, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView .partnerOrderUploadArea input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView .partnerOrderUploadArea input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector button, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel .partnerOrderUploadArea input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector button {
  border-color: var(--portal-surface-border);
  background: var(--ap-ui-control);
  background-color: var(--ap-ui-control);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.portalUploadDropzone, .ap-upload, .preparationDropZone, .chatAttachmentField, .partnerOrderUploadArea):is(:hover, :focus-within), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm [data-ui-archetype="wizard"]Selector button.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm [data-ui-archetype="wizard"]Selector button.active {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderUploadSection small, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderUploadLabel, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderUploadSection small {
  color: var(--portal-text-secondary);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTabs, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItems, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavigation {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem {
  border-color: transparent;
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: var(--portal-text-secondary);
  box-shadow: none;
  font-weight: 600;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab.active, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .partnerOrderDetailTab:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem.active, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm .projectRecordNavItem:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerOrderAppointmentCard.is-cancelled, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderAppointmentCard.is-cancelled {
  border-color: rgba(159, 36, 52, .38);
  background: rgba(255, 239, 241, .94);
  background-color: rgba(255, 239, 241, .94);
  background-image: none;
  color: #7f1f2d;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitPreviewCosts, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitPreviewPaper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitPreviewRows div, body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderComponentSelectionActions, body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderComponentSelectionItem {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal :is(.partnerSubmitPreviewHeader, .partnerSubmitPreviewRows, .partnerSubmitPreviewCosts) :is(strong, span, small), body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderComponentSelectionItem :is(strong, small) {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .orderComponentSelectionItem:hover {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption, body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive {
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintProjectOption:is(:hover, :focus, :focus-visible, :active, .is-selected), body[data-design-system="partner-portal-v1"].dashboardMode .partnerCardInteractive:is(:hover, :focus, :focus-visible, :active, .is-selected) {
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .projectRecordStatusMessage.is-error, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(.error, .errorMessage, .dangerText, [role="alert"]) {
  color: #9f2434;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .projectRecordStatusMessage.is-warning, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(.warningMessage, .warningText) {
  color: #7a5200;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(.successMessage, .successText) {
  color: #17613f;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem[aria-selected="true"], body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryRecordNavigation .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem.is-active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryRecordNavigation .partnerInquiryRecordNavItem.partnerInquiryRecordNavItem[aria-selected="true"] {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailPanel.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailPanel.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .projectRecordSection.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailPanel.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .projectRecordSection.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .projectRecordSection.active, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .projectRecordSection.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminDetailBox, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel:not(.hidden), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailPanel.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicKanbanDetailPanel:not(.hidden) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderHeroIcon {
  border: 1px solid var(--portal-surface-border-active);
  border-radius: 9px;
  background: var(--portal-accent-soft);
  color: var(--portal-accent);
  box-shadow: none;
  transform: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox {
  min-height: 0;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid var(--portal-surface-border-active);
  border-radius: var(--portal-radius-lg);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView.reviewBox::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel.reviewBox::before {
  content: none;
  display: none;
  background: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderDetailHead {
  max-width: none;
  margin: 0 0 18px;
  gap: 16px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailTitle {
  max-width: none;
  margin: 0;
  color: var(--portal-text-primary);
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.08;
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderDetailMeta {
  max-width: none;
  margin: 0 0 24px;
  color: var(--portal-text-secondary);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem :is(strong, a) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderHeroMetaItem small {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) .partnerOrderHeroStatus {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton, .modalCloseButton, .imagePreviewClose, .partnerSubmitModalClose) {
  min-width: 44px;
  min-height: 44px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewPaper, body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox .substructureToggle, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerModulePowerBlock {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel :is(.accountingMetric, .accountingInvoiceCard), body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel :is(.emailAutomationPreviewSystemBlock, .emailAutomationPreviewSignature), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderReplyPreview, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel :is(.accountingMetric, .accountingInvoiceCard) :is(strong, span, small, p), body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationPreviewPaper :is(strong, span, small, p), body:where([data-design-system="partner-portal-v1"]).dashboardMode .substructureBox .substructureToggle :is(strong, span), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderReplyPreview :is(strong, span), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.partnerOrderDetailPanel, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.projectRecordSection, .partnerOrderHeroMetaItem, .partnerOrderAttachmentSection, .partnerOrderImageCard, .partnerOrderFileCard, .chatBox, .chatMessage, .chatReplyQuote) :is(strong, span, small, p) {
  color: inherit;
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingInvoiceCard:is(:hover, :focus-within), body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingMetric:hover, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) button.partnerHomeActionCard:is(:hover, :focus, :focus-visible), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.adminMetric:is(:hover, :focus, :focus-visible), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) button.choiceButton:is(:hover, :focus, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .sidebarNotificationButton,
  .sidebarControlButton,
  .sidebarArrowButton,
  .sidebarPinButton,
  .mobileSidebarButton,
  .hamburgerMenuButton,
  .ap-icon-button,
  .tableSortButton,
  .ap-list-v2-sort-button,
  .projectRecordSortButton,
  .attachmentDeleteButton,
  .partnerInquiryAttachmentDelete,
  .imagePreviewPrev,
  .imagePreviewNext,
  .lightboxPrev,
  .lightboxNext,
  #partnerOrderReplyPreview button,
  #partnerOrderMessageForm .chatAttachButton
) {
  min-width: 44px;
  min-height: 44px;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectSortButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-head .ap-icon-button, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-list-v2 .ap-list-v2-sort-button, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerOrderAttachmentDelete, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarFooter .sidebarNotificationButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarArrowButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode.sidebarCollapsed .sidebarControls {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle {
  min-height: 52px;
  padding: 4px;
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .72);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button {
  min-height: 44px;
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button.active, body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-view-toggle-button:is(:hover, :focus-visible) {
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-column-more {
  min-height: 44px;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-column-more:is(:hover, :focus-visible) {
  background: var(--portal-accent-soft);
  color: #0b466e;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-head .ap-icon-button {
  border: 1px solid var(--portal-surface-border);
  background: rgba(255, 255, 255, .78);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .ap-kanban-detail-head .ap-icon-button:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: #0d4f7d;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalSelectTrigger:is(:hover, :focus-visible, .isOpen) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: 0 0 0 3px var(--portal-accent-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.status, .reviewStatus, .projectStatusBadge, .partnerStatusBadge, .tag, .badge, .ap-badge) {
  border-color: rgba(33, 108, 158, .3);
  background: rgba(219, 239, 252, .94);
  color: #145d8f;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .status.in_bearbeitung,
  .status.payout_requested,
  .status.warning,
  .status.is-warning,
  .ap-badge-warning,
  .accountingStatusBadge
) {
  border-color: rgba(154, 99, 0, .34);
  background: rgba(255, 243, 204, .96);
  color: #714800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .status.ausgezahlt,
  .status.zur_auszahlung_bereit,
  .status.paid,
  .status.success,
  .status.is-success,
  .ap-badge-success,
  .accountingStatusBadge.is-paid
) {
  border-color: rgba(23, 112, 70, .34);
  background: rgba(222, 246, 234, .96);
  color: #125d3a;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(
  .status.danger,
  .status.error,
  .status.is-danger,
  .status.is-error,
  .ap-badge-danger,
  .accountingStatusBadge.is-overdue
) {
  border-color: rgba(159, 36, 52, .32);
  background: rgba(255, 231, 235, .96);
  color: #8c2030;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.ap-badge-neutral, .accountingStatusBadge.is-cancelled) {
  border-color: rgba(68, 91, 112, .26);
  background: rgba(230, 237, 243, .96);
  color: #3b5368;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.ap-badge-info, .status.offen, .status.reonicStatus) {
  border-color: rgba(33, 108, 158, .3);
  background: rgba(219, 239, 252, .94);
  color: #145d8f;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailForm.recommendationForm, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.partnerOrderChatTop, .chatMessages, .partnerOrderCostEstimate, .chatAttachmentField) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(.partnerOrderImageCard, .partnerOrderFileLink, .chatMessage, .partnerOrderCostEstimateRow) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading), body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel :is(h3, h4, label, small, .mutedText, .step, .partnerOrderDetailMeta, .partnerOrderMetaSeparator, .chatMessageHeader, .chatMessageAuthor, .chatMessageBody, .partnerOrderImageCard span, .partnerOrderFileLink, .partnerOrderFileLink span, .partnerOrderCostEstimate span, .partnerOrderCostEstimate small, .partnerOrderCostEstimateRow strong, .partnerOrderAttachmentHeading) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox input[type="file"], body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderMessageForm textarea, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox input[type="file"], body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderMessageForm textarea, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView input[type="file"], body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel input[type="file"] {
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .94);
  background-color: rgba(255, 255, 255, .94);
  background-image: none;
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 #ffffff;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailForm :is(input, select, textarea):focus, body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderMessageForm textarea:focus, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailForm :is(input, select, textarea):focus, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderMessageForm textarea:focus {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: 0 0 0 3px var(--portal-accent-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView .reviewStatus.reviewPending, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .reviewStatus.reviewPending {
  border-color: rgba(154, 99, 0, .34);
  background: rgba(255, 243, 204, .96);
  color: #714800;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView .reviewStatus.reviewInfo, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .reviewStatus.reviewInfo {
  border-color: rgba(33, 108, 158, .3);
  background: rgba(219, 239, 252, .94);
  color: #145d8f;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView .reviewStatus.reviewDone, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .reviewStatus.reviewDone {
  border-color: rgba(23, 112, 70, .34);
  background: rgba(222, 246, 234, .96);
  color: #125d3a;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-cancelled, body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView .reviewStatus.reviewUnknown, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .reviewStatus.reviewUnknown {
  border-color: rgba(68, 91, 112, .26);
  background: rgba(230, 237, 243, .96);
  color: #3b5368;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge {
  border-color: rgba(154, 99, 0, .34);
  background: rgba(255, 243, 204, .96);
  color: #714800;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-paid {
  border-color: rgba(23, 112, 70, .34);
  background: rgba(222, 246, 234, .96);
  color: #125d3a;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingPanel .accountingStatusBadge.is-overdue {
  border-color: rgba(159, 36, 52, .32);
  background: rgba(255, 231, 235, .96);
  color: #8c2030;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderClearChatButton, body[data-design-system="partner-portal-v1"].dashboardMode #partnerOrderDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderClearChatButton, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #customerDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #detailView .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode #reonicOrderDetailPanel .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #customerDetailBox .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #detailView .chatMessageActionButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="record"].dashboardMode:where([data-ui-archetype="record"]) #reonicOrderDetailPanel .chatMessageActionButton {
  min-height: 44px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView .profileEditor {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader:hover {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView :is(h2, label, .formMessage) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode.profileStandaloneView #profileView input {
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .94);
  background-color: rgba(255, 255, 255, .94);
  background-image: none;
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 #ffffff;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogOverlay {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: clamp(16px, 4vw, 48px);
  overflow: auto;
  background: rgba(3, 16, 29, .58);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  animation: portalDialogFadeIn 140ms ease-out;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialog {
  width: min(100%, 560px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  border: 1px solid rgba(28, 100, 145, .24);
  border-radius: 24px;
  background: rgba(249, 253, 255, .98);
  color: #10263a;
  box-shadow: 0 28px 80px rgba(1, 19, 34, .32);
  animation: portalDialogEnter 170ms ease-out;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 26px 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogHeading {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogHeading h2 {
  margin: 0;
  color: #10263a;
  font: 600 clamp(1.2rem, 3vw, 1.55rem)/1.25 "Poppins", sans-serif;
  letter-spacing: -.02em;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogHeadingIcon {
  display: inline-grid;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: rgba(61, 158, 214, .14);
  color: #176b9e;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialog.is-danger .portalDialogHeadingIcon {
  background: rgba(181, 41, 57, .1);
  color: #9f2434;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButtonIcon, :where(body[data-design-system="partner-portal-v1"]) .portalDialogIcon {
  width: 21px;
  height: 21px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogClose {
  display: inline-grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(28, 100, 145, .22);
  border-radius: 14px;
  background: rgba(234, 245, 251, .9);
  color: #244a64;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogClose:is(:hover, :focus-visible) {
  border-color: rgba(28, 100, 145, .45);
  background: #dfeff8;
  color: #102f45;
  outline: none;
  box-shadow: 0 0 0 3px rgba(61, 158, 214, .2);
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogForm {
  display: grid;
  gap: 22px;
  padding: 18px 26px 26px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogDescription {
  margin: 0;
  color: #4e6475;
  font: 400 .98rem/1.65 "Poppins", sans-serif;
  white-space: pre-line;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogField {
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogInputLabel {
  color: #244a64;
  font: 500 .9rem/1.35 "Poppins", sans-serif;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogInput {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 11px 14px;
  border: 1px solid rgba(28, 100, 145, .32);
  border-radius: 14px;
  background: #fff;
  color: #10263a;
  font: 400 1rem/1.45 "Poppins", sans-serif;
}

:where(body[data-design-system="partner-portal-v1"]) textarea.portalDialogInput {
  min-height: 112px;
  resize: vertical;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogInput:focus {
  border-color: #2988bd;
  outline: none;
  box-shadow: 0 0 0 3px rgba(61, 158, 214, .2);
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogActions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 2px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButton {
  display: inline-flex;
  min-width: 132px;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 14px;
  font: 500 .94rem/1.3 "Poppins", sans-serif;
  cursor: pointer;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButtonSecondary {
  border-color: rgba(28, 100, 145, .25);
  background: rgba(234, 245, 251, .82);
  color: #244a64;
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButtonPrimary {
  border-color: #287fae;
  background: #2d8dc0;
  color: #fff;
  box-shadow: 0 8px 20px rgba(40, 127, 174, .18);
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButtonPrimary.is-danger {
  border-color: #9b2838;
  background: #a92c3e;
  box-shadow: 0 8px 20px rgba(169, 44, 62, .16);
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButton:is(:hover, :focus-visible) {
  outline: none;
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(61, 158, 214, .2);
}

:where(body[data-design-system="partner-portal-v1"]) .portalDialogButtonPrimary.is-danger:is(:hover, :focus-visible) {
  background: #8e2131;
  box-shadow: 0 0 0 3px rgba(181, 41, 57, .17);
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogOverlay {
    align-items: end;
    padding: 12px;
  }
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialog {
    width: 100%;
    max-height: calc(100dvh - 24px);
    border-radius: 22px;
  }
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogHeader {
    padding: 21px 20px 0;
  }
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogForm {
    padding: 16px 20px 20px;
  }
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogActions {
    flex-direction: column-reverse;
  }
}

@media (max-width: 600px) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogButton {
    width: 100%;
    min-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialog, :where(body[data-design-system="partner-portal-v1"]) .portalDialogOverlay {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
:where(body[data-design-system="partner-portal-v1"]) .portalDialogButton:is(:hover, :focus-visible) {
    transform: none;
  }
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingList .partnerProjectCard:is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountsList .partnerProjectCard:is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminStatisticsContent .partnerProjectCard:is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationList .partnerProjectCard:is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewList .partnerProjectCard:is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="list"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #upcomingAppointmentsList .partnerProjectCard:is(:hover, :focus-visible), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsCards .partnerProjectCard:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.loginForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.profileForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.loginForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.profileForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm.recommendationForm {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm :is(label, small, .mutedText, h2, h3, h4, legend), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm :is(label, small, .mutedText, h2, h3, h4, legend) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm :is(input, select, textarea), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm :is(input, select, textarea) {
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .94);
  background-color: rgba(255, 255, 255, .94);
  background-image: none;
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 #ffffff;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-color: var(--portal-surface-default);
  background-image: none;
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton {
  background: transparent;
  background-color: transparent;
  background-image: none;
  color: var(--portal-text-secondary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::after {
  background: var(--portal-surface-border-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton::before {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-secondary);
  box-shadow: 0 0 0 4px rgba(237, 246, 252, .96);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton:is(.active, .isComplete), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton:is(.active, .isComplete), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton:is(.active, .isComplete), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton:is(.active, .isComplete) {
  background: transparent;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationEnableToggle {
  min-height: 44px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatComposerFooter button[type="submit"] {
  min-height: 44px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="record"]) #partnerOrderMessageForm .chatAttachButton {
  width: 44px;
  height: 44px;
  min-width: 44px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(#accountForm, form.recommendationForm) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(#accountingSettingsForm, form.recommendationForm) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(#adminAccountForm, form.recommendationForm) > label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(#partnerOrderForm, form.recommendationForm) > label:not(.adminPermissionCheck):not(.adminPermissionToggle) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminDetailTab {
  min-height: 44px;
  border-color: transparent;
  background: transparent;
  color: var(--portal-text-secondary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminDetailTab:is(:hover, :focus-visible, .active) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .ap-list-v2 .ap-list-v2-row:is(
  .is-active,
  .is-selected,
  [aria-current="true"],
  [aria-current="page"],
  [aria-selected="true"]
) {
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: inset 4px 0 0 var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .ap-list-v2-intro .partnerProjectsTitleLink {
  min-height: 44px;
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  color: var(--portal-text-secondary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .ap-list-v2-intro .partnerProjectsTitleLink:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectOption.partnerCardInteractive span {
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerComplaintForm #complaintWizardBackButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerProjectsBackButton.linkButton {
  min-height: 44px;
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  color: var(--portal-text-secondary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerComplaintForm #complaintWizardBackButton:not(:disabled):is(:hover, :focus-visible), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerProjectsBackButton.linkButton:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitModalCard {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: 0 34px 90px rgba(6, 31, 55, .26);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitModalCard :is(h2, h3, h4, p, span, label, strong) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitModalClose, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitPreviewPaper {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerSubmitModal .partnerSubmitModalClose:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader:hover {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #emailAutomationPanel .emailAutomationCardHeader :is(h2, h3, h4, p, span, strong, small) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryWizard,
  .partnerInquiryListCard,
  .partnerInquiryDetailCard,
  .partnerInquirySuccess,
  .partnerInquiryEmptyState,
  .partnerInquiryNotifications
) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryReviewRow,
  .partnerInquiryDetailSection,
  .partnerInquiryContactCard,
  .partnerInquiryCalculationCard,
  .partnerInquiryPowerPreview,
  .partnerInquiryProgress li,
  .partnerInquiryAttachmentList li,
  .partnerInquiryChoiceCard,
  .partnerInquiryComponentBlock,
  .partnerInquiryToggleCard,
  .partnerInquiryUploadItem,
  .partnerInquiryDocumentCard,
  .partnerInquiryReviewSection,
  .partnerInquiryNotification
) {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryChoiceCard:is(:hover, :focus-within, :has(input:checked)), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryNotification.isUnread, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryToggleCard:has(input:checked) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryComponentBlock > h4,
  .partnerInquiryChoiceCard strong,
  .partnerInquiryToggleCard strong,
  .partnerInquiryUploadInfo > strong,
  .partnerInquiryDocumentCard strong,
  .partnerInquiryReviewHead h4,
  .partnerInquiryNotificationsHead h3,
  .partnerInquiryNotification strong
) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryChoiceCard small,
  .partnerInquiryToggleCard small,
  .partnerInquiryUploadInfo > span,
  .partnerInquiryDocumentCard span,
  .partnerInquiryNotification p
) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryWorkspaceHeader h2,
  .partnerInquiryStepIntro h3,
  .partnerInquiryStepButton,
  .partnerInquiryStepButton.active,
  .partnerInquiryStepButton.ap-step-active,
  .partnerInquiryStepButton.isComplete,
  .partnerInquiryStepButton.ap-step-complete,
  .partnerInquiryStepButton[aria-current="step"],
  .partnerInquiryReviewRow strong,
  .partnerInquiryDetailRow strong,
  .partnerInquiryProgress li,
  .partnerInquiryProgress li.isReached,
  .partnerInquiryProgress li.isReached > span,
  .partnerInquiryPowerPreview
) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryWorkspaceHeader p,
  .partnerInquiryStepIntro p,
  .partnerInquirySuccess p,
  .partnerInquiryReviewRow span,
  .partnerInquiryDetailHeading > strong,
  .partnerInquiryDetailRow > span,
  .partnerInquiryAttachmentList span
) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryMissingSummary:not(.hidden) {
  border-color: rgba(174, 55, 73, .32);
  background: rgba(255, 236, 239, .94);
  color: #7b2636;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryAcceptedText {
  color: #16673d;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardSummaryRows :is(span, strong), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardSummaryRows :is(span, strong), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardSummaryRows :is(span, strong), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardSummaryRows :is(span, strong) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .tableWrap:not(.reonicKanbanWrap) tbody td {
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .62);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .tableWrap:not(.reonicKanbanWrap) tbody tr:hover td {
  border-color: var(--portal-surface-border-active);
  background: rgba(225, 240, 250, .88);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr {
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .62);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .tableWrap.reonicTableWrap .reonicTable tbody tr:hover {
  border-color: var(--portal-surface-border-active);
  background: rgba(225, 240, 250, .88);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode {
  color-scheme: light;
  min-height: 100dvh;
  overflow-x: clip;
  isolation: isolate;
  background: var(--portal-background);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--portal-background-accent) 88%, transparent) 0, transparent 31%),
    radial-gradient(circle at 91% 21%, rgba(72, 159, 223, .18) 0, transparent 32%),
    linear-gradient(145deg, var(--portal-background) 0%, #f9fcfe 47%, var(--portal-background-accent) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), transparent 28%, transparent 72%, rgba(255, 255, 255, .12));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.shell, .appLayout, .appContent, #dashboardView, .partnerInquiryWorkspace) {
  background: transparent;
  background-image: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
  position: relative;
  z-index: 1;
  width: min(1920px, calc(100% - 24px));
  min-height: calc(100dvh - 24px);
  margin: 12px auto;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appLayout {
  align-items: stretch;
  gap: clamp(16px, 2vw, 30px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.sidebarRail, .sidebarShell) {
  background: transparent;
  background-image: none;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
  overflow: hidden;
  border: 1px solid var(--portal-sidebar-border);
  border-radius: var(--portal-radius-hero);
  background: var(--portal-sidebar-background);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :where(.sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton) {
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  color: rgba(240, 248, 255, .8);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar :where(.sidebarNavButton, .sidebarInlineLogoutButton, .sidebarInlineAdminPortalButton):is(:hover, :focus-visible, .active, [aria-current="page"]) {
  border-color: rgba(116, 195, 247, .34);
  background: rgba(72, 159, 223, .2);
  color: var(--portal-text-inverse);
  outline: none;
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .16);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent {
  min-width: 0;
  min-height: calc(100dvh - 24px);
  padding-bottom: clamp(32px, 5vw, 72px);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero {
  position: relative;
  isolation: isolate;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-hero);
  box-shadow: var(--portal-shadow-md);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero--plain {
  background: var(--portal-surface);
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero--media {
  min-height: clamp(240px, 29vw, 390px);
  background-color: var(--portal-surface-dark);
  background-position: center;
  background-size: cover;
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero--media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  pointer-events: none;
  background: linear-gradient(92deg, rgba(2, 13, 34, .94) 0%, rgba(3, 18, 43, .76) 48%, rgba(4, 20, 45, .34) 100%);
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero--media[data-portal-hero-media="customer"] {
  background-image: url("/assets/premium-customer-hero.jpg");
}

:where(body[data-design-system="partner-portal-v1"]) .portalHero--media[data-portal-hero-media="order"], :where(body[data-design-system="partner-portal-v1"]) .portalRecord--media {
  background-image: url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg");
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero {
  padding: clamp(24px, 3vw, 40px);
  border-radius: var(--portal-radius-hero);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--plain {
  border-color: var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--plain::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--plain::before {
  content: none;
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--plain :where(#dashboardRole, #welcomeTitle, .step, span, strong, small) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--media :where(#dashboardRole, #welcomeTitle, .step, span, strong, small), body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHero--media :where(h1, h2, h3, h4, p, span, strong, small, a, button) {
  color: var(--portal-text-inverse);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--media[data-portal-hero-media="customer"] {
  border-color: rgba(115, 194, 246, .36);
  background-color: var(--portal-surface-dark);
  background-image: url("/assets/premium-customer-hero.jpg");
  background-position: center;
  background-size: cover;
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--media[data-portal-hero-media="order"] {
  border-color: rgba(115, 194, 246, .36);
  background-color: var(--portal-surface-dark);
  background-image: url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg");
  background-position: center;
  background-size: cover;
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMeta.hidden {
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMetaItem {
  display: inline-grid;
  gap: 2px;
  min-width: min(100%, 132px);
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: var(--portal-radius-control);
  background: rgba(2, 18, 43, .46);
  color: var(--portal-text-inverse);
  backdrop-filter: blur(8px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMetaItem small {
  color: rgba(241, 248, 255, .72);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMetaItem strong {
  color: var(--portal-text-inverse);
  font-size: .82rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMetaItem--success {
  border-color: rgba(97, 215, 156, .46);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHeroMetaItem--warning {
  border-color: rgba(255, 205, 92, .5);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero--media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  pointer-events: none;
  background: linear-gradient(92deg, rgba(2, 13, 34, .94), rgba(3, 18, 43, .72) 52%, rgba(4, 20, 45, .28));
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--portal-radius-hero);
  background-color: var(--portal-surface-dark);
  background-position: center top;
  background-size: 100% clamp(230px, 27vw, 360px);
  background-repeat: no-repeat;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox.portalRecord--media, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView.portalRecord--media, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel.portalRecord--media, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox.portalRecord--media {
  border-color: rgba(115, 194, 246, .36);
  background-color: var(--portal-surface-dark);
  background-image: url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg");
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailHead.portalHero--media, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailHead.portalHero--media, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailHead.portalHero--media, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailHead.portalHero--media {
  isolation: isolate;
  min-height: clamp(230px, 27vw, 350px);
  align-content: end;
  padding: clamp(24px, 3.5vw, 42px);
  border-color: rgba(115, 194, 246, .36);
  background-color: var(--portal-surface-dark);
  background-image: url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg");
  background-position: center;
  background-size: cover;
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailHead.portalHero--media::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailHead.portalHero--media::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailHead.portalHero--media::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailHead.portalHero--media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  pointer-events: none;
  background: linear-gradient(92deg, rgba(2, 13, 34, .94), rgba(3, 18, 43, .7) 54%, rgba(4, 20, 45, .24));
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailHead.portalHero--media :where(h2, h3, h4, p, span, strong, small), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailHead.portalHero--media :where(h2, h3, h4, p, span, strong, small), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailHead.portalHero--media :where(h2, h3, h4, p, span, strong, small), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailHead.portalHero--media :where(h2, h3, h4, p, span, strong, small) {
  color: var(--portal-text-inverse);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: -1;
  height: clamp(230px, 27vw, 360px);
  pointer-events: none;
  background: linear-gradient(92deg, rgba(2, 13, 34, .9), rgba(3, 18, 43, .62) 58%, rgba(4, 20, 45, .22));
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media > :where(.detailBackButton, .partnerOrderDetailHead, .projectRecordNavItems), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media > :where(.detailBackButton, .partnerOrderDetailHead, .projectRecordNavigation), body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media > :where(.detailBackButton, .partnerOrderDetailHead, .partnerOrderDetailTabs) {
  position: relative;
  z-index: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media > :where(.detailBackButton, .partnerOrderDetailHead), body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalRecord--media > :where(.detailBackButton, .partnerOrderDetailHead) :where(h1, h2, h3, p, span, strong, button) {
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"]) :is(.portalSurface, .portalPanel, .portalCard, .partnerInquirySurface) {
  border: 1px solid var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSurface {
  border-radius: var(--portal-radius-panel);
}

:where(body[data-design-system="partner-portal-v1"]) .portalPanel {
  border-radius: var(--portal-radius-panel);
}

:where(body[data-design-system="partner-portal-v1"]) .portalCard {
  border-radius: var(--portal-radius-card);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.portalSurface, .portalPanel, .portalCard, .partnerInquirySurface) {
  border-color: var(--portal-border);
  background: var(--portal-surface);
  background-image: none;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.portalInteractiveCard, .ap-card-interactive, .clickableRow) {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.portalInteractiveCard, .ap-card-interactive, .clickableRow):is(:hover, :focus-visible, :focus-within) {
  border-color: var(--portal-border-strong);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  outline: none;
  box-shadow: var(--portal-shadow-md), var(--portal-focus-ring);
  transform: translateY(-2px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.portalInteractiveCard, .ap-card-interactive, .clickableRow):focus-visible {
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-md);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.adminMetric.portalInteractiveCard), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.choiceButton.portalInteractiveCard), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.partnerHomeActionCard.portalInteractiveCard) {
  background: var(--portal-surface);
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.adminMetric.portalInteractiveCard) :where(span, strong, small, em, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.choiceButton.portalInteractiveCard) :where(span, strong, small, em, svg), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.partnerHomeActionCard.portalInteractiveCard) :where(span, strong, small, em, svg) {
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.adminMetric.portalInteractiveCard):is(:hover, :focus-visible), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.choiceButton.portalInteractiveCard):is(:hover, :focus-visible), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.partnerHomeActionCard.portalInteractiveCard):is(:hover, :focus-visible) {
  border-color: rgba(84, 173, 234, .62);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg), var(--portal-focus-ring);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.adminMetric.portalInteractiveCard):is(:hover, :focus-visible) :where(span, strong, small, em, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.choiceButton.portalInteractiveCard):is(:hover, :focus-visible) :where(span, strong, small, em, svg), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.partnerHomeActionCard.portalInteractiveCard):is(:hover, :focus-visible) :where(span, strong, small, em, svg) {
  color: var(--portal-text-inverse);
  fill: currentColor;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) :where(span, strong, small, em, svg) {
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionCard.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .adminMetric.portalInteractiveCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="home"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .choiceButton.portalInteractiveCard:is(:hover, :focus-visible) {
  background: var(--portal-surface-dark);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeActionSection, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeSectionHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeWorkspace, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroup, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroups {
  border: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeSectionHead :where(h2, h3, p, span), body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroupHeader :where(h2, h3, p, span) {
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroups {
  display: grid;
  gap: clamp(28px, 4vw, 46px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroup {
  display: grid;
  gap: clamp(16px, 2.2vw, 24px);
  padding: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroupHeader {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 0 clamp(2px, .5vw, 8px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroupHeader h3 {
  margin: 4px 0 0;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroupEyebrow {
  color: var(--portal-text-muted);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryLegacyHint {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid var(--portal-border);
  border-radius: 999px;
  background: var(--portal-surface-subtle);
  color: var(--portal-text-muted);
  font-size: .72rem;
  font-weight: 500;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryListToolbar {
  display: flex;
  justify-content: flex-end;
  margin: clamp(20px, 3vw, 34px) 0 clamp(24px, 3.5vw, 40px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryListSurface {
  display: grid;
  gap: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: clamp(16px, 2vw, 24px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryEmptyState, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard:is(:hover, :focus-within) {
  border-color: var(--portal-border-strong);
  background: var(--portal-surface-elevated);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecord {
  display: grid;
  gap: clamp(18px, 2.5vw, 30px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordToolbar {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack {
  min-height: 46px;
  border: 1px solid var(--action-primary-border);
  border-radius: var(--portal-radius-control);
  background: var(--action-primary-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard {
  max-width: 430px;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .choiceButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .partnerHomeActionCard {
  width: 100%;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox > .partnerPortalBackAction, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView > .partnerPortalBackAction, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel > .partnerPortalBackAction, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox > .partnerPortalBackAction {
  justify-self: end;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack:is(:hover, :focus-visible) {
  border-color: var(--action-primary-hover-border);
  background: var(--action-primary-hover-bg);
  color: var(--action-primary-text);
  outline: none;
  box-shadow: var(--action-primary-focus), var(--action-primary-hover-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-hero);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordLayout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(18px, 2.4vw, 30px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel:not(.hidden) {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-panel);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
  position: sticky;
  top: 18px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem {
  min-height: 46px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem:is(:hover, :focus-visible) {
  border-color: var(--portal-border);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem:is(.is-active, [aria-selected="true"]) {
  border-color: var(--portal-border-strong);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem:is(.is-active, [aria-selected="true"]) :where(span, strong, svg) {
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel:not(.hidden) {
  padding: clamp(20px, 3vw, 34px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection {
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordSubsection:last-child {
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :where(.partnerInquiryDetailRow, .partnerInquiryReviewRow) {
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--portal-border) 72%, transparent);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :where(.partnerInquiryDetailRow, .partnerInquiryReviewRow):last-child {
  border-bottom: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-button-primary, .ap-button-secondary, .secondaryButton, .linkButton, .dangerButton, .ap-icon-button) {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  font: 500 .94rem/1.25 var(--ap-font);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-primary {
  border-color: var(--action-primary-border);
  background: var(--action-primary-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-shadow);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-button-secondary {
  border-color: var(--portal-border-strong);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-button-primary, button[type="submit"]):not(:disabled):hover {
  border-color: var(--action-primary-hover-border);
  background: var(--action-primary-hover-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-hover-shadow);
  transform: translateY(-1px);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-button-secondary, .secondaryButton, .linkButton):not(:disabled):hover {
  border-color: var(--portal-border-strong);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.dangerButton, .dangerLinkButton) {
  border-color: color-mix(in srgb, var(--portal-error) 40%, transparent);
  background: color-mix(in srgb, var(--portal-error) 9%, var(--portal-surface));
  color: var(--portal-error);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.dangerButton, .dangerLinkButton):not(:disabled):hover {
  border-color: var(--portal-error);
  background: var(--portal-error);
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(button, a[href], input, textarea, select, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(button, input, textarea, select):disabled, body:where([data-design-system="partner-portal-v1"]).dashboardMode [aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .58;
  filter: saturate(.65);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), textarea), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectTrigger, .ap-select-v2-trigger) {
  min-height: 48px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), textarea)::placeholder {
  color: var(--portal-text-muted);
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), textarea):is(:hover, :focus), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectTrigger, .ap-select-v2-trigger):is(:hover, :focus-visible, .isOpen, .is-open) {
  border-color: var(--portal-border-strong);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  outline: none;
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelect, .ap-select-v2) {
  display: inline-block;
  width: 100%;
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectMenu, .ap-select-v2-menu) {
  z-index: var(--ap-z-popover);
  overflow: auto;
  border: 1px solid var(--portal-border-strong);
  border-radius: var(--portal-radius-control);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-lg);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectOption, .ap-select-v2-option) {
  min-height: 44px;
  border-radius: 10px;
  color: var(--portal-text-secondary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectOption, .ap-select-v2-option):is(:hover, .isActive, .is-active, .isSelected, .is-selected, [aria-selected="true"]) {
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .ap-list-v2, :where(body[data-design-system="partner-portal-v1"]) .portalTable, :where(body[data-design-system="partner-portal-v1"]) .tableWrap {
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-panel);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap:not(.reonicKanbanWrap), .portalTable, .ap-list-v2) {
  border-color: var(--portal-border);
  border-radius: var(--portal-radius-panel);
  background: var(--portal-surface);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) th, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) thead {
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) th {
  border-color: rgba(255, 255, 255, .1);
  font-weight: 600;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) .tableSortButton {
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) .tableSortButton:is(:hover, :focus-visible, .active) {
  background: rgba(72, 159, 223, .24);
  color: var(--portal-text-inverse);
  outline: none;
  box-shadow: 0 0 0 3px rgba(72, 159, 223, .24);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) tbody tr {
  border-bottom: 1px solid var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  transition: background-color 140ms ease, box-shadow 140ms ease;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) tbody tr:nth-child(even) {
  background: var(--portal-surface-subtle);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) tbody tr:is(:hover, :focus-within) {
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  box-shadow: inset 4px 0 0 var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) tbody td, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) tbody tr:hover td {
  border-color: var(--portal-border);
  background: transparent;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortBar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalListHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortButton {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-control);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortButton:is(:hover, :focus-visible, .active), body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectSortButton:is(:hover, :focus-visible, .active) {
  border-color: var(--portal-border-strong);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  outline: none;
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
  padding: clamp(22px, 3vw, 36px);
  border-radius: var(--portal-radius-panel);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard {
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-panel);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard :where(h2, h3, h4, p, span, strong, small, a) {
  color: inherit;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewPrimary[role="link"] {
  border-radius: var(--portal-radius-card);
  cursor: pointer;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewPrimary[role="link"]:focus-visible {
  outline: none;
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard:is(:hover, :focus-visible, :focus-within) {
  border-color: rgba(84, 173, 234, .62);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  outline: none;
  box-shadow: var(--portal-shadow-lg), var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard:is(:hover, :focus-visible, :focus-within) :where(h2, h3, h4, p, span, strong, small, a) {
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrdersList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalCarousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(min(82vw, 250px), 1fr);
  gap: 12px;
  overflow-x: auto;
  padding: 12px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface-subtle);
  scroll-snap-type: x mandatory;
  scrollbar-color: var(--portal-accent) transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrdersList > *, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalCarousel > * {
  scroll-snap-align: start;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewCard:is(:hover, :focus-visible, :focus-within) :where(.portalCarousel, .partnerAdminOrdersList) {
  border-color: rgba(131, 203, 250, .34);
  background: rgba(255, 255, 255, .08);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrderButton.portalCard {
  min-height: 116px;
  border-color: var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrderButton.portalCard:is(:hover, :focus-visible) {
  border-color: var(--portal-accent);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
  outline: none;
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-badge, .status, .reviewStatus, .notificationItemState) {
  min-height: 28px;
  border-radius: 999px;
  font-weight: 600;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .mobileSidebarButton {
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--portal-radius-control);
}

@media (max-width: 1080px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1080px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
    position: static;
    display: flex;
    overflow-x: auto;
    gap: 8px;
    scroll-snap-type: x proximity;
  }
}

@media (max-width: 1080px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavItem {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .shell {
    width: min(100%, calc(100% - 16px));
    margin: 8px auto;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent {
    min-height: calc(100dvh - 16px);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .dashboardHeadModern.portalHero {
    padding: 22px 18px;
    border-radius: var(--portal-radius-panel);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalHero--media {
    min-height: 220px;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryListToolbar {
    justify-content: stretch;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryListToolbar .ap-button-primary {
    width: 100%;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOverviewHead, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminSortBar, body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryGroupHeader, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalListHeader {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerAdminOverviewPanel, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordPanel:not(.hidden) {
    border-radius: var(--portal-radius-card);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(.tableWrap, .portalTable) {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.ap-button-primary, .ap-button-secondary, .secondaryButton, .linkButton, .dangerButton) {
    min-height: 48px;
  }
}

@media (max-width: 430px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerInquiryList {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 430px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordNavigation {
    margin-inline: -4px;
    padding-inline: 10px;
  }
}

@media (max-width: 430px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerAdminOrdersList, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalCarousel {
    grid-auto-columns: minmax(82vw, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode *, body:where([data-design-system="partner-portal-v1"]).dashboardMode *::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode *::before {
    scroll-behavior: auto;
    transition-duration: .01ms;
    animation-duration: .01ms;
    animation-iteration-count: 1;
  }
}

html:has(> body:where([data-design-system="partner-portal-v1"]).dashboardMode) {
  min-height: 100%;
  background-color: var(--portal-background);
  background-image:
    radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--portal-background-accent) 88%, transparent) 0, transparent 31%),
    radial-gradient(circle at 91% 21%, rgba(72, 159, 223, .18) 0, transparent 32%),
    linear-gradient(145deg, var(--portal-background) 0%, #f9fcfe 47%, var(--portal-background-accent) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode {
  min-height: 100dvh;
  background: transparent;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode::before {
  content: none;
  display: none;
  background: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.shell, .appLayout, .appContent, #dashboardView, #partnerInquiryView, #accountView), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.shell, .appLayout, .appContent, #dashboardView, #partnerInquiryView, #accountingSettingsPanel), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.shell, .appLayout, .appContent, #dashboardView, #partnerInquiryView, #partnerOrderView) {
  background-color: transparent;
  background-image: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appLayout > .sidebarRail, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appLayout > .sidebarRail::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appLayout > .sidebarRail::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarShell, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarShell::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode .sidebarShell::before {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
  border-radius: var(--portal-radius-sidebar);
  background: var(--portal-sidebar);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard {
  border: 1px solid var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard :where(
  .partnerInquiryStepper,
  .partnerInquiryWizardStep,
  .partnerInquiryStepIntro,
  .partnerInquiryWizardActions,
  .formGrid,
  fieldset
) {
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView.portalSurface, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel.portalSurface {
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.loginForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.profileForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm.recommendationForm {
  border: 1px solid var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm :where(
  .partnerOrderWizardProgress,
  .partnerOrderWizardStep,
  .partnerOrderWizardSectionIntro,
  .partnerOrderWizardActions,
  .formGrid,
  fieldset
), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm :where(
  .partnerOrderWizardProgress,
  .partnerOrderWizardStep,
  .partnerOrderWizardSectionIntro,
  .partnerOrderWizardActions,
  .formGrid,
  fieldset
), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm :where(
  .partnerOrderWizardProgress,
  .partnerOrderWizardStep,
  .partnerOrderWizardSectionIntro,
  .partnerOrderWizardActions,
  .formGrid,
  fieldset
), body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm :where(
  .partnerOrderWizardProgress,
  .partnerOrderWizardStep,
  .partnerOrderWizardSectionIntro,
  .partnerOrderWizardActions,
  .formGrid,
  fieldset
) {
  border-color: transparent;
  background: transparent;
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountView)
  :where(label, legend, .partnerInquiryStepIntro h3, .partnerOrderWizardSectionIntro h3), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountingSettingsPanel)
  :where(label, legend, .partnerInquiryStepIntro h3, .partnerOrderWizardSectionIntro h3), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #partnerOrderView)
  :where(label, legend, .partnerInquiryStepIntro h3, .partnerOrderWizardSectionIntro h3) {
  color: var(--portal-text-primary);
  font-weight: 600;
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountView)
  :where(.formHint, .mutedText, small, .partnerInquiryStepIntro p, .partnerOrderWizardSectionIntro p), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountingSettingsPanel)
  :where(.formHint, .mutedText, small, .partnerInquiryStepIntro p, .partnerOrderWizardSectionIntro p), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #partnerOrderView)
  :where(.formHint, .mutedText, small, .partnerInquiryStepIntro p, .partnerOrderWizardSectionIntro p) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountView)
  :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountingSettingsPanel)
  :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #partnerOrderView)
  :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--portal-border-strong);
  background-color: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  caret-color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountView)
  :where(input, textarea)::placeholder, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #accountingSettingsPanel)
  :where(input, textarea)::placeholder, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(#partnerInquiryView, #partnerOrderView)
  :where(input, textarea)::placeholder {
  color: var(--portal-text-muted);
  opacity: 1;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepper {
  position: relative;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress.partnerPortalStepper {
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
  padding: 8px 4px 20px;
  list-style: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper > li {
  position: relative;
  min-width: 0;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper > li::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 15px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  border-radius: 999px;
  background: var(--portal-border-strong);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper > li:last-child::after {
  content: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 15px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  border-radius: 999px;
  background: var(--portal-border-strong);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep:last-child::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep:last-child::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep:last-child::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep:last-child::after {
  content: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.partnerPortalStepperStep::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.partnerPortalStepperStep::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.partnerPortalStepperStep::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.partnerPortalStepperStep::after {
  content: "";
  top: 15px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.partnerPortalStepperStep:is(:last-child, .isLastVisible)::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.partnerPortalStepperStep:is(:last-child, .isLastVisible)::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.partnerPortalStepperStep:is(:last-child, .isLastVisible)::after, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.partnerPortalStepperStep:is(:last-child, .isLastVisible)::after {
  content: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep.isComplete::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep.isComplete::after, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep.isComplete::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper > li:has(.isComplete)::after, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep.isComplete::after {
  background: var(--portal-success);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: start;
  width: 100%;
  min-width: 0;
  min-height: 72px;
  gap: 8px;
  padding: 42px 6px 0;
  border: 0;
  background: transparent;
  grid-template-columns: minmax(0, 1fr);
  color: var(--portal-text-secondary);
  box-shadow: none;
  font-size: clamp(.72rem, .8vw, .86rem);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton::before {
  content: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepper {
  counter-reset: partner-portal-step;
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep {
  counter-increment: partner-portal-step;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.partnerPortalStepperStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.partnerPortalStepperStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.partnerPortalStepperStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.partnerPortalStepperStep {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: start;
  min-height: 72px;
  gap: 8px;
  padding: 42px 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--portal-text-secondary);
  box-shadow: none;
  font-size: clamp(.72rem, .8vw, .86rem);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep::before {
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid var(--portal-border-strong);
  border-radius: 50%;
  background: var(--portal-surface-elevated);
  color: var(--portal-text-secondary);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 4px var(--portal-border-strong);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  transform: translate(-50%, -50%);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep::before {
  content: attr(data-partner-order-step-number);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardStepButton.partnerPortalStepperStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardStepButton.partnerPortalStepperStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardStepButton.partnerPortalStepperStep::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardStepButton.partnerPortalStepperStep::before {
  content: attr(data-partner-order-step-number);
  display: grid;
  place-items: center;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 30px;
  height: 30px;
  font-size: .78rem;
  transform: translate(-50%, -50%);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.active,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-active,
  #partnerInquiryView .partnerInquiryStepButton[aria-current="step"],
  #accountForm .partnerPortalStepperStep.active,
  #accountForm .partnerPortalStepperStep.ap-step-active,
  #accountForm .partnerPortalStepperStep[aria-current="step"]
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.active,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-active,
  #partnerInquiryView .partnerInquiryStepButton[aria-current="step"],
  #accountingSettingsForm .partnerPortalStepperStep.active,
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-active,
  #accountingSettingsForm .partnerPortalStepperStep[aria-current="step"]
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.active,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-active,
  #partnerInquiryView .partnerInquiryStepButton[aria-current="step"],
  #adminAccountForm .partnerPortalStepperStep.active,
  #adminAccountForm .partnerPortalStepperStep.ap-step-active,
  #adminAccountForm .partnerPortalStepperStep[aria-current="step"]
), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.active,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-active,
  #partnerInquiryView .partnerInquiryStepButton[aria-current="step"],
  #partnerOrderForm .partnerPortalStepperStep.active,
  #partnerOrderForm .partnerPortalStepperStep.ap-step-active,
  #partnerOrderForm .partnerPortalStepperStep[aria-current="step"]
) {
  color: var(--portal-text-primary);
  font-weight: 650;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountForm .partnerPortalStepperStep.active,
  #accountForm .partnerPortalStepperStep.ap-step-active,
  #accountForm .partnerPortalStepperStep[aria-current="step"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountingSettingsForm .partnerPortalStepperStep.active,
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-active,
  #accountingSettingsForm .partnerPortalStepperStep[aria-current="step"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #adminAccountForm .partnerPortalStepperStep.active,
  #adminAccountForm .partnerPortalStepperStep.ap-step-active,
  #adminAccountForm .partnerPortalStepperStep[aria-current="step"]
)::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.active,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-active,
  #partnerInquiryView .partnerInquiryStepButton[aria-current="step"]
) > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerOrderForm .partnerPortalStepperStep.active,
  #partnerOrderForm .partnerPortalStepperStep.ap-step-active,
  #partnerOrderForm .partnerPortalStepperStep[aria-current="step"]
)::before {
  border-color: var(--portal-accent);
  background: var(--portal-accent);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-accent) 72%, transparent);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.isComplete,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-complete,
  #accountForm .partnerPortalStepperStep.isComplete,
  #accountForm .partnerPortalStepperStep.ap-step-complete
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.isComplete,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-complete,
  #accountingSettingsForm .partnerPortalStepperStep.isComplete,
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-complete
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.isComplete,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-complete,
  #adminAccountForm .partnerPortalStepperStep.isComplete,
  #adminAccountForm .partnerPortalStepperStep.ap-step-complete
), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.isComplete,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-complete,
  #partnerOrderForm .partnerPortalStepperStep.isComplete,
  #partnerOrderForm .partnerPortalStepperStep.ap-step-complete
) {
  color: var(--portal-success);
  font-weight: 600;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountForm .partnerPortalStepperStep.isComplete,
  #accountForm .partnerPortalStepperStep.ap-step-complete
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountingSettingsForm .partnerPortalStepperStep.isComplete,
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-complete
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #adminAccountForm .partnerPortalStepperStep.isComplete,
  #adminAccountForm .partnerPortalStepperStep.ap-step-complete
)::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.isComplete,
  #partnerInquiryView .partnerInquiryStepButton.ap-step-complete
) > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerOrderForm .partnerPortalStepperStep.isComplete,
  #partnerOrderForm .partnerPortalStepperStep.ap-step-complete
)::before {
  border-color: var(--portal-success);
  background: var(--portal-success);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 5px color-mix(in srgb, var(--portal-success) 42%, transparent);
  font-size: .78rem;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.ap-step-error,
  #partnerInquiryView .partnerInquiryStepButton.hasError,
  #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"],
  #accountForm .partnerPortalStepperStep.ap-step-error,
  #accountForm .partnerPortalStepperStep.hasError,
  #accountForm .partnerPortalStepperStep[aria-invalid="true"]
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.ap-step-error,
  #partnerInquiryView .partnerInquiryStepButton.hasError,
  #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"],
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-error,
  #accountingSettingsForm .partnerPortalStepperStep.hasError,
  #accountingSettingsForm .partnerPortalStepperStep[aria-invalid="true"]
), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.ap-step-error,
  #partnerInquiryView .partnerInquiryStepButton.hasError,
  #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"],
  #adminAccountForm .partnerPortalStepperStep.ap-step-error,
  #adminAccountForm .partnerPortalStepperStep.hasError,
  #adminAccountForm .partnerPortalStepperStep[aria-invalid="true"]
), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.ap-step-error,
  #partnerInquiryView .partnerInquiryStepButton.hasError,
  #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"],
  #partnerOrderForm .partnerPortalStepperStep.ap-step-error,
  #partnerOrderForm .partnerPortalStepperStep.hasError,
  #partnerOrderForm .partnerPortalStepperStep[aria-invalid="true"]
) {
  color: var(--portal-error);
  font-weight: 650;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountForm .partnerPortalStepperStep.ap-step-error,
  #accountForm .partnerPortalStepperStep.hasError,
  #accountForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-error,
  #accountingSettingsForm .partnerPortalStepperStep.hasError,
  #accountingSettingsForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #adminAccountForm .partnerPortalStepperStep.ap-step-error,
  #adminAccountForm .partnerPortalStepperStep.hasError,
  #adminAccountForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerInquiryView .partnerInquiryStepButton.ap-step-error,
  #partnerInquiryView .partnerInquiryStepButton.hasError,
  #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"]
) > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerOrderForm .partnerPortalStepperStep.ap-step-error,
  #partnerOrderForm .partnerPortalStepperStep.hasError,
  #partnerOrderForm .partnerPortalStepperStep[aria-invalid="true"]
)::before {
  border-color: var(--portal-error);
  background: color-mix(in srgb, var(--portal-error) 10%, var(--portal-surface));
  color: var(--portal-error);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-error) 34%, transparent);
  font-size: .9rem;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountForm .partnerPortalStepperStep.ap-step-error,
  #accountForm .partnerPortalStepperStep.hasError,
  #accountForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #accountingSettingsForm .partnerPortalStepperStep.ap-step-error,
  #accountingSettingsForm .partnerPortalStepperStep.hasError,
  #accountingSettingsForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #adminAccountForm .partnerPortalStepperStep.ap-step-error,
  #adminAccountForm .partnerPortalStepperStep.hasError,
  #adminAccountForm .partnerPortalStepperStep[aria-invalid="true"]
)::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(
  #partnerOrderForm .partnerPortalStepperStep.ap-step-error,
  #partnerOrderForm .partnerPortalStepperStep.hasError,
  #partnerOrderForm .partnerPortalStepperStep[aria-invalid="true"]
)::before {
  content: "!";
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton[aria-disabled="true"]:not(.active) {
  color: var(--portal-text-secondary);
  opacity: 1;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(#partnerInquiryView .partnerInquiryStepButton, #accountForm .partnerPortalStepperStep):focus-visible, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(#partnerInquiryView .partnerInquiryStepButton, #accountingSettingsForm .partnerPortalStepperStep):focus-visible, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(#partnerInquiryView .partnerInquiryStepButton, #adminAccountForm .partnerPortalStepperStep):focus-visible, body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(#partnerInquiryView .partnerInquiryStepButton, #partnerOrderForm .partnerPortalStepperStep):focus-visible {
  outline: 2px solid transparent;
  border-radius: var(--portal-radius-control);
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectLoadMore {
  display: flex;
  grid-column: 1 / -1;
  justify-content: center;
  padding-block: 18px 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectLoadMore > button {
  min-width: min(100%, 260px);
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 38vw);
    grid-template-columns: none;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: 8px;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 8px;
    scroll-snap-type: inline proximity;
    scrollbar-color: var(--portal-accent) transparent;
  }
}

@media (max-width: 900px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardProgress.partnerPortalStepper, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardProgress.partnerPortalStepper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 38vw);
    grid-template-columns: none;
  }
}

@media (max-width: 900px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepperStep, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepperStep, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper > li, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepperStep {
    scroll-snap-align: center;
  }
}

@media (max-width: 520px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #accountingSettingsForm .partnerPortalStepper, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #adminAccountForm .partnerPortalStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepper, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderForm .partnerPortalStepper {
    grid-auto-columns: minmax(118px, 46vw);
  }
}

@media (max-width: 520px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerProjectLoadMore > button {
    width: 100%;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerInquiryWizard {
  border: 1px solid var(--portal-border);
  background: var(--portal-surface);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-md);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #partnerOrderForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #adminAccountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #adminAccountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountingSettingsForm .partnerOrderWizardStep, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #adminAccountForm .partnerOrderWizardStep {
  border-color: transparent;
  background: transparent;
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard label:not(.adminPermissionCheck):not(.adminPermissionToggle), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryWizard legend, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #partnerOrderForm label, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #partnerOrderForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #partnerOrderForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #partnerOrderForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #partnerOrderForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #partnerOrderForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountingSettingsForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #accountingSettingsForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #adminAccountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #partnerOrderView #adminAccountForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountingSettingsForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #accountingSettingsForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #adminAccountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountView #adminAccountForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountingSettingsForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #accountingSettingsForm legend, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #adminAccountForm label, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) .appContent #accountingSettingsPanel #adminAccountForm legend {
  color: var(--portal-text-primary);
  font-weight: 600;
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.ap-step-active > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton[aria-current="step"] > span, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.active::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.ap-step-active::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep[aria-current="step"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.ap-step-active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep[aria-current="step"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.ap-step-active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep[aria-current="step"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.ap-step-active::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep[aria-current="step"]::before {
  border-color: var(--portal-accent);
  background: var(--portal-accent);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-accent) 72%, transparent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.ap-step-complete > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.isComplete > span, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.ap-step-complete::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.ap-step-complete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.ap-step-complete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.isComplete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.ap-step-complete::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.isComplete::before {
  border-color: var(--portal-success);
  background: var(--portal-success);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 5px color-mix(in srgb, var(--portal-success) 42%, transparent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.ap-step-error > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton.hasError > span, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryStepButton[aria-invalid="true"] > span, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.ap-step-error::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep.hasError::before, body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerPortalStepperStep[aria-invalid="true"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.ap-step-error::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep.hasError::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerPortalStepperStep[aria-invalid="true"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.ap-step-error::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep.hasError::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerPortalStepperStep[aria-invalid="true"]::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.ap-step-error::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep.hasError::before, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerPortalStepperStep[aria-invalid="true"]::before {
  border-color: var(--portal-error);
  background: color-mix(in srgb, var(--portal-error) 10%, var(--portal-surface));
  color: var(--portal-error);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-error) 34%, transparent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardProgress.partnerPortalStepper {
  counter-reset: partner-complaint-step;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  padding: 8px 4px 20px;
  border: 0;
  border-bottom: 1px solid var(--portal-border);
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep {
  counter-increment: partner-complaint-step;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-content: start;
  width: 100%;
  min-width: 0;
  min-height: 72px;
  gap: 8px;
  padding: 42px 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--portal-text-secondary);
  box-shadow: none;
  font-size: clamp(.72rem, .8vw, .86rem);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep::before {
  content: counter(partner-complaint-step);
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid var(--portal-border-strong);
  border-radius: 50%;
  background: var(--portal-surface-elevated);
  color: var(--portal-text-secondary);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 4px var(--portal-border-strong);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  transform: translate(-50%, -50%);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 15px;
  left: calc(50% + 18px);
  width: calc(100% - 36px);
  height: 2px;
  border-radius: 999px;
  background: var(--portal-border-strong);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:last-child::after {
  content: none;
  display: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.active, .ap-step-active, [aria-current="step"]) {
  color: var(--portal-text-primary);
  font-weight: 650;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.active, .ap-step-active, [aria-current="step"])::before {
  border-color: var(--portal-accent);
  background: var(--portal-accent);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-accent) 72%, transparent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.isComplete, .ap-step-complete) {
  color: var(--portal-success);
  font-weight: 600;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.isComplete, .ap-step-complete)::after {
  background: var(--portal-success);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.isComplete, .ap-step-complete)::before {
  content: counter(partner-complaint-step);
  display: grid;
  border-color: var(--portal-success);
  background: var(--portal-success);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 5px color-mix(in srgb, var(--portal-success) 42%, transparent);
  font-size: .82rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.ap-step-error, .hasError, [aria-invalid="true"]) {
  color: var(--portal-error);
  font-weight: 650;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:is(.ap-step-error, .hasError, [aria-invalid="true"])::before {
  content: "!";
  display: grid;
  border-color: var(--portal-error);
  background: color-mix(in srgb, var(--portal-error) 10%, var(--portal-surface));
  color: var(--portal-error);
  box-shadow: 0 0 0 3px var(--portal-surface), 0 0 0 6px color-mix(in srgb, var(--portal-error) 34%, transparent);
  font-size: .9rem;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep:focus-visible {
  outline: 2px solid transparent;
  border-radius: var(--portal-radius-control);
  box-shadow: var(--portal-focus-ring);
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardProgress.partnerPortalStepper {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(132px, 38vw);
    grid-template-columns: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: 8px;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 8px;
    scroll-snap-type: inline proximity;
    scrollbar-color: var(--portal-accent) transparent;
  }
}

@media (max-width: 900px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardStepButton.partnerPortalStepperStep {
    scroll-snap-align: center;
  }
}

@media (max-width: 520px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerComplaintForm .complaintWizardProgress.partnerPortalStepper {
    grid-auto-columns: minmax(118px, 46vw);
  }
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="inquiry"]) .dashboardHeadModern:not(.hidden) {
  display: none !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--portal-space-lg);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeaderCopy {
  display: grid;
  min-width: 0;
  gap: 6px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeaderEyebrow {
  color: var(--portal-accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeader :is(h2, h3) {
  margin: 0;
  color: var(--portal-text-primary);
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.12;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeader p {
  max-width: 760px;
  margin: 0;
  color: var(--portal-text-secondary);
  line-height: 1.55;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeaderAction {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .globalPageBackAction {
  border-color: color-mix(in srgb, var(--portal-accent) 36%, var(--portal-surface-dark));
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .globalPageBackAction:not(:disabled):is(:hover, :focus-visible, :active) {
  border-color: var(--portal-accent);
  background: color-mix(in srgb, var(--portal-accent) 25%, var(--portal-surface-dark));
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .portalPageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .portalPageHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .portalPageHeader {
  max-width: none !important;
  margin: 0 !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .portalPageHeader h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .portalPageHeader h2, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .portalPageHeader h2 {
  color: var(--portal-text-primary);
  font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderView.portalSurface > .portalPageHeader .portalButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountView.portalSurface > .portalPageHeader .portalButton, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsPanel.portalSurface > .portalPageHeader .portalButton {
  min-height: 42px;
}

body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardActions {
  gap: var(--portal-space-md) !important;
  padding: var(--portal-space-md) var(--portal-space-lg) var(--portal-space-lg);
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeader {
    align-items: stretch;
    flex-direction: column;
    gap: var(--portal-space-md);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeaderAction, body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalPageHeaderAction .portalButton {
    width: 100%;
  }
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="wizard"]) #partnerOrderForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #accountingSettingsForm .partnerOrderWizardActions, body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"].dashboardMode:where([data-ui-archetype="wizard"]) #adminAccountForm .partnerOrderWizardActions {
    justify-content: stretch;
    padding-inline: var(--portal-space-md);
  }
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  font: 600 .94rem/1.25 var(--ap-font);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease,
    color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .portalButtonIcon {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--primary {
  border-color: var(--action-primary-border);
  background: var(--action-primary-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-shadow);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--secondary-dark {
  border-color: color-mix(in srgb, var(--portal-accent) 36%, var(--portal-surface-dark));
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-sm);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--ghost {
  border-color: var(--portal-border);
  background: transparent;
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--danger {
  border-color: color-mix(in srgb, var(--portal-error) 54%, var(--portal-border));
  background: color-mix(in srgb, var(--portal-error) 9%, var(--portal-surface));
  color: var(--portal-error);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--icon {
  width: 46px;
  padding: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton:not(:disabled):is(:hover, :focus-visible) {
  outline: none;
  transform: translateY(-1px);
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-md);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--primary:not(:disabled):hover {
  border-color: var(--action-primary-hover-border);
  background: var(--action-primary-hover-bg);
  color: var(--action-primary-text);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--secondary-dark:not(:disabled):hover {
  border-color: var(--portal-accent);
  background: color-mix(in srgb, var(--portal-accent) 25%, var(--portal-surface-dark));
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--ghost:not(:disabled):hover {
  border-color: var(--portal-border-strong);
  background: var(--portal-accent-soft);
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton--danger:not(:disabled):hover {
  border-color: var(--portal-error);
  background: var(--portal-error);
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"]) .portalButton:disabled {
  cursor: not-allowed;
  opacity: .56;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox > .portalButton--secondary-dark, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView > .portalButton--secondary-dark, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel > .portalButton--secondary-dark, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryBackButton.portalButton--secondary-dark, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryRecordBack.portalButton--secondary-dark, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalButton--secondary-dark, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox > .portalButton--secondary-dark, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel > .portalButton--secondary-dark {
  border-color: color-mix(in srgb, var(--portal-accent) 36%, var(--portal-surface-dark));
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalButton--danger {
  border-color: color-mix(in srgb, var(--portal-error) 54%, var(--portal-border));
  background: color-mix(in srgb, var(--portal-error) 9%, var(--portal-surface));
  color: var(--portal-error);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .portalButton--danger:not(:disabled):hover {
  border-color: var(--portal-error);
  background: var(--portal-error);
  color: var(--portal-text-inverse);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeIntro {
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeIntro :where(h2, h3) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeIntro > p:not(.partnerHomeIntroEyebrow) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .partnerHomeIntro .partnerHomeIntroEyebrow {
  color: var(--portal-accent);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsPanel .partnerHomeIntro > h3 {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsPanel .partnerHomeIntro > p:not(.partnerHomeIntroEyebrow) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox.portalProjectRecord, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView.portalProjectRecord, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel.portalProjectRecord, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox.portalProjectRecord {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: clamp(18px, 2.5vw, 30px);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--portal-text-primary);
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHero {
  display: grid;
  width: 100%;
  min-height: clamp(300px, 36vw, 420px);
  align-content: end;
  padding: clamp(26px, 4vw, 52px);
  border: 1px solid color-mix(in srgb, var(--portal-accent) 38%, transparent);
  border-radius: var(--portal-radius-hero);
  background-color: var(--portal-surface-dark);
  background-image: var(--portal-project-hero-image, url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg"));
  background-position: center;
  background-size: cover;
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailHead.portalHero--media.portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailHead.portalHero--media.portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailHead.portalHero--media.portalProjectHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailHead.portalHero--media.portalProjectHero {
  min-height: clamp(300px, 36vw, 420px);
  max-width: none;
  margin: 0;
  padding: clamp(26px, 4vw, 52px);
  background-color: var(--portal-surface-dark);
  background-image: var(--portal-project-hero-image, url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg"));
  background-position: center;
  background-size: cover;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHero::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHero::before, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHero::before, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHero::before {
  background: linear-gradient(92deg,
    color-mix(in srgb, var(--portal-surface-dark) 96%, transparent),
    color-mix(in srgb, var(--portal-surface-dark) 74%, transparent) 56%,
    color-mix(in srgb, var(--portal-surface-dark) 30%, transparent));
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHeroContent, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHeroContent, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHeroContent, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHeroContent {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, 1080px);
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHeroContent > :where(h2, h3, p, span, strong, small, a, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHeroContent > :where(h2, h3, p, span, strong, small, a, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHeroContent > :where(h2, h3, p, span, strong, small, a, svg), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHeroContent > :where(h2, h3, p, span, strong, small, a, svg) {
  color: var(--portal-text-inverse);
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHero .portalProjectHeroContent > :is(h2, h3, p, span, strong, small, a, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHero .portalProjectHeroContent > :is(h2, h3, p, span, strong, small, a, svg), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHero .portalProjectHeroContent > :is(h2, h3, p, span, strong, small, a, svg), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHero .portalProjectHeroContent > :is(h2, h3, p, span, strong, small, a, svg) {
  color: var(--portal-text-inverse);
  text-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHeroContent > h3, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHeroContent > h3, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHeroContent > h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHeroContent > h3 {
  max-width: 22ch;
  margin: 0;
  font-size: clamp(2rem, 4.4vw, 4.25rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailMeta, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailMeta {
  margin: 4px 0 0;
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroMeta, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroMeta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 920px;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroMetaItem, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroMetaItem, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroMetaItem, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroMetaItem {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  gap: 8px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--portal-text-inverse) 24%, transparent);
  border-radius: var(--portal-radius-control);
  background: color-mix(in srgb, var(--portal-surface-dark) 62%, transparent);
  color: var(--portal-text-inverse);
  backdrop-filter: blur(8px);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroMetaItem :where(strong, a, small), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroMetaItem :where(strong, a, small), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroMetaItem :where(strong, a, small), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroMetaItem :where(strong, a, small) {
  min-width: 0;
  color: var(--portal-text-inverse);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroStatus, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroStatus {
  grid-column: 1 / -1;
  grid-template-columns: 12px minmax(0, auto) minmax(0, 1fr);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox > .detailBackButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView > .detailBackButton, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel > .detailBackButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox > .detailBackButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerProjectsPanel > .detailBackButton {
  justify-self: start;
  width: auto;
  margin: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCardGroup {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard {
  position: relative;
  display: grid;
  min-height: 148px;
  align-content: center;
  gap: 8px;
  padding: 22px;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
  cursor: pointer;
  transition: border-color 150ms ease, background-color 150ms ease,
    color 150ms ease, box-shadow 150ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard > :where(strong, small) {
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard > small {
  color: var(--portal-text-secondary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCardCheck {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--portal-border);
  border-radius: 50%;
  background: var(--portal-surface);
  color: transparent;
  opacity: 0;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCardCheck .portalIcon {
  width: 16px;
  height: 16px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard:is(:hover, :has(input:checked)) {
  border-color: var(--portal-accent);
  background: color-mix(in srgb, var(--portal-accent-soft) 56%, var(--portal-surface-elevated));
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard:has(input:checked) .portalSelectionCardCheck {
  border-color: var(--portal-accent);
  background: var(--portal-accent);
  color: var(--portal-text-inverse);
  opacity: 1;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard:has(input:focus-visible) {
  outline: none;
  box-shadow: var(--portal-focus-ring);
}

:where(body[data-design-system="partner-portal-v1"]) .portalNumberInput {
  display: grid;
  min-width: 0;
  gap: 7px;
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .portalNumberInputControl {
  border-color: var(--portal-border-strong);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  caret-color: var(--portal-accent);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .portalNumberInputControl:is(:hover, :focus) {
  border-color: var(--portal-accent);
  background: var(--portal-surface-elevated);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .portalNumberInputControl[aria-invalid="true"] {
  border-color: var(--portal-error);
  background: color-mix(in srgb, var(--portal-error) 4%, var(--portal-surface-elevated));
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .portalNumberInputControl:disabled {
  border-color: var(--portal-border);
  background: var(--portal-surface-subtle);
  color: var(--portal-text-muted);
}

:where(body[data-design-system="partner-portal-v1"]) .portalFieldError {
  color: var(--portal-error);
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.35;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appSidebar {
  overflow-x: hidden;
  overflow-y: auto;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearch {
  position: relative;
  display: grid;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchControl {
  position: relative;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearch .portalSidebarSearchInput {
  width: 100%;
  padding-right: 46px;
  border-color: var(--portal-sidebar-border);
  background: color-mix(in srgb, var(--portal-surface-dark) 78%, transparent);
  color: var(--portal-text-inverse);
  caret-color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearch .portalSidebarSearchInput::placeholder {
  color: color-mix(in srgb, var(--portal-text-inverse) 62%, transparent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearch .portalSidebarSearchInput:focus {
  border-color: var(--portal-accent);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-accent) 28%, transparent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearch .portalSidebarSearchInput::-webkit-search-cancel-button {
  display: none;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchClear {
  position: absolute;
  top: 50%;
  right: 6px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--portal-text-inverse);
  transform: translateY(-50%);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchClear:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--portal-accent) 46%, transparent);
  background: color-mix(in srgb, var(--portal-accent) 20%, transparent);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-accent) 22%, transparent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchClearIcon {
  width: 17px;
  height: 17px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchResults {
  position: absolute;
  z-index: var(--ap-z-popover);
  top: calc(100% + 8px);
  left: 0;
  display: grid;
  width: 100%;
  max-height: min(360px, 52vh);
  gap: 4px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--portal-sidebar-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg);
  overscroll-behavior: contain;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchOption {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: var(--portal-radius-control);
  background: transparent;
  color: var(--portal-text-inverse);
  text-align: left;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchOption:is(:hover, :focus-visible, .isActive) {
  border-color: color-mix(in srgb, var(--portal-accent) 44%, transparent);
  background: color-mix(in srgb, var(--portal-accent) 18%, transparent);
  color: var(--portal-text-inverse);
  outline: none;
  box-shadow: none;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchTopline {
  display: flex;
  min-width: 0;
  align-items: start;
  justify-content: space-between;
  gap: 8px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMeta, :where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchTopline :where(strong, small) {
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMeta, :where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchTopline strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMeta, :where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchTopline small {
  color: color-mix(in srgb, var(--portal-text-inverse) 68%, transparent);
  font-size: .76rem;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMessage {
  display: grid;
  gap: 4px;
  padding: 13px 12px;
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMessage :where(strong, small) {
  color: inherit;
}

:where(body[data-design-system="partner-portal-v1"]) .portalSidebarSearchMessage small {
  color: color-mix(in srgb, var(--portal-text-inverse) 65%, transparent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadField {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  gap: 14px;
  padding: clamp(18px, 3vw, 28px);
  border: 1px dashed var(--portal-border-strong);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface-subtle);
  color: var(--portal-text-primary);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadField:is(:focus-within, .isDragOver) {
  border-color: var(--portal-accent);
  background: var(--portal-accent-soft);
  box-shadow: var(--portal-focus-ring);
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadNative {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadIcon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: var(--portal-accent-soft);
  color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadIcon .portalIcon {
  width: 22px;
  height: 22px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadCopy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadCopy strong {
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadCopy small, :where(body[data-design-system="partner-portal-v1"]) .portalUploadStatus {
  color: var(--portal-text-secondary);
  overflow-wrap: anywhere;
}

:where(body[data-design-system="partner-portal-v1"]) .portalUploadStatus {
  grid-column: 2 / -1;
  font-size: .82rem;
}

:where(body[data-design-system="partner-portal-v1"]) .portalReviewCardHead {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalReviewCardIcon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--portal-accent-soft);
  color: var(--portal-accent);
}

:where(body[data-design-system="partner-portal-v1"]) .portalReviewCardIcon .portalIcon {
  width: 19px;
  height: 19px;
}

:where(body[data-design-system="partner-portal-v1"]) .portalReviewCardHead h4 {
  min-width: 0;
  margin: 0;
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"]) .portalReviewEdit {
  min-height: 40px;
  padding: 7px 12px;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard .formActions {
  align-items: stretch;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard .partnerInquiryWithdrawButton {
  margin-inline-start: auto;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress--terminal {
  grid-template-columns: minmax(0, 1fr);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress--terminal li.isTerminal {
  border-color: color-mix(in srgb, var(--portal-error) 42%, var(--portal-border));
  background: color-mix(in srgb, var(--portal-error) 8%, var(--portal-surface));
  color: var(--portal-text-primary);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryProgress--terminal li.isTerminal > span {
  background: color-mix(in srgb, var(--portal-error) 18%, var(--portal-surface));
  color: var(--portal-error);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerComplaintForm #complaintWizardBackButton.portalButton--secondary-dark {
  border-color: color-mix(in srgb, var(--portal-accent) 36%, var(--portal-surface-dark));
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent #partnerComplaintForm #complaintWizardBackButton.portalButton--secondary-dark:not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--portal-accent);
  background: color-mix(in srgb, var(--portal-accent) 25%, var(--portal-surface-dark));
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-md);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalSelectMenu {
  z-index: var(--ap-z-popover);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList.partnerProjectsCards {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectCard, body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectField, body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectCard, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectField, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectsHeader {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectCard:is(:hover, :focus-visible), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectCard:is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList :is(.partnerProjectField strong, .partnerProjectField > span:not(.partnerProjectLabel):not(.partnerProjectSortableLabel):not(.partnerProjectLabelInline)) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList :is(.partnerProjectLabel, .partnerProjectSortableLabel, .partnerProjectLabelInline, .partnerProjectStatusTag) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectEmptyState, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectEmptyState {
  display: grid;
  gap: 6px;
  min-height: 0;
  padding: 20px;
  border: 1px solid var(--portal-surface-border);
  border-radius: var(--portal-radius-card);
  background: var(--portal-surface-muted);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectEmptyState :is(strong, p), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectEmptyState :is(strong, p) {
  margin: 0;
  color: var(--portal-text-primary);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .partnerProjectEmptyState p, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .partnerProjectEmptyState p {
  color: var(--portal-text-secondary);
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="complaint"]) #partnerComplaintForm.partnerComplaintForm {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-soft);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm :is(.portalSurfaceHead h3, .complaintWizardStepHead h4, label, .complaintWizardSummaryRows strong) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm :is(.portalSurfaceHead .mutedText, .complaintWizardStepHead p, .complaintWizardSummaryRows span) {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintSelectedProjectSummary, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardSummaryRows article {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-muted);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintProjectSearch {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: inset 0 1px 0 #ffffff;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm #complaintProjectSearch::placeholder {
  color: var(--portal-text-muted);
  opacity: 1;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectOption.partnerCardInteractive {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-active);
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectOption.partnerCardInteractive :is(strong, span) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectOption.partnerCardInteractive span {
  color: var(--portal-text-secondary);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintProjectOption.partnerCardInteractive:is(:hover, :focus, :focus-visible, :active, .is-selected, .ap-card-selected) {
  border-color: var(--portal-surface-border-active);
  background: color-mix(in srgb, var(--portal-accent-soft) 62%, var(--portal-surface-active));
  background-image: none;
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-active);
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm, body[data-design-system="partner-portal-v1"].dashboardMode #partnerComplaintForm .complaintWizardStep, body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList {
    min-width: 0;
    overflow-x: clip;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHero {
    min-height: clamp(220px, 72vw, 300px);
    padding: 22px 18px;
    background-position: 58% center;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderDetailHead.portalHero--media.portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderDetailHead.portalHero--media.portalProjectHero, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderDetailHead.portalHero--media.portalProjectHero, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderDetailHead.portalHero--media.portalProjectHero {
    min-height: clamp(220px, 72vw, 300px);
    max-width: none;
    margin: 0;
    padding: 22px 18px;
    background-image: var(--portal-project-hero-image, url("/assets/pv-montage-ziegeldach-montageschienen-bayern.jpg"));
    background-position: 58% center;
    background-size: cover;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .portalProjectHeroContent > h3, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .portalProjectHeroContent > h3, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .portalProjectHeroContent > h3, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .portalProjectHeroContent > h3 {
    max-width: 16ch;
    font-size: clamp(1.9rem, 9vw, 3rem);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroMeta, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroMeta, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroMeta {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroStatus, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroStatus, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroStatus {
    grid-column: auto;
    grid-template-columns: 12px minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #customerDetailBox .partnerOrderHeroStatus small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #detailView .partnerOrderHeroStatus small, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="record"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #reonicOrderDetailPanel .partnerOrderHeroStatus small, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerOrderDetailBox .partnerOrderHeroStatus small {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCardGroup {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalSelectionCard {
    min-height: 112px;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalUploadField {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalUploadChoose {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalUploadStatus {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalReviewCardHead {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
:where(body[data-design-system="partner-portal-v1"]) .portalReviewEdit {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard .formActions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard .partnerInquiryWithdrawButton {
    width: 100%;
    margin-inline-start: 0;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--portal-space-md) !important;
  margin: var(--portal-space-lg) 0 0 !important;
  padding: var(--portal-space-lg) var(--portal-space-lg) var(--portal-space-md) !important;
  border-top: 1px solid var(--portal-surface-border);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow > button {
  display: inline-flex;
  min-height: 48px !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0 !important;
  padding: 10px 18px !important;
  border-radius: var(--portal-radius-control) !important;
  font: 600 .94rem/1.25 var(--ap-font);
  text-align: center;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow :is(
  [data-inquiry-step-back],
  #partnerOrderWizardBackButton,
  #complaintWizardBackButton
) {
  border-color: #5f6b76;
  background: #6d7884;
  color: #ffffff;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow :is(
  [data-inquiry-step-back],
  #partnerOrderWizardBackButton,
  #complaintWizardBackButton
):not(:disabled):is(:hover, :focus-visible) {
  border-color: #4d5965;
  background: #596571;
  color: #ffffff;
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow [data-complaint-action="list"] {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow [data-complaint-action="list"]:not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-muted);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-focus-ring);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow > button:disabled {
  border-color: #b7c1ca;
  background: #d8e0e6;
  color: #53616d;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow {
    align-items: stretch;
    padding: var(--portal-space-md) 0 0 !important;
  }
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent .partnerWizardActionRow > button {
    flex: 1 1 100%;
    width: 100%;
  }
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList.partnerProjectsCards {
  gap: clamp(24px, 2.2vw, 32px) !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeWorkspace, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeWorkspace {
  gap: clamp(24px, 2.2vw, 32px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"].dashboardMode:where([data-ui-archetype="home"]) #partnerProjectsCards .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #accountingList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminAccountsList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #adminStatisticsContent .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #emailAutomationList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #partnerAdminOverviewList .partnerHomeActionSection, body[data-design-system="partner-portal-v1"][data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:where([data-ui-archetype="home"]) #upcomingAppointmentsList .partnerHomeActionSection {
  gap: var(--portal-space-lg);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView {
  --partner-inquiry-card-standard:
    radial-gradient(circle at 18% 0%, rgba(72, 159, 223, .2), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    var(--portal-surface);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .choiceButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .partnerHomeActionCard, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--portal-border);
  border-radius: var(--portal-radius-surface);
  background: var(--partner-inquiry-card-standard);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow);
  transform: translateY(0);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .adminMetric, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .choiceButton, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .partnerHomeActionCard {
  min-height: 210px;
  padding: var(--portal-space-xl);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .adminMetric,
  .partnerInquiryListCard
) :where(h3, p, small, strong, span, em, svg, .mutedText, .partnerInquiryReference, .partnerInquiryLegacyHint), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .choiceButton,
  .partnerInquiryListCard
) :where(h3, p, small, strong, span, em, svg, .mutedText, .partnerInquiryReference, .partnerInquiryLegacyHint), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .partnerHomeActionCard,
  .partnerInquiryListCard
) :where(h3, p, small, strong, span, em, svg, .mutedText, .partnerInquiryReference, .partnerInquiryLegacyHint) {
  color: inherit;
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .partnerHomeActionIcon {
  border-color: var(--portal-border-strong);
  background: rgba(72, 159, 223, .16);
  color: var(--portal-text-primary);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .adminMetric,
  .partnerInquiryListCard
):is(:hover, :focus-visible, :focus-within), :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .choiceButton,
  .partnerInquiryListCard
):is(:hover, :focus-visible, :focus-within), body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView :is(
  .partnerInquiryListActionCard .partnerHomeActionCard,
  .partnerInquiryListCard
):is(:hover, :focus-visible, :focus-within) {
  border-color: rgba(84, 173, 234, .62);
  background: var(--portal-surface-dark);
  color: var(--portal-text-inverse);
  box-shadow: var(--portal-shadow-lg), var(--portal-focus-ring);
  transform: translateY(-3px);
  outline: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListCard:is(:hover, :focus-within) .ap-badge {
  border-color: rgba(255, 255, 255, .36);
  background: rgba(255, 255, 255, .14);
  color: var(--portal-text-inverse);
}

:where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .adminMetric:is(:hover, :focus-visible) .partnerHomeActionIcon, :where(body[data-design-system="partner-portal-v1"][data-ui-archetype="home"]) body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .choiceButton:is(:hover, :focus-visible) .partnerHomeActionIcon, body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard .partnerHomeActionCard:is(:hover, :focus-visible) .partnerHomeActionIcon {
  border-color: rgba(255, 255, 255, .36);
  background: rgba(255, 255, 255, .14);
  color: var(--portal-text-inverse);
}

@media (max-width: 760px) {
body:where([data-design-system="partner-portal-v1"]).dashboardMode #partnerInquiryView .partnerInquiryListActionCard {
    width: 100%;
    max-width: none;
  }
}

body[data-design-system="partner-portal-v1"].dashboardMode .partnerPortalBackAction {
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerProjectsPanel.reviewBox, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #accountingPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminAccountsPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminStatisticsPanel.statisticsPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #emailAutomationPanel.recommendationForm, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #montageCalendarPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerAdminOverviewPanel.portalPanel, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #reonicOrdersPanel.ap-section, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #taskWorkQueueRoot, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #upcomingAppointments {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerProjectsIntro :is(h3, #partnerProjectsTitle) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerProjectsText {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #upcomingAppointmentsList.partnerProjectsCards {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerProjectsCards .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #accountingList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminAccountsList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #adminStatisticsContent .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #emailAutomationList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #partnerAdminOverviewList .partnerProjectsHeader, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode:not([data-ui-archetype="home"]):not([data-ui-archetype="complaint"]):not([data-ui-archetype="wizard"]) #upcomingAppointmentsList .partnerProjectsHeader {
  padding: 0 var(--portal-space-lg) var(--portal-space-sm);
  border: 0;
  border-bottom: 1px solid var(--portal-surface-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2.portalList {
  border-color: var(--portal-surface-border);
  background: var(--portal-surface-default);
  box-shadow: var(--portal-shadow-sm);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2-header, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2-header {
  border-bottom-color: rgba(255, 255, 255, .16);
  background: var(--portal-surface-dark);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2-header-cell > span, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2-header-cell > span {
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-sort-button, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-sort-button {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-sort-button:is(:hover, .active) {
  background: rgba(255, 255, 255, .16);
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-row, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-row {
  border-bottom-color: var(--portal-surface-border);
  background: var(--portal-surface-active);
  color: var(--portal-text-primary);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-row.is-interactive:focus-visible, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-row.is-interactive:is(:hover, :active) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-muted);
  color: var(--portal-text-primary);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 :is(
  .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value,
  .ap-list-v2-cell-primary .ap-list-v2-value strong,
  .ap-list-v2-cell-secondary .ap-list-v2-value,
  .ap-list-v2-cell-secondary .ap-list-v2-value strong
) {
  color: var(--portal-text-primary);
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2 .ap-list-v2-stack small, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2 .ap-list-v2-stack small {
  color: var(--portal-text-secondary);
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsCards .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsContent .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewList .ap-list-v2.portalList, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointmentsList .ap-list-v2.portalList {
    box-shadow: none;
  }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.primaryButton, .ap-button-primary, .portalButton--primary) {
  border-color: var(--action-primary-border);
  background: var(--action-primary-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.primaryButton, .ap-button-primary, .portalButton--primary):not(:disabled):is(:hover, :focus-visible, :active) {
  border-color: var(--action-primary-hover-border);
  background: var(--action-primary-hover-bg);
  color: var(--action-primary-text);
  box-shadow: var(--action-primary-focus), var(--action-primary-hover-shadow);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.primaryButton, .ap-button-primary, .portalButton--primary):disabled {
  border-color: #b7c1ca;
  background: #d8e0e6;
  color: #53616d;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle), body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #partnerProjectsIntro :is(h3, #partnerProjectsTitle) {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #partnerProjectsText, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #partnerProjectsText {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #partnerProjectsPanel.reviewBox:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #partnerProjectsCards.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #accountingPanel.recommendationForm:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminAccountsPanel.recommendationForm:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #adminStatisticsPanel.statisticsPanel:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #emailAutomationPanel.recommendationForm:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #montageCalendarPanel:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #partnerAdminOverviewPanel.portalPanel:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #reonicOrdersPanel.ap-section:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #taskWorkQueueRoot:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #accountingList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #adminAccountsList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #adminStatisticsContent.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #emailAutomationList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #partnerAdminOverviewList.partnerProjectsCards, body[data-design-system="partner-portal-v1"][data-ui-archetype="list"][data-ui-archetype="list"].dashboardMode #upcomingAppointments:has(.complaintOverviewSection) #upcomingAppointmentsList.partnerProjectsCards {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintOverviewSection > .ap-section-body {
  gap: 0;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintOverviewSection .ap-section-title {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintOverviewSection .ap-section-description {
  color: var(--portal-text-secondary);
  text-shadow: none;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList.ap-list-v2.portalList {
  border-color: var(--portal-surface-border);
  border-radius: var(--portal-radius-panel);
  background: var(--portal-surface-default);
  color: var(--portal-text-primary);
  box-shadow: var(--portal-shadow-sm);
  overflow: hidden;
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-header {
  min-height: 48px;
  padding: var(--ap-space-2) var(--ap-space-4);
  border-bottom-color: rgba(255, 255, 255, .16);
  background: var(--portal-surface-dark);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-header-cell, body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-header-cell > span {
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-sort-button {
  color: rgba(255, 255, 255, .9);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-sort-button:is(:hover, .active) {
  background: rgba(255, 255, 255, .16);
  color: var(--portal-text-inverse);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-body, body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-empty {
  background: var(--portal-surface-active);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-empty {
  min-height: calc(var(--ap-space-8) + var(--ap-space-8));
  color: var(--portal-text-primary);
}

body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList .ap-list-v2-empty .mutedText {
  color: var(--portal-text-primary);
  text-shadow: none;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectTrigger, .ap-select-v2-trigger) {
  color-scheme: light;
  border-color: var(--portal-surface-border);
  background: rgba(255, 255, 255, .94);
  background-color: rgba(255, 255, 255, .94);
  background-image: none;
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  font-weight: 400 !important;
  box-shadow: inset 0 1px 0 #ffffff, 0 8px 20px rgba(29, 76, 111, .05);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):is(:hover, :focus), body:where([data-design-system="partner-portal-v1"]).dashboardMode :where(.portalSelectTrigger, .ap-select-v2-trigger):is(:hover, :focus-visible, .isOpen, .is-open) {
  border-color: var(--portal-surface-border-active);
  background: var(--portal-surface-active);
  background-color: var(--portal-surface-active);
  color: var(--portal-text-primary);
  -webkit-text-fill-color: var(--portal-text-primary);
  outline: none;
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-sm);
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), textarea)::placeholder {
  color: var(--portal-text-muted);
  font-weight: 400;
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(label, small, .formHint, .mutedText), body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(select option, .portalSelectOption, .ap-select-v2-option) {
  font-weight: 400 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):is(:disabled, [readonly]) {
  background: var(--portal-surface-muted);
  background-color: var(--portal-surface-muted);
  color: var(--portal-text-secondary);
  -webkit-text-fill-color: var(--portal-text-secondary);
  opacity: 1;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :where(input:not([type="checkbox"]):not([type="radio"])):-webkit-autofill, body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--portal-text-primary);
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, .94) inset;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(select:not([multiple]), .portalSelectTrigger, .ap-select-v2-trigger) {
  color-scheme: light;
  border-color: var(--portal-surface-border) !important;
  background: var(--portal-surface-muted) !important;
  background-color: var(--portal-surface-muted) !important;
  background-image: none !important;
  color: var(--portal-text-primary) !important;
  -webkit-text-fill-color: var(--portal-text-primary) !important;
  font-weight: 400 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(select:not([multiple]), .portalSelectTrigger, .ap-select-v2-trigger):is(:hover, :focus, :focus-visible, .isOpen, .is-open) {
  border-color: var(--portal-surface-border-active) !important;
  background: var(--portal-surface-active) !important;
  background-color: var(--portal-surface-active) !important;
  color: var(--portal-text-primary) !important;
  -webkit-text-fill-color: var(--portal-text-primary) !important;
  box-shadow: var(--portal-focus-ring), var(--portal-shadow-sm) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.portalSelectMenu, .ap-select-v2-menu) {
  border-color: var(--portal-surface-border-active) !important;
  background: var(--portal-surface-active) !important;
  color: var(--portal-text-primary) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(select option, .portalSelectOption, .ap-select-v2-option) {
  background: var(--portal-surface-active) !important;
  color: var(--portal-text-primary) !important;
  font-weight: 400 !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode :is(.portalSelectOption, .ap-select-v2-option):is(:hover, .isActive, .is-active, .isSelected, .is-selected, [aria-selected="true"]) {
  background: var(--portal-accent-soft) !important;
  color: var(--portal-text-primary) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(select:not([multiple]), .portalSelectTrigger, .ap-select-v2-trigger):is(:disabled, [aria-disabled="true"]) {
  background: var(--portal-surface-muted) !important;
  color: var(--portal-text-secondary) !important;
  -webkit-text-fill-color: var(--portal-text-secondary) !important;
  opacity: 1;
}

@media (max-width: 760px) {
body[data-design-system="partner-portal-v1"].dashboardMode .complaintPremiumList.ap-list-v2.portalList {
    box-shadow: none;
  }
}

:where(body[data-design-system="partner-portal-v1"]) .orderReviewWorkspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,340px); gap:24px; align-items:start; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewMain { min-width:0; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewHeader { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:18px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewKicker { display:block; margin-bottom:6px; color:#227dbb; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponents h3, :where(body[data-design-system="partner-portal-v1"]) .orderReviewHeader h2, :where(body[data-design-system="partner-portal-v1"]) .orderReviewPanel h3, :where(body[data-design-system="partner-portal-v1"]) .orderReviewStartCard h3 { margin:0; color:#102a46; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewTiming, :where(body[data-design-system="partner-portal-v1"]) .orderReviewTimingPreview { display:flex; flex-wrap:wrap; gap:10px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewTiming > div, :where(body[data-design-system="partner-portal-v1"]) .orderReviewTimingPreview > div { min-width:130px; padding:10px 13px; border:1px solid #cfe1ee; border-radius:12px; background:#f7fbfe; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewTiming span, :where(body[data-design-system="partner-portal-v1"]) .orderReviewTimingPreview span { display:block; color:#61788c; font-size:.72rem; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewTiming b, :where(body[data-design-system="partner-portal-v1"]) .orderReviewTimingPreview strong { display:block; margin-top:3px; color:#17324d; font-size:.9rem; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStartCard { max-width:760px; margin:12px auto; padding:34px; border:1px solid #c9dfed; border-radius:20px; background:#fff; box-shadow:0 18px 48px rgba(36,93,130,.1); }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStartCard > p { color:#49657b; font-size:1.02rem; line-height:1.6; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewSteps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:20px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep { display:flex; min-width:0; min-height:64px; align-items:center; gap:9px; padding:10px; border:1px solid #d3e3ee; border-radius:13px; background:#fff; color:#405b70; text-align:left; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep span { display:grid; flex:0 0 28px; width:28px; height:28px; place-items:center; border-radius:50%; background:#e8f2f8; color:#356d93; font-weight:800; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep b { min-width:0; white-space:normal; word-break:normal; overflow-wrap:normal; hyphens:none; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep.is-active { border-color:#58a9df; background:#eef8fe; color:#0c537f; box-shadow:0 8px 20px rgba(50,139,198,.13); }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep.is-active span, :where(body[data-design-system="partner-portal-v1"]) .orderReviewStep.is-complete span { background:#2788c8; color:#fff; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep:disabled { background:#f1f4f6; color:#7b8994; opacity:1; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPanel { padding:28px; border:1px solid #cbdfea; border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(31,82,116,.08); }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPanelHead { margin-bottom:22px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPanelHead > span { color:#2685c4; font-weight:800; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPanelHead > p { margin:8px 0 0; color:#506b80; line-height:1.55; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard { padding:18px; border:1px solid #cfe0eb; border-radius:15px; background:#f8fbfd; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard > span { color:#1b6a48; font-size:.75rem; font-weight:800; text-transform:uppercase; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard.is-missing { border-color:#e7b6bd; background:#fff6f7; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard.is-missing > span { color:#a52c3e; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard h4 { margin:8px 0; color:#15314b; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard p { color:#587083; overflow-wrap:anywhere; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentCard a { color:#1676b5; font-weight:750; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewChecklist { display:grid; gap:10px; margin-top:20px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewChecklist label, :where(body[data-design-system="partner-portal-v1"]) .orderReviewFinalCheck { display:flex; gap:10px; align-items:flex-start; padding:13px 15px; border:1px solid #d5e4ed; border-radius:12px; background:#fff; color:#1c384f !important; -webkit-text-fill-color:#1c384f !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewException { border-color:#e4b65e !important; background:#fff9eb !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPrimaryAction, :where(body[data-design-system="partner-portal-v1"]) .orderReviewStepActions button { min-height:46px; padding:10px 18px; border:1px solid #227fbd; border-radius:12px; background:#247fbd; color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:800; white-space:normal; word-break:normal; cursor:pointer; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStepActions { display:flex; justify-content:space-between; gap:12px; margin-top:20px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStepActions button:not(.orderReviewPrimaryAction) { border-color:#c6d9e6; background:#fff; color:#294c66 !important; -webkit-text-fill-color:#294c66 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentsSticky { position:sticky; top:18px; padding:22px; border:1px solid #cbdfea; border-radius:18px; background:#f8fbfd; box-shadow:0 14px 38px rgba(31,82,116,.08); }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentGroup { margin-top:18px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentGroup h4 { margin:0 0 8px; color:#376078; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #dce8ef; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem span, :where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem strong { display:block; color:#17324d; overflow-wrap:anywhere; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem span { margin-top:2px; color:#6a7e8e; font-size:.75rem; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem b { flex:0 0 auto; color:#1679b8; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid > div { display:grid; grid-template-columns:auto 1fr; gap:2px 9px; padding:12px; border:1px solid #d3e4ee; border-radius:12px; background:#f8fbfd; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid > div > span { grid-row:1 / span 2; display:grid; width:26px; height:26px; place-items:center; border-radius:50%; background:#dff3e8; color:#146b45; font-weight:900; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid .is-missing > span { background:#ffe7ea; color:#a52c3e; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid b { color:#17324d; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid small { color:#6d8190; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard { display:block; overflow:hidden; border:1px solid #cedfea; border-radius:14px; background:#fff; color:#17324d !important; -webkit-text-fill-color:#17324d !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; background:#eaf1f5; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard > small, :where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard > span { display:block; padding:10px 12px 0; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard > span { font-weight:750; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageCard > small { padding-bottom:12px; color:#657b8b; line-height:1.35; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewFinalCheck { margin-top:18px; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewError { padding:12px 14px; border:1px solid #e6b6be; border-radius:12px; background:#fff3f5; color:#9f2434; }

@media (max-width:1100px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewWorkspace { grid-template-columns:1fr; }
}

@media (max-width:1100px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentsSticky { position:static; }
}

@media (max-width:760px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewSteps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewHeader { flex-direction:column; }
}

@media (max-width:760px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewDocumentGrid, :where(body[data-design-system="partner-portal-v1"]) .orderReviewRequirementGrid { grid-template-columns:1fr; }
}

@media (max-width:760px) {
:where(body[data-design-system="partner-portal-v1"]) .orderReviewImageGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .portalHero--media :is(h1,h2,h3,h4,p,span,strong,small,label,a) {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(p,span,label,small,li,dt,dd,input,select,textarea) { font-weight:400; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(button,a) { font-weight:500; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent h1 { font-weight:700; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent h2 { font-weight:650; }

body:where([data-design-system="partner-portal-v1"]).dashboardMode .appContent :is(h3,h4,h5,h6,strong,b,legend) { font-weight:600; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewHeader h2 { font-weight:650 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponents h3, :where(body[data-design-system="partner-portal-v1"]) .orderReviewPanel h3 { font-weight:600 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewStep b { font-size:.9rem; font-weight:500 !important; line-height:1.25; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentItem strong { font-weight:550 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewComponentGroup h4, :where(body[data-design-system="partner-portal-v1"]) .orderReviewKicker { font-weight:600 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewChecklist label, :where(body[data-design-system="partner-portal-v1"]) .orderReviewFinalCheck {
  display:flex !important;
  grid-template-columns:none !important;
  width:auto !important;
  min-height:0 !important;
  height:auto !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:12px 14px !important;
  font-size:.96rem !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

:where(body[data-design-system="partner-portal-v1"]) .orderReviewChecklist label > input, :where(body[data-design-system="partner-portal-v1"]) .orderReviewFinalCheck > input { flex:0 0 auto; width:18px !important; height:18px !important; margin:0 !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewChecklist label > span, :where(body[data-design-system="partner-portal-v1"]) .orderReviewFinalCheck > span { flex:1 1 auto; min-width:0; width:auto !important; white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; }

:where(body[data-design-system="partner-portal-v1"]) .orderReviewPrimaryAction, :where(body[data-design-system="partner-portal-v1"]) .orderReviewStepActions button { font-weight:550 !important; }

/* Original Partner state authority over target-specific legacy text rules. */
body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountView.panel .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #adminAccountsPanel .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #accountingSettingsPanel .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="wizard"] #confirmView .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #customerDetailBox .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #detailView .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="record"] #reonicOrderDetailPanel .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="inquiry"] #partnerInquiryView .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="complaint"] #partnerProjectsPanel .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"] #profileView .error,
body[data-design-system="partner-portal-v1"][data-ui-archetype="profile"] #partnerAdminDetailBox .error {
  color: var(--portal-error);
  -webkit-text-fill-color: var(--portal-error);
}