/* R195: one quiet native poll, shared by the creator and the PHP reader. */
.cb195-poll{--cb195-border:#e5e9ef;--cb195-accent:#279bd8;display:block;box-sizing:border-box;max-width:100%;min-width:0;padding:17px 18px;border:1px solid var(--cb195-border);border-radius:15px;background:#fff;color:#172233;font:inherit;box-shadow:0 2px 12px #182b3b09}
.cb195-poll *{box-sizing:border-box}
.cb195-poll-question{display:block;font-size:clamp(16px,1.5vw,19px);font-weight:710;letter-spacing:-.014em;line-height:1.4;margin:0 0 13px;overflow-wrap:anywhere}
.cb195-poll-options{display:grid;gap:8px;min-width:0}
.cb195-poll-option{border:1px solid #e4e9ef;background:#f8fafc;position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:45px;text-align:left;border-radius:10px;padding:10px 12px;color:#243146;cursor:pointer;font:inherit;font-size:14px;line-height:1.35;overflow:hidden}
.cb195-poll-option:not([disabled]):hover{background:#edf7ff;border-color:#9acee8}
.cb195-poll-option:focus-visible,.cb195-poll-edit-row button:focus-visible{outline:2px solid #238fc6;outline-offset:2px}
.cb195-poll-dot{display:inline-block;width:17px;height:17px;min-width:17px;border-radius:50%;border:2px solid #a2b6c8;background:white;position:relative;z-index:2}
.cb195-poll-option[aria-pressed=true] .cb195-poll-dot{border:5px solid var(--cb195-accent)}
.cb195-poll-label{position:relative;z-index:2;flex:1;min-width:0;overflow-wrap:anywhere}
.cb195-poll-bar{position:absolute;inset:0 auto 0 0;width:0%;z-index:0;background:#dceef9;pointer-events:none;transition:width .26s ease}
.cb195-poll-percent{position:relative;z-index:2;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;color:#53687a}
.cb195-poll[aria-busy=true] .cb195-poll-option{cursor:progress}
.cb195-poll[data-has-results=true] .cb195-poll-option{cursor:default}
.cb195-poll-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px;color:#718093;font-size:12px}
.cb195-poll-status{min-width:0;overflow-wrap:anywhere}
.cb195-poll-editor{margin:5px 0 8px;padding:14px 14px 12px;box-shadow:none}
.cb195-poll-field{display:grid;gap:4px;color:#738093;font-size:11px;font-weight:650}
.cb195-poll-field>input{width:100%;min-height:40px;font-size:17px;font-weight:680;color:#1e2c3f;padding:6px 2px;border:0;border-bottom:1px solid #d8e4ec;background:transparent;outline-offset:1px}
.cb195-poll-editor .cb195-poll-options{margin-top:13px}
.cb195-poll-edit-row{display:flex;align-items:center;gap:5px;min-width:0;border:1px solid #e3eaf0;border-radius:10px;padding:4px 6px;background:#f9fbfd}
.cb195-poll-number{width:22px;text-align:center;flex:0 0 22px;color:#8ca1b1;font-size:12px}
.cb195-poll-edit-row>input{flex:1;min-width:0;width:100%;height:33px;border:0;background:transparent;padding:5px 2px;color:#233449;font-size:14px}
.cb195-poll-edit-row>button{flex:0 0 auto;min-width:24px;height:25px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#6b7c8d;font-size:14px}
.cb195-poll-edit-row>button:hover:not(:disabled){background:#e8f1f8;color:#1d536a}
.cb195-poll-edit-row>button:disabled{opacity:.3;cursor:default}
.cb195-poll-edit-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}
.cb195-poll-edit-controls>.cb195-add-choice{border:1px solid #d7e8f1;border-radius:8px;background:#f5faff;padding:6px 9px;color:#2176a3;font-size:12px}
.cb195-poll-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#63768a;cursor:pointer}
.cb195-poll-toggle>input{accent-color:#279bd8;width:15px;height:15px}
.cb195-poll-note{display:block;margin-top:10px;color:#8999a7;font-size:11px;line-height:1.4}
@media(max-width:580px){.cb195-poll{padding:13px;border-radius:12px}.cb195-poll-option{min-height:41px;padding:9px}.cb195-poll-edit-row{gap:2px}}
@media(prefers-reduced-motion:reduce){.cb195-poll-bar{transition:none}}
/* R197 poll settings and results, consistent with existing ClickBee editor. */
.cb197-poll-settings{margin-top:13px;border-top:1px solid #e4edf4;padding-top:12px}
.cb197-poll-settings>summary{cursor:pointer;font-size:13px;font-weight:700;color:#35657c;padding:7px 0}
.cb197-poll-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 1px;font-size:13px;color:#344a5f}
.cb197-poll-switch>input{accent-color:#238fcd;flex:0 0 16px}
.cb197-poll-switch>small{display:block;flex-basis:100%;margin-left:25px;font-size:11px;color:#7d8b98}
.cb197-correct-label{font-size:12px;font-weight:700;margin:8px 0 5px}
.cb197-correct-option{display:flex;gap:8px;align-items:center;font-size:12px;padding:5px}
.cb197-correct-option input{accent-color:#238fcd}
.cb197-option-wrap{position:relative;min-width:0}
.cb197-option-wrap>.cb195-poll-option{width:100%}
.cb197-voters{position:absolute;top:1px;right:3px;z-index:3;font-size:10px;border:0;background:rgba(255,255,255,.92);border-radius:7px;padding:3px 7px;color:#377999;opacity:0}
.cb197-option-wrap:is(:hover,:focus-within) .cb197-voters{opacity:1}
.cb197-voter-detail{position:absolute;right:0;top:100%;z-index:4;background:white;box-shadow:0 5px 21px #12273a2a;border:1px solid #dbe6ee;border-radius:10px;max-height:170px;overflow:auto;min-width:130px;max-width:200px;padding:9px 11px;font-size:12px;color:#304455}
.cb197-voter-detail[hidden]{display:none}
.cb197-voter-detail>div{padding:4px 0}
.cb197-vote-button,.cb197-suggestion button{border:0;border-radius:9px;padding:9px 13px;background:#2491cb;color:white;font-weight:650;cursor:pointer}
.cb197-vote-button{margin-top:10px}
.cb197-poll-extra{padding-top:9px;color:#6d7d8e;font-size:12px}
.cb197-suggestion form{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.cb197-suggestion input{flex:1;min-width:120px;border:1px solid #dce6ed;border-radius:8px;padding:8px;font:inherit}
.cb197-correct{border-color:#50a58e!important}
.cb197-login-link{display:inline-block;margin-top:10px;color:#227eae}
@media(hover:none){.cb197-voters{opacity:1}}

/* R198 — reader-matching poll canvas with normal native-block editing controls. */
.cb195-poll-editor.cb198-poll-preview{position:relative;margin:0;padding:17px 18px;box-shadow:0 2px 12px #182b3b09;max-width:100%;min-width:0}
.cb198-poll-preview .cb198-poll-question[contenteditable],.cb198-poll-preview .cb198-poll-label[contenteditable]{cursor:text;outline:0;white-space:pre-wrap;overflow-wrap:anywhere}
.cb198-poll-preview .cb198-poll-question:focus-visible,.cb198-poll-preview .cb198-poll-label:focus-visible{outline:2px solid #289bd1;outline-offset:3px;border-radius:4px}
.cb198-poll-preview [contenteditable]:empty:before{content:attr(data-placeholder);color:#8493a3;pointer-events:none}
.cb198-poll-preview .cb198-poll-option{cursor:default;background:#f8fafc}
.cb198-poll-preview .cb198-poll-option:focus-within{border-color:#9acee8;background:#f5faff}
.cb198-poll-preview .cb195-poll-options{margin:0}
.cb198-poll-preview .cb195-poll-label{font-size:14px;line-height:1.35}
.as-block[data-as-type="poll"],.as-column-block[data-as-type="poll"]{min-width:0}
.as-block[data-as-type="poll"] .cb198-poll-edit-trigger,.as-column-block[data-as-type="poll"] .cb198-poll-edit-trigger{position:absolute;z-index:14;right:30px;top:-12px;padding:4px 9px;line-height:1.3;min-height:26px;border:1px solid #c5dfed;border-radius:100px;background:#fff;color:#267fac;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #12323f18;opacity:0;transition:opacity .1s ease}
.as-block[data-as-type="poll"]:is(:hover,:focus-within) .cb198-poll-edit-trigger,.as-column-block[data-as-type="poll"]:is(:hover,:focus-within) .cb198-poll-edit-trigger{opacity:1}
@media(hover:none){.as-block[data-as-type="poll"] .cb198-poll-edit-trigger,.as-column-block[data-as-type="poll"] .cb198-poll-edit-trigger{opacity:1}}
.cb198-poll-dialog-content{display:grid;gap:12px;border-bottom:1px solid #e5eaf0;padding:0 0 16px;margin-bottom:12px}
.cb198-poll-dialog-content .cb195-poll-field>input{font-size:14px;min-height:40px}
.cb198-poll-dialog-content .cb195-poll-edit-row input{font:inherit;font-size:13px}
.cb198-poll-dialog-content .cb195-poll-edit-controls{margin:2px 0 0}
.cb198-section-heading{font-size:14px;line-height:1.4;font-weight:700;color:inherit;margin:4px 0 1px}
.cb198-poll-settings>summary{display:none}
.cb198-poll-settings .cb195-poll-field{margin-top:8px}
.cb198-poll-login-choice{border:0;padding:0;background:transparent;width:min(380px,calc(100vw - 24px));max-width:100%;border-radius:16px;color:#1a2736}
.cb198-poll-login-choice::backdrop{background:#061a2a80;backdrop-filter:blur(4px)}
.cb198-poll-login-choice section{background:white;padding:24px;border-radius:16px;box-shadow:0 20px 80px #0003}
.cb198-poll-login-choice h2{font-size:20px;line-height:1.3;margin:0 0 6px}
.cb198-poll-login-choice p{font-size:14px;color:#657386;margin:0 0 18px}
.cb198-poll-login-choice [data-close]{float:right;background:transparent;border:0;color:#69798a;cursor:pointer;font-size:22px}
.cb198-poll-login-choice [data-signin]{display:block;background:#238ec7;border-radius:9px;text-align:center;color:#fff;padding:11px 15px;text-decoration:none;font-weight:700}
.cb197-login-link:is(button){border:0;background:transparent;cursor:pointer;font:inherit;text-decoration:underline}
@media(max-width:580px){.cb195-poll-editor.cb198-poll-preview{padding:13px}}

/* R199: poll customization is a native toolbar action, never floating above Settings/X. */
.as-page #blocks .as-block[data-as-type="poll"] > .as-block-head .cb198-poll-edit-trigger,
.as-page #blocks .as-column-block[data-as-type="poll"] > .as-column-block-actions .cb198-poll-edit-trigger{
 position:static!important;inset:auto!important;float:none!important;
 display:inline-flex!important;align-items:center;justify-content:center;
 flex:0 0 auto;order:-1;opacity:1!important;pointer-events:auto!important;
 width:auto!important;min-width:39px!important;height:29px!important;
 padding:0 7px!important;margin:0!important;white-space:nowrap;
 font-size:11px!important;line-height:1!important;font-weight:700!important;
 border:0!important;border-radius:7px!important;box-shadow:none!important;
 color:#277ca8!important;background:transparent!important;
}
.as-page #blocks .as-block[data-as-type="poll"] > .as-block-head .cb198-poll-edit-trigger:hover,
.as-page #blocks .as-column-block[data-as-type="poll"] > .as-column-block-actions .cb198-poll-edit-trigger:hover{
 background:#eaf5fb!important;color:#176b98!important;
}
