.vlf-report-button[hidden] { display: none !important; }
.vlf-feedback-launcher[hidden], #vlf-report-dialog [hidden] { display: none !important; }
.vlf-feedback-launcher { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 99990; display: flex; flex-direction: column; align-items: flex-end; gap: 7px; max-width: calc(100vw - 36px); }
.vlf-feedback-launcher .vlf-report-button { position: static; max-width: 100%; }
.vlf-feedback-launcher .vlf-story-link { appearance: none; width: auto; max-width: 100%; white-space: normal; text-transform: none; letter-spacing: normal; margin: 0; padding: 7px 11px; background: #fff; color: #15365d; border: 1px solid #c9d6e4; border-radius: 8px; font: 400 12px/1.5 system-ui,sans-serif; cursor: pointer; box-shadow: 0 2px 8px #0002; }
.vlf-story-link span { text-decoration: underline; font-weight: 600; }
.dark-scheme .vlf-feedback-launcher .vlf-story-link, .vlf-feedback-launcher.dark-scheme .vlf-story-link { background: #17212e; color: #f0f4fa; border-color: #71849d; }
.vlf-feedback-launcher :focus-visible { outline: 3px solid #368bea; outline-offset: 3px; }
.vlf-report-button { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 99990; max-width: calc(100vw - 36px); border: 0; border-radius: 24px; background: #15365d; color: #fff; padding: 12px 18px; font: 600 15px/1.4 system-ui,sans-serif; cursor: pointer; box-shadow: 0 3px 16px #0003; }
.vlf-report-dialog { --vlf-r-bg: #fff; --vlf-r-text: #18283d; --vlf-r-field: #fff; --vlf-r-border: #8292a6; box-sizing: border-box; width: min(580px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 32px); margin: auto; padding: 26px; border: 1px solid var(--vlf-r-border); border-radius: 14px; background: var(--vlf-r-bg); color: var(--vlf-r-text); overflow-y: auto; overscroll-behavior: contain; font: 16px/1.5 system-ui,sans-serif; }
.vlf-report-dialog:not([open]) { display: none; }
.vlf-report-dialog::backdrop { background: #071322b8; }
.vlf-report-dialog *, .vlf-report-dialog *::before, .vlf-report-dialog *::after { box-sizing: border-box; }
.vlf-report-dialog h2 { margin: 0 35px 12px 0; font-size: 24px; color: var(--vlf-r-text); }
.vlf-report-dialog p { color: var(--vlf-r-text); overflow-wrap: anywhere; }
.vlf-report-dialog label { display: block; margin: 14px 0 5px; color: var(--vlf-r-text); font-weight: 600; }
.vlf-report-dialog input, .vlf-report-dialog select, .vlf-report-dialog textarea { display: block; width: 100%; max-width: 100%; min-width: 0; height: auto; padding: 10px; border: 1px solid var(--vlf-r-border); border-radius: 5px; background: var(--vlf-r-field); color: var(--vlf-r-text); font: inherit; }
.vlf-report-dialog textarea { resize: vertical; }
.vlf-report-dialog .vlf-report-close { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; color: var(--vlf-r-text); padding: 4px 12px; font-size: 30px; cursor: pointer; }
.vlf-report-dialog .vlf-report-submit { border: 0; border-radius: 6px; padding: 12px 18px; background: #15365d; color: #fff; font: 600 16px/1.4 system-ui,sans-serif; cursor: pointer; }
.vlf-report-dialog .vlf-report-submit:disabled { opacity: .65; cursor: wait; }
.vlf-report-dialog .vlf-report-privacy { font-size: 13px; }
.vlf-report-dialog .vlf-report-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.vlf-report-dialog :focus-visible, .vlf-report-button:focus-visible { outline: 3px solid #368bea; outline-offset: 3px; }
.dark-scheme .vlf-report-dialog, .vlf-report-dialog.dark-scheme { --vlf-r-bg: #17212e; --vlf-r-text: #f0f4fa; --vlf-r-field: #101925; --vlf-r-border: #71849d; color-scheme: dark; }
.dark-scheme .vlf-report-button, .dark-scheme .vlf-report-submit { background: #285d97; color: #fff; }
@media (max-width: 425px) { .vlf-report-dialog { padding: 20px 16px; } .vlf-report-button { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); font-size: 14px; } }
@media print { .vlf-report-button, .vlf-report-dialog { display: none !important; } }

/* Isolate the native select from theme-supplied arrow images and backgrounds. */
#vlf-report-dialog #vlf-report-section {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-color: var(--vlf-r-field) !important;
    color: var(--vlf-r-text) !important;
    color-scheme: light;
    min-height: 46px;
    padding: 10px 12px;
    line-height: normal;
    text-indent: 0;
    opacity: 1;
}
#vlf-report-dialog #vlf-report-section option {
    background-color: var(--vlf-r-field);
    color: var(--vlf-r-text);
}
.dark-scheme #vlf-report-dialog #vlf-report-section,
#vlf-report-dialog.dark-scheme #vlf-report-section {
    color-scheme: dark;
}

/* Keep both dropdowns native and legible despite theme overrides. */
#vlf-report-dialog #vlf-story-country { appearance: auto !important; background-image: none !important; background-color: var(--vlf-r-field) !important; color: var(--vlf-r-text) !important; color-scheme: light; min-height: 46px; padding: 10px 12px; line-height: normal; text-indent: 0; opacity: 1; }
#vlf-report-dialog #vlf-story-country option { background-color: var(--vlf-r-field); color: var(--vlf-r-text); }
.dark-scheme #vlf-report-dialog #vlf-story-country, #vlf-report-dialog.dark-scheme #vlf-story-country { color-scheme: dark; }
#vlf-report-dialog .vlf-feedback-tabs { display: flex; gap: 8px; margin: 18px 0; border-bottom: 1px solid var(--vlf-r-border); padding-bottom: 10px; }
#vlf-report-dialog .vlf-feedback-tabs button { flex: 1; min-width: 0; border: 1px solid var(--vlf-r-border); border-radius: 6px; padding: 10px 8px; margin: 0; background: var(--vlf-r-field); color: var(--vlf-r-text); white-space: normal; text-transform: none; letter-spacing: normal; font: 600 14px/1.4 system-ui,sans-serif; cursor: pointer; }
#vlf-report-dialog .vlf-feedback-tabs [aria-selected="true"] { background: #15365d; color: #fff; border-color: #15365d; }
#vlf-report-dialog .vlf-story-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 400; line-height: 1.5; margin: 18px 0; }
#vlf-report-dialog #vlf-story-consent { appearance: auto !important; position: static; display: inline-block; flex: 0 0 18px; width: 18px; height: 18px; opacity: 1; margin: 2px 0 0; padding: 0; accent-color: #285d97; }
#vlf-report-dialog .vlf-story-consent span { min-width: 0; overflow-wrap: anywhere; }
#vlf-report-dialog a { color: #1463ba; text-decoration: underline; }
.dark-scheme #vlf-report-dialog a, #vlf-report-dialog.dark-scheme a { color: #8ac4ff; }
@media (max-width: 425px) { .vlf-feedback-launcher { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 24px); } }
@media print { .vlf-feedback-launcher { display: none !important; } }
