/* Portal core: tokens, primitives and shared controls. Generated from portal.css split. */

:root {
  --atq-radius-lg: 18px;
    --atq-radius-pill: 999px;
    --atq-radius-xl: 22px;
    --atq-portal-desktop-footer-height: 0px;
  
    --atq-shadow-soft: 0 14px 35px rgba(40,32,24,.06);
    --atq-shadow-hover: 0 18px 40px rgba(40,32,24,.08);
  
    --atq-surface-bg: rgba(255,255,255,.88);
    --atq-surface-subtle-bg: rgba(249,247,243,.72);
    --atq-surface-subtle-bg-strong: rgba(249,247,243,.86);
    --atq-surface-border: rgba(139,94,60,.16);
    --atq-surface-border-soft: rgba(139,94,60,.12);
  
    --atq-badge-min-height-standard: 34px;
    --atq-badge-min-height-compact: 24px;
    --atq-badge-padding-standard: 0 14px;
    --atq-badge-padding-compact: 0 10px;
    --atq-badge-font-size-standard: 12px;
    --atq-badge-font-size-compact: 11px;
    --atq-badge-success-border: #cfe8d8;
    --atq-badge-success-bg: #e7f5ec;
    --atq-badge-success-color: #1d6a43;
    --atq-badge-warning-border: #f2d1b6;
    --atq-badge-warning-bg: #fff1e7;
    --atq-badge-warning-color: #b55b19;
    --atq-badge-muted-border: rgba(107,114,128,.12);
    --atq-badge-muted-bg: rgba(107,114,128,.08);
    --atq-badge-muted-color: #6b7280;
  
    --atq-meta-font-size: 12px;
    --atq-meta-line-height: 1.45;
    --atq-meta-gap: 8px;
    --atq-meta-color: #667085;
    --atq-meta-color-soft: #6b7280;
  
    --atq-state-danger-border-soft: rgba(216,78,93,.18);
    --atq-state-danger-border: rgba(216,78,93,.22);
    --atq-state-danger-surface: linear-gradient(180deg, rgba(252,245,247,.98) 0%, rgba(255,255,255,.99) 100%);
    --atq-state-danger-surface-strong: linear-gradient(180deg, rgba(252,243,246,.98) 0%, rgba(255,255,255,.99) 100%);
    --atq-state-danger-shadow: 0 16px 36px rgba(180,35,24,.06);
    --atq-state-danger-shadow-soft: 0 4px 14px rgba(180,35,24,.04);
    --atq-state-danger-rail: linear-gradient(180deg, rgba(244,168,179,.95) 0%, #e84f5f 58%, #b42318 100%);
  
    --atq-state-warning-border-soft: rgba(207,145,101,.20);
    --atq-state-warning-surface: linear-gradient(180deg, rgba(255,247,239,.97) 0%, rgba(255,255,255,.99) 100%);
    --atq-state-warning-rail: linear-gradient(180deg, #e3a067 0%, #cf9165 100%);
  
    --atq-state-unread-border: rgba(207,145,101,.22);
    --atq-state-unread-surface: var(--atq-state-warning-surface);
    --atq-state-unread-shadow: 0 16px 36px rgba(139,94,60,.05);
    --atq-state-unread-shadow-soft: 0 4px 14px rgba(139,94,60,.04);
    --atq-state-unread-rail: linear-gradient(180deg, #e3a067 0%, #cf9165 58%, #8b5e3c 100%);
  
    --atq-accordion-chevron-color: rgba(95,100,113,.82);
    --atq-accordion-chevron-color-hover: #8b5e3c;
  
    --atq-action-validate-color: #2f8b57;
    --atq-action-validate-hover-color: #236642;
    --atq-action-delete-color: #9f3c2a;
    --atq-action-delete-hover-color: #7a2f22;
    --atq-action-refuse-color: #b33d2c;
  
    --atq-priority-count-bg: #e84f5f;
    --atq-priority-count-border: #d84e5d;
    --atq-priority-count-color: #fff;
    --atq-priority-count-shadow: 0 8px 18px rgba(216,78,93,.22);
    --atq-priority-count-size: 24px;
    --atq-priority-count-size-compact: 20px;
    --atq-priority-count-padding-inline: 6px;
    --atq-priority-count-padding-inline-compact: 4px;
  
    --atq-compact-list-gap: 10px;
    --atq-compact-item-gap: 8px;
  
    --atq-card-padding: 18px;
    --atq-card-padding-compact: 16px;
    --atq-list-item-padding: 14px 16px;
}

.atq-portal-body {
  margin: 0;
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background: linear-gradient(180deg,#fbf8f2 0%,#f4eee4 100%);
    color: #1e2430;
    --atq-mobile-shell-safe-top: 0px;
    --atq-mobile-shell-safe-bottom: 0px;
    --atq-mobile-nav-height: 60px;
    --atq-mobile-nav-bar-padding-top: 8px;
    --atq-mobile-nav-bar-padding-inline: 10px;
    --atq-mobile-nav-occupied-height: calc(var(--atq-mobile-nav-height) + var(--atq-mobile-nav-bar-padding-top) + var(--atq-mobile-shell-safe-bottom));
    --atq-mobile-nav-reserve: 0px;
}

.atq-portal-shell {
  min-height: 100vh;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.atq-portal-footer {
  background: var(--atq-portal-footer-bg,#1f2b3b);
    color: var(--atq-portal-footer-text,#f5efe7);
    margin-top: 24px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.atq-portal-footer__inner {
  margin: 0 auto;
    max-width: 1180px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 18px;
}

.atq-portal-footer__site {
  color: inherit;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    opacity: .76;
}

.atq-portal-footer__site:hover {
  text-decoration: underline;
    opacity: 1;
}

.atq-portal-footer__link {
  color: inherit;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
}

.atq-portal-footer__link:hover {
  text-decoration: underline;
    opacity: .92;
}

.atq-card__footer {
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.atq-section-eyebrow,
.atq-portal-eyebrow {
  display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #8b5e3c;
    font-weight: 700;
}

.atq-btn {
  --atq-btn-min-height: 38px;
    --atq-btn-padding: 0 16px;
    --atq-btn-radius: 10px;
    --atq-btn-border: #d8dbe3;
    --atq-btn-bg: #fff;
    --atq-btn-color: #6f482c;
    --atq-btn-font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--atq-btn-min-height);
    padding: var(--atq-btn-padding);
    box-sizing: border-box;
    border: 1px solid var(--atq-btn-border);
    border-radius: var(--atq-btn-radius);
    background: var(--atq-btn-bg);
    color: var(--atq-btn-color);
    font-family: inherit;
    font-size: var(--atq-btn-font-size);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition: background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
    margin: 0;
}

.atq-btn:hover {
  text-decoration: none;
    border-color: color-mix(in srgb,var(--atq-btn-border) 88%,#8b5e3c 12%);
    background: color-mix(in srgb,var(--atq-btn-bg) 92%,#efe7dd 8%);
    color: color-mix(in srgb,var(--atq-btn-color) 92%,#6f482c 8%);
}

.atq-btn:focus-visible {
  outline: none;
    box-shadow: 0 0 0 3px rgba(139,94,60,.12);
}

.atq-btn:disabled,
.atq-btn[aria-disabled="true"] {
  opacity: .62;
    cursor: not-allowed;
    box-shadow: none;
}

.atq-btn--primary {
  --atq-btn-border: #8b5e3c;
    --atq-btn-bg: #8b5e3c;
    --atq-btn-color: #fff;
}

.atq-btn--secondary {
  --atq-btn-border: #d8dbe3;
    --atq-btn-bg: #fff;
    --atq-btn-color: #6f482c;
}

.atq-btn--ghost {
  --atq-btn-border: transparent;
    --atq-btn-bg: rgba(246,241,234,.86);
    --atq-btn-color: #8b5e3c;
}

.atq-btn--sm {
  --atq-btn-min-height: 34px;
    --atq-btn-padding: 0 12px;
    --atq-btn-font-size: 12px;
}

.atq-badge {
  --atq-badge-min-height: var(--atq-badge-min-height-standard);
    --atq-badge-padding: var(--atq-badge-padding-standard);
    --atq-badge-border: rgba(139,94,60,.14);
    --atq-badge-bg: rgba(139,94,60,.10);
    --atq-badge-color: #6f482c;
    --atq-badge-font-size: var(--atq-badge-font-size-standard);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: var(--atq-badge-min-height);
    padding: var(--atq-badge-padding);
    border-radius: var(--atq-radius-pill);
    border: 1px solid var(--atq-badge-border);
    background: var(--atq-badge-bg);
    color: var(--atq-badge-color);
    font-size: var(--atq-badge-font-size);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
    vertical-align: middle;
}

.atq-badge--neutral {
  --atq-badge-border: rgba(31,43,59,.10);
    --atq-badge-bg: rgba(31,43,59,.08);
    --atq-badge-color: #243447;
}

.atq-badge--success {
  --atq-badge-border: var(--atq-badge-success-border);
    --atq-badge-bg: var(--atq-badge-success-bg);
    --atq-badge-color: var(--atq-badge-success-color);
}

.atq-badge--warning {
  --atq-badge-border: var(--atq-badge-warning-border);
    --atq-badge-bg: var(--atq-badge-warning-bg);
    --atq-badge-color: var(--atq-badge-warning-color);
}

.atq-badge--info {
  --atq-badge-border: rgba(59,130,246,.18);
  --atq-badge-bg: rgba(59,130,246,.10);
  --atq-badge-color: #1d4ed8;
}

.atq-badge--danger {
  --atq-badge-border: #d84e5d;
    --atq-badge-bg: #e84f5f;
    --atq-badge-color: #fff;
}

.atq-empty-state {
  padding: 16px 18px;
    border: 1px dashed rgba(139,94,60,.16);
    border-radius: 18px;
    background: rgba(250,248,245,.72);
}

.atq-empty-state__title {
  margin: 0 0 6px;
    color: #1f2b3b;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}

.atq-empty-state__text {
  margin: 0;
}

.atq-portal-pagehead {
  margin-bottom: 16px;
}

.atq-portal-pagehead h1 {
  margin: 0 0 6px;
    line-height: 1.08;
    font-size: 22px;
    color: #27201b;
}

.atq-portal-pagehead p {
  margin: 0;
    color: #6b7280;
    font-size: 13px;
}

.atq-card,
.atq-portal-card {
  --atq-surface-bg-current: var(--atq-surface-bg);
    --atq-surface-border-current: var(--atq-surface-border);
    --atq-surface-shadow-current: var(--atq-shadow-soft);
    --atq-surface-radius-current: var(--atq-radius-xl);
    --atq-surface-padding-current: var(--atq-card-padding);
    overflow: hidden;
    background: var(--atq-surface-bg-current);
    border: 1px solid var(--atq-surface-border-current);
    box-shadow: var(--atq-surface-shadow-current);
    border-radius: var(--atq-surface-radius-current);
    padding: var(--atq-surface-padding-current);
}

@media (min-width: 783px) {
  .atq-card,
  .atq-portal-card {
    border-color: rgba(139,94,60,.18);
        box-shadow: 0 1px 0 rgba(83,63,47,.04);
  }
}

.atq-portal-card__head {
  display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.atq-section-title,
.atq-portal-card__head h2 {
  font-size: 20px;
}

.atq-section-title,
.atq-portal-card__head h2 {
  margin: 4px 0 0;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.atq-section-title,
.atq-portal-card__head h2 {
  color: #241c16;
}

.atq-portal-card__head a {
  font-size: 13px;
    color: #8b5e3c;
    font-weight: 700;
    text-decoration: none;
}

.atq-portal-card__head a.atq-btn {
  color: var(--atq-btn-color);
    font-size: var(--atq-btn-font-size);
}

.atq-portal-card__head a:hover {
  color: #6f482c;
}

.atq-card--compact,
.atq-portal-card--compact {
  --atq-surface-padding-current: var(--atq-card-padding-compact);
}

.atq-card--soft,
.atq-portal-card--soft {
  --atq-surface-bg-current: rgba(255,255,255,.86);
}

.atq-portal-form {
  display: block;
}

.atq-portal-chip {
  display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(139,94,60,.10);
    color: #6f482c;
    font-size: 13px;
    font-weight: 600;
}

.atq-portal-rowlink:hover {
  color: #8b5e3c;
}

.atq-empty-state__text,
.atq-field-help,
.atq-list-muted {
  font-size: var(--atq-meta-font-size);
    line-height: var(--atq-meta-line-height);
}

.atq-empty-state__text {
  color: var(--atq-meta-color);
}

.atq-status-meter {
  --atq-status-meter-bar-radius: 999px;
    display: grid;
    gap: 8px;
    justify-items: start;
}

.atq-status-meter__bars {
  display: flex;
    align-items: flex-end;
    gap: 8px;
    min-height: 42px;
    width: max-content;
}

.atq-status-meter__bar {
  flex: 0 0 18px;
    width: 18px;
    align-self: flex-end;
    height: var(--atq-status-meter-bar-height, 8px);
    border-radius: var(--atq-status-meter-bar-radius);
    background: rgba(148,163,184,.20);
}

.atq-status-meter__bar.is-on {
  background: currentColor;
}

.atq-status-meter.is-success {
  color: #1d6a43;
}

.atq-status-meter.is-warning {
  color: #b55b19;
}

.atq-status-meter.is-danger {
  color: #b42318;
}

.atq-status-meter__label {
  margin: 0;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f2b3b;
}

@keyframes atq-submit-spin {
  to {
      transform: rotate(360deg);
    }
}

.atq-btn.is-loading,
input[type="submit"].is-loading {
  position: relative;
}

.atq-btn.is-loading::after {
  content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    animation: atq-submit-spin .7s linear infinite;
    vertical-align: -1px;
}

[data-atq-submit-guard].is-submitting .is-disabled,
[data-atq-submit-guard].is-submitting button[disabled],
[data-atq-submit-guard].is-submitting input[type="submit"][disabled] {
  opacity: .72;
    cursor: wait;
}

.atq-field {
  display: grid;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.atq-field-label,
.atq-portal-form--stack label span {
  display: block;
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
    color: #667085;
}

.atq-field--inline {
  display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
}

.atq-field--inline .atq-checkbox,
.atq-field--inline .atq-radio {
  margin: 0;
    flex: 0 0 auto;
}

.atq-field--inline > span {
  margin: 0;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    color: #2f2926;
}

.atq-field-help,
.atq-list-muted {
  margin: 0;
    color: var(--atq-meta-color-soft);
}

.atq-field-error {
  margin: 0;
    font-size: 12px;
    line-height: 1.4;
    color: #9f3c2a;
}

.atq-checkbox,
.atq-radio {
  width: 16px;
    height: 16px;
    accent-color: #8b5e3c;
}

.atq-input,
.atq-select,
.atq-textarea,
.atq-portal-form--stack input[type="text"],
.atq-portal-form--stack input[type="email"],
.atq-portal-form--stack input[type="tel"],
.atq-portal-form--stack input[type="number"],
.atq-portal-form--stack input[type="password"],
.atq-portal-form--stack input[type="url"],
.atq-portal-form--stack input[type="date"],
.atq-portal-form--stack input[type="time"],
.atq-portal-form--stack select,
.atq-portal-form--stack textarea {
  display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: var(--atq-field-min-height-current, var(--atq-field-min-height, 44px));
    padding: var(--atq-field-padding, 10px 14px);
    border: 1px solid var(--atq-field-border, #d8dbe3);
    border-radius: var(--atq-field-radius, 10px);
    background: var(--atq-field-bg, #fff);
    color: var(--atq-field-color, #2d2622);
    box-sizing: border-box;
    font-family: inherit;
    font-size: var(--atq-field-font-size, 13px);
    line-height: 1.4;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.atq-textarea,
.atq-portal-form--stack textarea {
  --atq-field-min-height-current: 120px;
    resize: vertical;
}

.atq-input:focus,
.atq-select:focus,
.atq-textarea:focus,
.atq-portal-form--stack input[type="text"]:focus,
.atq-portal-form--stack input[type="email"]:focus,
.atq-portal-form--stack input[type="tel"]:focus,
.atq-portal-form--stack input[type="number"]:focus,
.atq-portal-form--stack input[type="password"]:focus,
.atq-portal-form--stack input[type="url"]:focus,
.atq-portal-form--stack input[type="date"]:focus,
.atq-portal-form--stack input[type="time"]:focus,
.atq-portal-form--stack select:focus,
.atq-portal-form--stack textarea:focus {
  outline: none;
    border-color: #8a5a44;
    box-shadow: 0 0 0 3px rgba(138,90,68,.12);
}

.atq-input:disabled,
.atq-select:disabled,
.atq-textarea:disabled,
.atq-portal-form--stack input:disabled,
.atq-portal-form--stack select:disabled,
.atq-portal-form--stack textarea:disabled {
  background: #f7f6f3;
    color: #98a2b3;
    cursor: not-allowed;
}

.atq-portal-form--stack input[type="file"] {
  display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px dashed #d8dbe3;
    border-radius: 10px;
    background: #faf8f6;
    color: #2d2622;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
}

.atq-portal-form--stack input[type="file"]::file-selector-button,
.atq-portal-form--stack input[type="file"]::-webkit-file-upload-button {
  font: inherit;
    font-weight: 600;
    padding: 8px 12px;
    border: 1px solid #d8dbe3;
    border-radius: 10px;
    background: #fff;
    color: #6f482c;
    margin-right: 10px;
    cursor: pointer;
}

.atq-portal-form--stack input[type="file"]:focus {
  outline: none;
    border-color: #8a5a44;
    box-shadow: 0 0 0 3px rgba(138,90,68,.12);
}

.atq-portal-form--stack > * + *,
.atq-portal-form--stack textarea + div,
.atq-portal-editor + div,
.atq-portal-form--comment textarea + div {
  margin-top: 14px;
}

.atq-portal-form__grid {
  display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    min-width: 0;
    max-width: 100%;
}

.atq-portal-form--stack > *,
.atq-portal-form__grid > * {
  min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.atq-portal-form__grid--thirds {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.atq-portal-form__grid--quad {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.atq-estimation-surface {
  display: flex;
    align-items: center;
    gap: 8px;
}

.atq-estimation-surface .atq-input {
  flex: 1 1 auto;
}

.atq-estimation-average {
  display: none;
}

@media (max-width: 600px) {
  .atq-estimation-comparison {
    display: none;
  }

  .atq-estimation-average {
    display: table;
  }
}

.atq-portal-form--comment textarea {
  min-height: 90px;
}

.atq-portal-editor .wp-editor-wrap {
  border: 1px solid #d8dbe3;
    border-radius: 10px;
    overflow: hidden;
}

.atq-portal-editor .mce-top-part::before {
  box-shadow: none;
}

.atq-portal-editor textarea.wp-editor-area {
  min-height: 220px;
}

.atq-portal-editor--report-rich textarea.wp-editor-area {
  min-height: 180px;
}

.atq-portal-rowlink {
  color: #111827;
}

@media (max-width: 860px) {
  .atq-portal-footer__inner {
    display: grid;
        padding: 12px 16px;
        gap: 8px;
  }

  .atq-portal-form__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .atq-portal-card {
    padding: 14px;
  }

  .atq-portal-pagehead h1 {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .atq-portal-footer__inner {
    display: grid;
        justify-content: flex-start;
        gap: 6px;
  }

  .atq-portal-card {
    padding: 16px;
        border-radius: 18px;
  }
}

@media (max-width: 782px) {
  .atq-portal-body {
    --atq-mobile-shell-safe-top: env(safe-area-inset-top, 0px);
        --atq-mobile-shell-safe-bottom: max(8px, env(safe-area-inset-bottom, 0px));
        --atq-mobile-nav-bar-padding-inline: 8px;
        --atq-mobile-nav-occupied-height: calc(var(--atq-mobile-nav-height) + var(--atq-mobile-nav-bar-padding-top) + var(--atq-mobile-shell-safe-bottom));
        --atq-mobile-nav-reserve: calc(var(--atq-mobile-nav-occupied-height) + 14px);
  }

  .atq-portal-shell {
    padding-bottom: var(--atq-mobile-nav-reserve);
  }

  .atq-portal-footer {
    display: none;
  }
}

.atq-push-banner {
  display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid rgba(39, 65, 110, 0.12);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(247, 242, 236, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
    box-shadow: 0 14px 30px rgba(31, 43, 59, 0.08);
}

.atq-push-banner__body {
  display: grid;
    gap: 6px;
    min-width: 0;
}

.atq-push-banner__title {
  font-size: 17px;
    line-height: 1.2;
    color: #1f2b3b;
}

.atq-push-banner__text {
  margin: 0;
    color: #516172;
    font-size: 14px;
    line-height: 1.5;
}

.atq-push-banner__actions {
  display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 782px) {
  .atq-push-banner {
    flex-direction: column;
        align-items: stretch;
  }

  .atq-push-banner__actions .atq-btn {
    width: 100%;
        justify-content: center;
  }
}