:root {
    --olive: #495917;
    --olive-dark: #2f3f00;
    --forest: #0c3821;
    --sage: #e7eadb;
    --sand: #f5f2e9;
    --paper: #ffffff;
    --ink: #1f261d;
    --muted: #657062;
    --line: #d9dfd2;
    --danger: #8f2424;
    --orange: #bc6416;
    --orange-hover: #a95712;
    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --texture-image: url("data:image/png;base64,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");
    --shadow: 0 24px 60px rgba(31, 38, 29, 0.14);
    --radius: 22px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background: var(--sand);
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    background: var(--sand);
}

body {
    min-height: 100vh;
    margin: 0;
    background-color: #f7f1e5;
    background-image: var(--texture-image);
    background-repeat: repeat;
    background-size: 80px 80px;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: var(--forest);
}

.site-header {
    min-height: 78px;
    background-color: rgb(82, 100, 32);
    background-image: var(--texture-image);
    background-repeat: repeat;
    background-size: 80px 80px;
    border-bottom: 1px solid rgb(66, 81, 23);
}

.header-inner {
    width: min(1200px, calc(100% - 40px));
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0 auto;
    padding: 10px 0;
}

.brand {
    display: block;
    flex: 0 0 auto;
    text-decoration: none;
}

.brand img {
    width: 174px;
    height: auto;
    display: block;
}

.header-inner nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.header-inner nav a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 750;
}

.header-inner nav a:hover,
.header-inner nav a:focus-visible {
    color: #d8ee6f;
    text-decoration: underline;
}

.header-inner nav .nav-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 999px;
    color: #fff;
    background: var(--forest);
    text-decoration: none;
}

.header-inner nav .nav-cta:hover,
.header-inner nav .nav-cta:focus-visible {
    color: #fff;
    background: #082c19;
    text-decoration: none;
}

.support-shell {
    width: 100%;
    min-height: auto;
    display: grid;
    grid-template-columns: minmax(0, 900px);
    justify-content: center;
    align-items: start;
    gap: 18px;
    margin: 0;
    padding: 38px 24px 48px;
    color: #fff;
    background-color: #3f4e11;
    background-image: var(--texture-image);
    background-repeat: repeat;
    background-size: 80px 80px;
}

.support-intro {
    width: 100%;
    padding: 0;
}

