.greek-voice-status{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem;max-width:100%;margin:1rem 0 1.4rem;padding:.65rem .85rem;border:1px solid #b8c7c0;border-radius:5px;background:#edf2ec;color:#304d43;font:400 .82rem/1.5 Arial,sans-serif;box-sizing:border-box;overflow-wrap:anywhere}
.greek-voice-status[data-state="missing"],.greek-voice-status[data-state="unsupported"],.greek-voice-status[data-state="error"]{background:#f4f0e8;color:#66533e;border-color:#d5c7b4}
.greek-voice-status a{color:inherit;text-underline-offset:3px;font-weight:600}
.voicebar .greek-voice-status{flex-basis:100%;margin:.25rem 0 0}
:root[data-theme="dark"] .greek-voice-status{background:#172e2b;color:#c2dacf;border-color:#425d54}
:root[data-theme="dark"] .greek-voice-status[data-state="missing"],:root[data-theme="dark"] .greek-voice-status[data-state="unsupported"],:root[data-theme="dark"] .greek-voice-status[data-state="error"]{background:#302b23;color:#e3d0af;border-color:#675743}
@media print{.greek-voice-status{display:none}}

.greek-voice-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.voicebar select{max-width:100%;min-width:0}.voicebar label{min-width:0;max-width:100%}.voicebar button:disabled{opacity:.55}

/* V1.8.9: compacte stembediening */
body main .voicebar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px 0;margin:10px 0 14px;border:0;background:transparent;box-shadow:none;border-radius:0}
body main .voicebar label{display:inline-flex;align-items:center;gap:8px;flex:0 1 auto;margin:0;font-size:12px}
body main .voicebar select{width:auto;max-width:min(340px,100%);min-height:34px;margin:0;padding:5px 28px 5px 9px;font-size:12px}
body main .voicebar .greek-voice-status{flex:0 1 auto;margin:0;padding:0;border:0;background:transparent;font-size:11px}
body main .voicebar button,body main .greek-voice-download{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 12px;border:1px solid #b8b9aa;border-radius:24px;background:transparent;color:#234b58;font:12px/1.5 system-ui;text-decoration:none;white-space:nowrap;box-sizing:border-box;margin:0}
body main .greek-voice-download:hover{background:#e9e8dc}
body main .greek-voice-download:focus-visible{outline:3px solid #a66a45;outline-offset:3px}
html[data-theme="dark"] body main .greek-voice-download{background:#1a2c31;color:#e9d0b0;border-color:#4a6162}
html[data-theme="dark"] body main .greek-voice-download:hover{background:#284047}
@media(max-width:480px){body main .voicebar label{flex-wrap:wrap;width:100%}body main .voicebar select{max-width:100%;flex:1;min-width:0}body main .voicebar .greek-voice-status{flex-basis:100%}}

/* Expliciete breedtegrenzen, ook bij bestaande sitebrede formulierregels. */
body main .voicebar{width:fit-content!important;max-width:100%!important;min-width:0!important;align-items:center!important;padding:6px 0!important;border:0!important;background:transparent!important;gap:8px 10px!important}
body main .voicebar label{flex:0 1 auto!important;min-width:0!important;width:auto!important;display:inline-flex!important;align-items:center!important;font-size:12px!important}
body main .voicebar select{flex:0 1 auto!important;display:inline-block!important;width:250px!important;max-width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;font-size:12px!important;margin:0!important;padding:4px 26px 4px 8px!important}
body main .voicebar #rate{width:130px!important}
body main .voicebar .greek-voice-status{width:auto!important;flex:0 1 auto!important;max-width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:11px!important}
body main .voicebar .greek-voice-status[data-state=ready] span:last-child{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body main .voicebar button{min-height:34px!important;height:34px!important;padding:5px 12px!important;border-radius:24px!important;font-size:12px!important;flex:0 0 auto!important}
@media(max-width:520px){body main .voicebar{width:100%!important}body main .voicebar label{flex-wrap:wrap!important}body main .voicebar select{max-width:calc(100vw - 70px)!important}body main .voicebar .greek-voice-status{flex-basis:100%!important}}

body:not([data-greek-voice-home]) .voicebar,body:not([data-greek-voice-home]) .greek-voice-download,body:not([data-greek-voice-home]) #voiceStatus{display:none!important}