/* @kyc-managed v1 | sha=8002f151 | 2026-10-18T15:01:42+00:00 | by=claude */
/* @kyc-managed v1 | sha=PLACEHOLDER | by=claude */
/* Popup chrome: overlay, card, docked panel, close control, minimized tab, poll rating.
   One system on the platform design tokens; the popup body itself is author content. */

.kyc-popup-parent { display: none; position: fixed; inset: 0; z-index: 2147483647; }

/* Modal: dim the page, centre the card. JS toggles inline display to show it. */
.kyc-popup--modal { background: rgba(0, 0, 0, 0.8); }
.kyc-popup--modal .kyc-popup-inner {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 700px; max-width: calc(100vw - 32px); max-height: 90vh; overflow: auto;
    background: var(--kyc-bg); color: var(--kyc-text);
    border: 1px solid var(--kyc-surface-border); border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Panel: a docked card that leaves the page usable behind it. */
.kyc-popup--panel { background: transparent; pointer-events: none; }
.kyc-popup--panel .kyc-popup-inner {
    pointer-events: auto; position: fixed; bottom: 20px; left: 20px;
    width: 400px; max-width: calc(100vw - 32px); height: 90%; max-height: 90vh; overflow: hidden;
    background: var(--kyc-bg-elevated); color: var(--kyc-text);
    border: 1px solid var(--kyc-surface-border); border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.kyc-popup-body { height: 100%; }

.kyc-popup-close-icon {
    position: absolute; top: 8px; right: 12px; z-index: 2;
    width: 34px; height: 34px; border-radius: 99px;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; line-height: 1; cursor: pointer;
    background: var(--kyc-bg); color: var(--kyc-text-muted);
    border: 1px solid var(--kyc-surface-border);
}
.kyc-popup-close-icon:hover { color: var(--kyc-text); }
.kyc_popup_footer { clear: both; }

/* Hidden store for the minimized-tab markup the shortcode emits (JS reads its value). */
.kyc-popup-icon-store { display: none; }

/* Minimized tab: a small fixed launcher. Position comes from the author's choice. */
.kyc-popup-icon { position: fixed; z-index: 2147483646; height: fit-content; cursor: pointer; }
.kyc-popup-icon--top { top: 15px; }
.kyc-popup-icon--mid { top: 50%; transform: translateY(-50%); }
.kyc-popup-icon--bottom { bottom: 20px; }
.kyc-popup-icon--left { left: 20px; }
.kyc-popup-icon--right { right: 20px; }
.kyc-popup-icon-img { display: block; }

/* Poll rating control (was an inline <style> block in PHP). */
.kyc-poll-popup-inner .stars:hover,
.kyc-poll-popup-inner .stars.active { color: orange; }
.kyc-poll-popup-inner input[type="radio"] {
    appearance: none; width: 30px; height: 30px; margin: 0; outline: none;
    border: 1px solid var(--kyc-border); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24);
}
.kyc-poll-popup-inner input[type="radio"]:checked { appearance: none; border: none; padding: 0; outline: none; }
.kyc-poll-popup-inner input[type="radio"]:checked::before {
    position: absolute; content: "\00A0\2713\00A0"; color: green;
    border: 1px solid var(--kyc-border); font-weight: bolder; font-size: 21px; width: 30px;
}

@media (max-width: 782px) {
    .kyc-popup--modal .kyc-popup-inner { width: 90vw; max-height: 90vh; }
    .kyc-popup--panel .kyc-popup-inner { inset: 0; width: 100%; height: 100%; border-radius: 0; max-height: none; }
}