#coachbox-root {
    max-width: 480px;
    margin: 38px auto;
    background: #f6faf6;
    border-radius: 20px;
    padding: 28px 20px;
    box-shadow: 0 2px 18px rgba(31, 71, 52, 0.09);
    font-family: "Segoe UI", Arial, sans-serif;
}
.cb-box {
    text-align: center;
}
.cb-theme-choice h2 {
    margin-bottom: 18px;
    font-size: 1.25em;
    color: #168346;
}
.cb-theme-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.cb-theme-btn {
    background: #f2ffe8;
    color: #168346;
    border: 2px solid #a7e7ba;
    border-radius: 12px;
    padding: 14px 30px;
    font-size: 1.08em;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 8px;
    transition: background 0.15s, border 0.15s;
}
.cb-theme-btn:hover {
    background: #a7e7ba;
    color: #fff;
    border-color: #229d4b;
}
.cb-box h3 {
    font-size: 1.12em;
    margin-bottom: 10px;
}
.cb-answer, .cb-name-input {
    width: 94%;
    font-size: 1em;
    padding: 9px;
    border-radius: 7px;
    border: 1px solid #b2c8b2;
    margin-bottom: 10px;
    text-align: center;
}
.cb-suggestions {
    margin: 12px 0 6px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    justify-content: flex-start;
}
.cb-sugg {
    display: inline-block;
    margin: 4px 5px;
    padding: 6px 16px;
    border: 2px solid #68d39b;
    background: #edfcf3;
    border-radius: 18px;
    color: #22935c;
    font-size: 1em;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    user-select: none;
    box-shadow: 0 1px 3px rgba(34,147,92,0.07);
    transition: background 0.2s, border 0.2s, color 0.2s;
}
.cb-sugg:hover, .cb-sugg:focus {
    background: #d8fae5;
    border-color: #1abc73;
    color: #188356;
}
.cb-next, .cb-restart, .cb-name-continue, .cb-share-whatsapp, .cb-print {
    background: #229d4b;
    color: #fff;
    border: none;
    padding: 11px 30px;
    border-radius: 10px;
    font-size: 1em;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 6px;
    transition: background 0.18s;
    margin-right: 5px;
    box-shadow: 0 1px 3px rgba(34,147,92,0.08);
}
.cb-next:hover, .cb-restart:hover, .cb-name-continue:hover, .cb-share-whatsapp:hover, .cb-print:hover {
    background: #16753d;
}
.cb-loading .cb-spinner {
    margin: 18px auto 0;
    border: 4px solid #d6f5dd;
    border-top: 4px solid #229d4b;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    animation: cb-spin 0.9s linear infinite;
}
@keyframes cb-spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
.cb-ai {
    background: #f8fff2;
    border-left: 5px solid #229d4b;
    margin: 16px 0 12px 0;
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 1.07em;
    text-align: left;
    word-break: break-word;
}
.cb-info {
    display: block;
    color: #6a7c6a;
    font-size: 0.95em;
    margin-bottom: 5px;
}
.cb-actions {
    margin-top: 15px;
}
.cb-actions button {
    margin: 0 7px 0 0;
    font-size: 1.05em;
    padding: 8px 16px;
    border-radius: 7px;
    border: none;
    cursor: pointer;
    background: #eafbea;
    color: #229d4b;
    border: 1px solid #b2e6b7;
    transition: background 0.15s;
    box-shadow: 0 1px 3px rgba(34,147,92,0.05);
}
.cb-actions button:hover {
    background: #229d4b;
    color: #fff;
}
.cb-waiting {
    font-style: italic;
    font-size: 1.07em;
    margin-bottom: 10px;
    color: #168346;
}
.cb-error-field { border: 2px solid #d14141 !important; }
.cb-error {
    color: #a00;
    font-weight: bold;
}
/* SLIDER */
.cb-slider {
    width: 100%;
    max-width: 440px;
    margin: 0 auto 24px auto;
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    background: #eef7ee;
    box-shadow: 0 1px 8px rgba(31, 71, 52, 0.07);
    min-height: 172px; /* <- HAUTEUR AUGMENTÉE */
}
.cb-slider-imgs {
    position: relative;
    width: 100%;
    height: 170px;     /* <- HAUTEUR AUGMENTÉE */
}
.cb-slide {
    width: 100%;
    height: 170px;     /* <- HAUTEUR AUGMENTÉE */
    object-fit: cover;
    display: none;
    position: absolute;
    left: 0; top: 0;
    border-radius: 22px;
}
.cb-slide:first-child { display: block; }

    width: 11px; height: 11px;
    background: #dbeee3;
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
    transition: background 0.18s;
    border: 2px solid #b3e6c4;
}
.cb-dot.active, .cb-dot:hover {
    background: #229d4b;
    border-color: #229d4b;
}
.cb-langbar {
    margin-bottom: 18px;
}
.cb-lang-btn {
    border: none;
    background: #f2ffe8;
    color: #168346;
    font-weight: 500;
    padding: 3px 11px 3px 7px;
    margin-right: 5px;
    font-size: 1em;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.14s;
}
.cb-lang-btn.active, .cb-lang-btn:hover {
    background: #229d4b;
    color: #fff;
}
.cb-lang-btn span {
    margin-right: 4px;
    font-size: 1.13em;
}
@media (max-width: 600px) {
    .cb-slider-imgs, .cb-slide { height: 105px; }
    .cb-slider { min-height: 110px; }
}
@media (max-width: 420px) {
    .cb-slider-imgs, .cb-slide { height: 70px; }
    .cb-slider { min-height: 72px; }
}