/* LCA brand — forms (Poppins + Sep 2026 palette) */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

:root {
  --lca-grass: #5bc500;
  --lca-evergreen: #1d5c52;
  --lca-sea-glass: #6ec9c7;
  --lca-slate: #646569;
  --lca-sprout: #b8e0b3;
  --lca-lagoon: #3ba1b2;
  --lca-text: #1a2332;
  --lca-page-bg: #eef6ed;
  --lca-card-bg: #ffffff;
  --lca-border: #c5dfc2;
}

body.client-order-page {
  background: var(--lca-page-bg);
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  color: var(--lca-text);
}

.lca-order-theme {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  color: var(--lca-text);
  --accent: var(--lca-grass);
  --muted: var(--lca-slate);
}

.lca-order-card,
.dcyf-order-card.lca-order-theme {
  max-width: 920px;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 2rem;
  background: var(--lca-card-bg);
  border: 1px solid var(--lca-border);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(29, 92, 82, 0.08);
}

.lca-order-theme .bulk-order-title,
.lca-order-theme .bulk-order-title {
  color: var(--lca-evergreen);
  font-weight: 700;
}

.lca-order-theme .hint,
.lca-order-theme .hint-inline,
.lca-order-theme .dcyf-order-summary {
  color: var(--lca-slate);
}

.lca-order-theme .form-section-label {
  color: var(--lca-evergreen);
  font-weight: 700;
  letter-spacing: 0.06em;
}

.lca-order-theme .bulk-order-table th {
  color: var(--lca-evergreen);
  background: color-mix(in srgb, var(--lca-sprout) 45%, white);
}

.lca-order-theme .bulk-order-table .bo-discount-amount,
.lca-order-theme #bo-grand-total {
  color: var(--lca-grass);
}

.lca-order-theme .bulk-order-table tfoot .order-total-label strong,
.lca-order-theme #bo-grand-total strong {
  color: var(--lca-evergreen);
}

.lca-order-theme .dcyf-referral-form label,
.lca-order-theme .grid-2 label {
  font-family: inherit;
  font-weight: 600;
  color: var(--lca-text);
}

.lca-order-theme .dcyf-referral-form input,
.lca-order-theme .dcyf-referral-form select,
.lca-order-theme .dcyf-referral-form textarea,
.lca-order-theme .grid-2 input,
.lca-order-theme .grid-2 textarea,
.lca-order-theme .grid-2 select,
.lca-order-theme .bulk-order-table .bo-qty {
  font-family: inherit;
  border-color: var(--lca-border);
  border-radius: 8px;
}

.lca-order-theme .dcyf-referral-form input:focus,
.lca-order-theme .dcyf-referral-form select:focus,
.lca-order-theme .dcyf-referral-form textarea:focus,
.lca-order-theme .grid-2 input:focus,
.lca-order-theme .grid-2 textarea:focus,
.lca-order-theme .grid-2 select:focus {
  outline: 2px solid color-mix(in srgb, var(--lca-sea-glass) 65%, white);
  outline-offset: 1px;
  border-color: var(--lca-lagoon);
}

.lca-order-theme .dcyf-person-block {
  border-color: var(--lca-border);
  background: color-mix(in srgb, var(--lca-sprout) 18%, white);
}

.lca-order-theme .dcyf-person-block legend {
  color: var(--lca-evergreen);
  font-weight: 700;
}

.lca-order-theme .dcyf-upload-block {
  border-color: var(--lca-sea-glass);
  background: color-mix(in srgb, var(--lca-sea-glass) 12%, white);
}

.lca-order-theme .dcyf-referral-link-block {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--lca-border);
}

.lca-order-theme .dcyf-referral-link-label {
  margin: 0 0 0.35rem;
}

.lca-order-theme .dcyf-referral-link-block .client-order-link-row {
  margin-top: 0.65rem;
}

.lca-order-theme .dcyf-form-divider,
.dcyf-order-card .dcyf-form-divider {
  margin: 1.75rem 0 1.25rem;
  border: 0;
  border-top: 1px solid var(--lca-border);
}

.lca-order-theme .bulk-order-actions button:not(.secondary),
.lca-order-theme #dcyf-submit,
.lca-order-theme #dhs-submit {
  background: var(--lca-evergreen);
  border-color: var(--lca-evergreen);
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 8px;
}

.lca-order-theme .bulk-order-actions button:not(.secondary):hover,
.lca-order-theme #dcyf-submit:hover,
.lca-order-theme #dhs-submit:hover {
  background: #174a42;
  border-color: #174a42;
}

.lca-order-theme .bulk-order-actions button.secondary,
.lca-order-theme #dcyf-print,
.lca-order-theme #dcyf-clear,
.lca-order-theme #dhs-print,
.lca-order-theme #dhs-clear {
  border-color: var(--lca-evergreen);
  color: var(--lca-evergreen);
  font-family: inherit;
  font-weight: 600;
  border-radius: 8px;
}

.lca-order-theme .invoice-result-ok {
  color: var(--lca-evergreen);
}

.lca-order-theme .bulk-order-footer {
  color: var(--lca-slate);
}

.lca-order-theme a {
  color: var(--lca-lagoon);
}