/* Le pont reste strictement neutre tant qu'aucune génération réelle ne démarre. */
.sagace-education-miniapp-status {
    box-sizing: border-box;
    width: 100%;
    margin: 14px 0;
    padding: 13px 16px;
    border: 1px solid rgba(38, 103, 235, .22);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(245, 249, 255, .98), rgba(239, 248, 255, .94));
    color: #17345f;
    font: 600 14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 10px 28px rgba(15, 50, 105, .07);
}

.sagace-education-miniapp-status.is-loading::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 9px;
    border-radius: 50%;
    background: #2d74f1;
    box-shadow: 0 0 0 0 rgba(45, 116, 241, .35);
    animation: sagace-miniapp-pulse 1.5s ease-out infinite;
}

.sagace-education-miniapp-status.is-error {
    border-color: rgba(190, 52, 66, .28);
    background: #fff7f7;
    color: #8a2430;
}

.sagace-education-miniapp-status.is-success {
    border-color: rgba(20, 139, 105, .25);
    background: #f2fbf7;
    color: #126b54;
}

.sagace-education-miniapp-player-host {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 18px 0 0;
    color: #0b1d3a;
}

.sagace-education-miniapp-toolbar {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 12px;
}

.sagace-education-miniapp-toolbar button {
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid rgba(33, 82, 157, .22);
    border-radius: 13px;
    background: linear-gradient(180deg, #fff, #f3f7fd);
    color: #164f9e;
    font: 700 14px/1.2 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-shadow: 0 8px 20px rgba(24, 62, 121, .08);
    cursor: pointer;
}

.sagace-education-miniapp-toolbar button:hover {
    border-color: rgba(33, 82, 157, .4);
    transform: translateY(-1px);
}

.sagace-education-miniapp-toolbar button:focus-visible,
.sagace-education-miniapp-status + button:focus-visible {
    outline: 3px solid rgba(36, 112, 244, .4);
    outline-offset: 3px;
}

.sagace-education-miniapp-player-host > .sagace-chat-row,
.sagace-education-miniapp-player-host .sagace-chat-bubble-wrap,
.sagace-education-miniapp-player-host .sagace-chat-message {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
}

@keyframes sagace-miniapp-pulse {
    70% { box-shadow: 0 0 0 8px rgba(45, 116, 241, 0); }
    100% { box-shadow: 0 0 0 0 rgba(45, 116, 241, 0); }
}

@media (max-width: 640px) {
    .sagace-education-miniapp-status { margin: 10px 0; padding: 12px 13px; }
    .sagace-education-miniapp-toolbar button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .sagace-education-miniapp-status.is-loading::before { animation: none; }
    .sagace-education-miniapp-toolbar button:hover { transform: none; }
}