.eyebrow {
    width: fit-content;
    margin: 0 0 14px;
    padding: 0;
    color: #d8ee6f;
    background: transparent;
    font-size: 13px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.support-intro h1 {
    max-width: none;
    margin: 0;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.055em;
}

.support-intro > p:not(.eyebrow) {
    max-width: 760px;
    margin: 16px 0 0;
    font-family: var(--font-body);
    color: #fff;
    font-size: 17px;
    line-height: 1.6;
}

.chat-card {
    position: relative;
    width: 100%;
    max-width: 900px;
    min-height: 580px;
    margin-inline: auto;
    overflow: hidden;
    border: 2px solid rgb(135, 160, 65);
    border-radius: 26px;
    color: var(--ink);
    background: var(--paper);
    box-shadow: 0 26px 64px rgba(28, 40, 12, 0.24);
}

.support-reassurance {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: -4px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

.support-reassurance span {
    color: #bdf22e;
    font-weight: 800;
}

.chat-card-header {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
    color: #fff;
    background-color: #52641f;
    background-image: var(--texture-image);
    background-repeat: repeat;
    background-size: 80px 80px;
}

.assistant-identity {
    display: flex;
    align-items: center;
    gap: 12px;
}

.assistant-avatar {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    color: var(--olive-dark);
    background: #d6e96d;
    font-weight: 900;
}

.assistant-identity strong,
.assistant-identity div > span {
    display: block;
}

.assistant-identity div > span {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 12px;
}

.text-button {
    padding: 8px 10px;
    border: 0;
    color: #fff;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
}

.text-button:hover,
.text-button:focus-visible {
    text-decoration: underline;
}

.consent-panel {
    display: grid;
    gap: 18px;
    padding: 40px 56px;
}

.consent-panel h2 {
    margin: 0;
    font-size: 29px;
    letter-spacing: -0.035em;
}

.consent-panel p {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.security-note {
    padding: 14px 16px;
    border-left: 4px solid #a8b35d;
    border-radius: 8px;
    background: #f2f4e8;
    color: #46503f !important;
    font-size: 14px;
}

.consent-check {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #3f493d;
    font-size: 14px;
    line-height: 1.5;
}

.consent-check input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--forest);
}

.primary-button,
.secondary-button,
.action-button,
.composer button {
    min-height: 46px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 800;
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.primary-button {
    width: fit-content;
    padding: 11px 19px;
    border: 1px solid var(--orange);
    color: #fff;
    background: var(--orange);
    box-shadow: 0 12px 28px rgba(120, 55, 4, 0.18);
}

.primary-button:hover:not(:disabled),
.primary-button:focus-visible:not(:disabled),
.composer button:hover:not(:disabled),
.composer button:focus-visible:not(:disabled) {
    transform: translateY(-1px);
    background: var(--orange-hover);
    box-shadow: 0 12px 28px rgba(120, 55, 4, 0.24);
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.chat-interface {
    min-height: 572px;
    display: flex;
    flex-direction: column;
}

.message-list {
    height: 335px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 20px 14px;
    overscroll-behavior: contain;
    scrollbar-color: #b9c1b4 transparent;
}

.message {
    max-width: 82%;
    padding: 12px 15px;
    border-radius: 16px;
    font-size: 14.5px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.message-assistant {
    align-self: flex-start;
    border: 1px solid #dce3d4;
    border-bottom-left-radius: 5px;
    color: #263321;
    background: #eef1e8;
}

.message-visitor {
    align-self: flex-end;
    border-bottom-right-radius: 5px;
    color: #fff;
    background: var(--forest);
}

.typing-indicator {
    width: fit-content;
    display: flex;
    gap: 4px;
    margin: 0 20px 10px;
    padding: 11px 14px;
    border-radius: 15px;
    background: #eef1e8;
}

.typing-indicator > span:not(.sr-only) {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #788271;
    animation: pulse 1.1s infinite ease-in-out;
}

.typing-indicator > span:nth-child(2) {
    animation-delay: 120ms;
}

.typing-indicator > span:nth-child(3) {
    animation-delay: 240ms;
}

@keyframes pulse {
    0%, 70%, 100% { transform: translateY(0); opacity: 0.45; }
    35% { transform: translateY(-4px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.action-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 20px 14px;
}

.action-button {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #bfc8b8;
    color: #33402f;
    background: #fff;
    font-size: 13px;
    text-align: left;
}

.action-button.primary {
    border-color: var(--orange);
    color: #fff;
    background: var(--orange);
}

.action-button:hover:not(:disabled),
.action-button:focus-visible:not(:disabled) {
    border-color: var(--olive);
    background: #f2f5e9;
}

.action-button.primary:hover:not(:disabled),
.action-button.primary:focus-visible:not(:disabled) {
    color: #fff;
    border-color: var(--orange-hover);
    background: var(--orange-hover);
}

.dynamic-form {
    max-height: 430px;
    overflow-y: auto;
    border-top: 1px solid var(--line);
}

.dynamic-form:empty {
    display: none;
}

.capture-form {
    display: grid;
    gap: 14px;
    padding: 20px;
    background: #fbfcf8;
}

.form-heading h2,
.form-heading p {
    margin: 0;
}

.form-heading h2 {
    font-size: 20px;
    letter-spacing: -0.025em;
}

.form-heading p {
    margin-top: 5px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.45;
}

.field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.capture-form label {
    display: grid;
    gap: 6px;
    color: #3f493d;
    font-size: 12.5px;
    font-weight: 760;
}

.capture-form input,
.capture-form textarea,
.capture-form select,
.composer textarea {
    width: 100%;
    border: 1px solid #cbd2c6;
    border-radius: 10px;
    color: var(--ink);
    background: #fff;
    outline: none;
}

.capture-form input,
.capture-form select {
    min-height: 42px;
    padding: 9px 11px;
}

.capture-form textarea {
    min-height: 78px;
    resize: vertical;
    padding: 10px 11px;
}

.capture-form input:focus,
.capture-form textarea:focus,
.capture-form select:focus,
.composer textarea:focus {
    border-color: var(--olive);
    box-shadow: 0 0 0 3px rgba(73, 89, 23, 0.13);
}

.optional,
.form-help {
    color: #7a8475;
    font-weight: 500;
}

.form-help {
    margin: -2px 0 0;
    font-size: 12px;
}

.composer {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    margin-top: auto;
    padding: 14px 20px;
    border-top: 1px solid var(--line);
    background: #fff;
}

.composer textarea {
    min-height: 46px;
    max-height: 120px;
    resize: none;
    padding: 12px 13px;
}

.composer button {
    min-width: 82px;
    padding: 10px 14px;
    border: 1px solid var(--orange);
    color: #fff;
    background: var(--orange);
}

.chat-footnote {
    margin: 0;
    padding: 0 20px 14px;
    color: #7b8477;
    font-size: 11.5px;
    line-height: 1.4;
}

.error-banner {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    padding: 12px 14px;
    border: 1px solid #d7a3a3;
    border-radius: 10px;
    color: var(--danger);
    background: #fff1f1;
    box-shadow: 0 8px 22px rgba(99, 22, 22, 0.15);
    font-size: 13px;
    font-weight: 700;
}

.site-footer {
    padding: 56px max(24px, calc((100vw - 1200px) / 2)) 26px;
    color: rgba(255, 255, 255, 0.78);
    background-color: #34410e;
    background-image: var(--texture-image);
    background-repeat: repeat;
    background-size: 80px 80px;
    font-size: 14px;
    line-height: 1.55;
}

.footer-grid {
    display: grid;
    grid-template-columns: minmax(300px, 1.7fr) minmax(150px, 0.7fr) minmax(240px, 1fr);
    gap: clamp(38px, 7vw, 94px);
}

.footer-brand {
    display: block;
    width: fit-content;
}

.footer-brand img {
    width: 174px;
    height: auto;
    display: block;
}

.footer-about > p {
    max-width: 470px;
    margin: 20px 0 0;
}

.footer-company {
    font-size: 12px;
    line-height: 1.7;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.footer-links strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
    color: #fff;
    text-decoration: underline;
}

.site-footer .safe-browsing-link {
    color: #b9ef27;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 44px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

[hidden] {
    display: none !important;
}

@media (max-width: 880px) {
    .header-inner nav {
        gap: 16px;
    }

    .header-inner nav a:not(.nav-cta) {
        display: none;
    }

    .support-shell {
        gap: 22px;
        padding-top: 36px;
    }

    .support-intro {
        padding-top: 0;
    }

    .footer-grid {
        grid-template-columns: 1.4fr 0.7fr 1fr;
        gap: 30px;
    }
}

@media (max-width: 620px) {
    .site-header {
        min-height: 64px;
    }

    .header-inner {
        width: calc(100% - 28px);
        min-height: 64px;
        gap: 12px;
    }

    .brand img {
        width: 148px;
    }

    .header-inner nav .nav-cta {
        min-height: 40px;
        padding: 8px 14px;
        font-size: 12px;
    }

    .support-shell {
        width: 100%;
        padding: 26px 14px 34px;
    }

    .support-intro {
        padding: 0 4px;
    }

    .support-intro h1 {
        font-size: 42px;
    }

    .support-intro > p:not(.eyebrow) {
        font-size: 17px;
    }

    .chat-card {
        min-height: 680px;
        border-radius: 18px;
    }

    .support-reassurance {
        flex-wrap: wrap;
        gap: 4px 8px;
        padding: 0 8px;
        font-size: 12px;
    }

    .consent-panel {
        padding: 32px 22px;
    }

    .message-list {
        height: 365px;
        padding-right: 14px;
        padding-left: 14px;
    }

    .message {
        max-width: 90%;
    }

    .action-list,
    .capture-form,
    .composer {
        padding-right: 14px;
        padding-left: 14px;
    }

    .field-grid {
        grid-template-columns: 1fr;
    }

    .composer button {
        min-width: 70px;
    }

    .site-footer {
        padding: 42px 22px 24px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 34px;
    }
}

/* AMANDA_SUPPORT_IDENTITY_V1 */
.assistant-avatar {
    width: 48px;
    height: 48px;
    display: block;
    flex: 0 0 48px;
    border: 2px solid #d6f25b;
    object-fit: cover;
    object-position: center;
    background: #4b6014;
}

.assistant-identity > div {
    display: grid;
    align-content: center;
}

.assistant-identity strong {
    line-height: 1.12;
}

.assistant-identity div > .assistant-role {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.94);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.assistant-identity div > #connection-status {
    margin-top: 2px;
    color: #d6f25b;
    font-size: 11px;
    line-height: 1.2;
}

.chat-card-header {
    min-height: 80px;
}

/* UNIFIED_DARK_GREEN_FOOTER_V1 */
.site-footer {
  background-color: #3b4b16;
}

/* FOOTER_FLAT_DARK_GREEN_V1 */
.site-footer {
  background-color: #3b4b16;
  background-image: none;
}