/* Frontend banner styles */
#cnd-root{position:relative;z-index:var(--cnd-z,99999);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--cnd-font,16px);}
.cnd-banner{position:fixed;left:0;right:0;display:flex;gap:.75rem;align-items:center;box-sizing:border-box;background:var(--cnd-bg,#111);color:var(--cnd-text,#fff);padding:1rem 1.25rem;border-radius:0;box-shadow:none}
.cnd--pos-bottom_bar{bottom:0}
.cnd--pos-top_bar{top:0}
.cnd--pos-bottom_left,.cnd--pos-bottom_right{width:min(520px,calc(100% - 2rem));}
.cnd--pos-bottom_left{left:1rem;bottom:1rem;right:auto}
.cnd--pos-bottom_right{right:1rem;bottom:1rem;left:auto}
.cnd--layout-pill{border-radius:999px}
.cnd--layout-card{border-radius:var(--cnd-radius,12px)}
.cnd--shadow{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cnd-banner .cnd-text{flex:1 1 auto;line-height:1.45}
.cnd-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.cnd-btn{cursor:pointer;border-radius:999px;border:2px solid var(--cnd-accent,#00b851);padding:.5rem .9rem;font-weight:600;line-height:1.1}
.cnd-btn-solid{background:var(--cnd-accent,#00b851);color:#000;border-color:var(--cnd-accent,#00b851)}
.cnd-btn-outline{background:transparent;color:var(--cnd-accent,#00b851);border-color:var(--cnd-accent,#00b851)}
.cnd-link{color:var(--cnd-text,#fff);opacity:.8;text-decoration:underline}
.cnd-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:calc(var(--cnd-z,99999) + 1)}
.cnd-modal{background:var(--cnd-bg,#111);color:var(--cnd-text,#fff);width:min(680px,100%);border-radius:var(--cnd-radius,12px);padding:1rem;border:1px solid rgba(255,255,255,.08)}
.cnd-modal h3{margin:0 0 .5rem 0}
.cnd-switch{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}
.cnd-switch input{width:1.2rem;height:1.2rem}

/* Floating preferences button */
.cnd-fab{position:fixed;bottom:1rem;right:1rem;z-index:calc(var(--cnd-z,99999) + 2);background:var(--cnd-bg,#111);color:var(--cnd-text,#fff);border:2px solid var(--cnd-accent,#00b851);border-radius:999px;padding:.5rem .9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.cnd-fab.cnd-left{left:1rem;right:auto}


/* ===== RTL support ===== */
html[dir="rtl"] #cnd-root, body[dir="rtl"] #cnd-root{direction: rtl}
html[dir="rtl"] .cnd-banner, body[dir="rtl"] .cnd-banner{direction: rtl;text-align:right}
html[dir="rtl"] .cnd-banner .cnd-text, body[dir="rtl"] .cnd-banner .cnd-text{text-align:right}
html[dir="rtl"] .cnd-actions, body[dir="rtl"] .cnd-actions{flex-direction:row-reverse}
html[dir="rtl"] .cnd-modal, body[dir="rtl"] .cnd-modal{direction: rtl;text-align:right}
html[dir="rtl"] .cnd-modal h3, body[dir="rtl"] .cnd-modal h3{text-align:right}
html[dir="rtl"] .cnd-fab, body[dir="rtl"] .cnd-fab{}
/* If user sets position to left/right, we respect it. The layout mirrors text and buttons visually. */