#tendre-case-study-feedback-dialog.tcs-feedback {
    --tcs-ink: #17243a;
    --tcs-muted: #667185;
    --tcs-line: #e2e6eb;
    --tcs-yellow: #f4c84a;
    --tcs-yellow-deep: #e7b82e;
    --tcs-paper: #fffdf7;
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    width: min(440px, calc(100vw - 32px));
    max-width: 440px;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid rgba(23, 36, 58, .12);
    border-radius: 15px;
    color: var(--tcs-ink);
    background: transparent;
    box-shadow: 0 22px 70px rgba(20, 31, 49, .24), 0 4px 14px rgba(20, 31, 49, .08);
    font-family: "DM Sans", "Segoe UI", sans-serif;
}

#tendre-case-study-feedback-dialog.tcs-feedback *,
#tendre-case-study-feedback-dialog.tcs-feedback *::before,
#tendre-case-study-feedback-dialog.tcs-feedback *::after {
    box-sizing: border-box;
}

#tendre-case-study-feedback-dialog.tcs-feedback::backdrop {
    background: rgba(18, 28, 44, .43);
    backdrop-filter: blur(2px);
}

#tendre-case-study-feedback-dialog .tcs-feedback__panel {
    padding: 27px 29px 25px;
    border-radius: 14px;
    background: var(--tcs-paper);
    border-top: 5px solid var(--tcs-yellow);
}

#tendre-case-study-feedback-dialog .tcs-feedback__eyebrow {
    margin: 0 0 12px;
    color: #747e8c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.4;
}

#tendre-case-study-feedback-dialog .tcs-feedback__title {
    margin: 0;
    color: var(--tcs-ink);
    font-family: "DM Sans", "Segoe UI", sans-serif;
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.025em;
    line-height: 1.25;
}

#tendre-case-study-feedback-dialog .tcs-feedback__message {
    margin: 12px 0 25px;
    color: var(--tcs-muted);
    font-size: 14px;
    font-weight: 450;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

#tendre-case-study-feedback-dialog .tcs-feedback__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button {
    min-height: 42px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0 17px;
    font: 700 13px/1 "DM Sans", "Segoe UI", sans-serif;
    cursor: pointer;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button:hover {
    transform: translateY(-1px);
}

#tendre-case-study-feedback-dialog .tcs-feedback__button:active {
    transform: translateY(0);
}

#tendre-case-study-feedback-dialog .tcs-feedback__button:focus-visible {
    outline: 3px solid rgba(30, 91, 130, .55);
    outline-offset: 3px;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--secondary {
    color: #354257;
    border-color: #d8dde4;
    background: #fff;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--secondary:hover {
    background: #f4f5f6;
    border-color: #bfc7d1;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--primary {
    color: #17243a;
    background: var(--tcs-yellow);
    border-color: var(--tcs-yellow);
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--primary:hover {
    background: var(--tcs-yellow-deep);
    border-color: var(--tcs-yellow-deep);
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--danger {
    color: #fff;
    background: #a83b38;
    border-color: #a83b38;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button--danger:hover {
    background: #8f302e;
    border-color: #8f302e;
}

#tendre-case-study-feedback-dialog .tcs-feedback__button[hidden] {
    display: none;
}

@media (max-width: 480px) {
    #tendre-case-study-feedback-dialog.tcs-feedback {
        width: calc(100vw - 28px);
        max-height: calc(100dvh - 28px);
        border-radius: 13px;
    }

    #tendre-case-study-feedback-dialog .tcs-feedback__panel {
        padding: 24px 21px 20px;
    }

    #tendre-case-study-feedback-dialog .tcs-feedback__actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    #tendre-case-study-feedback-dialog .tcs-feedback__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    #tendre-case-study-feedback-dialog .tcs-feedback__button {
        transition: none;
    }
}