.sb{--sb-ok:#1c7a45;--sb-okbg:#e8f6ee;--sb-okln:#bfe5cd;margin:26px 0 0}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .sb{--sb-ok:#7fd6a2;--sb-okbg:#10301f;--sb-okln:#1e4a33}}
html[data-theme="dark"] .sb{--sb-ok:#7fd6a2;--sb-okbg:#10301f;--sb-okln:#1e4a33}
.sb-box{border:1px solid var(--cardln,#e3e8f0);background:var(--card,#fff);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}
.sb-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.sb-dot{width:9px;height:9px;border-radius:50%;background:var(--sb-ok);flex:0 0 auto;position:relative}
.sb-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--sb-ok);opacity:.45;animation:sb-puls 2.4s ease-out infinite}
@keyframes sb-puls{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
.sb-dot.is-off{background:var(--fg-mute)}
.sb-dot.is-off::after{display:none}
.sb-stare{font-weight:600;color:var(--hd,#1b2a4a);font-size:1rem}
.sb-sub{color:var(--fg-mute,#4A5568);font-size:1rem;line-height:1.55;margin:2px 0 12px}
.sb-rand{display:flex;gap:10px;flex-wrap:wrap}
.sb-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:11px;border:1px solid transparent;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.sb-b:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,25,50,.14)}
.sb-b:active{transform:translateY(0)}
.sb-b1{background:var(--btnbg,#1b2a4a);color:var(--btnfg,#fff)}
.sb-b2{background:var(--wabg,#e8f6ee);color:var(--wafg,#1c7a45);border-color:var(--waln,#bfe5cd)}
.sb-b3{background:transparent;color:var(--teal,#2d6e7e);border-color:var(--cardln,#e3e8f0)}
.sb-b:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.sb-mic{font-size:1rem;color:var(--fg-mute);margin-top:10px;line-height:1.5}

/* 2. intrebarea cu trei butoane */
.sb-q .sb-intreb{font-weight:600;color:var(--hd);margin-bottom:10px;font-size:1.05rem}
.sb-alegeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px}
.sb-al{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 15px;border:1px solid var(--cardln,#e3e8f0);border-radius:12px;background:var(--bg,#fff);cursor:pointer;font:inherit;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.sb-al:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,25,50,.1)}
.sb-al b{color:var(--hd);font-size:1rem}
.sb-al span{color:var(--fg-mute);font-size:1rem;line-height:1.4}
.sb-al:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* 5. te sunam noi, un singur camp */
.sb-cb{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.sb-cb input{flex:1 1 190px;min-width:0;padding:12px 14px;border:1px solid var(--cardln);border-radius:11px;background:var(--bg);color:var(--fg);font:inherit;font-size:1rem}
.sb-cb input:focus{outline:2px solid var(--teal);outline-offset:1px}
.sb-msg{margin-top:9px;font-size:1rem;line-height:1.5;min-height:1.4em}
.sb-msg.ok{color:var(--sb-ok);font-weight:600}
.sb-msg.er{color:#c0392b}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .sb-msg.er{color:#ff9b8f}}

/* 4. bara lipita jos */
.sb-jos{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;gap:10px;justify-content:center;align-items:center;padding:10px 14px;background:var(--card);border-top:1px solid var(--cardln);box-shadow:0 -8px 24px rgba(15,25,50,.12);transform:translateY(115%);transition:transform .32s cubic-bezier(.2,.8,.3,1);flex-wrap:wrap}
.sb-jos.is-on{transform:translateY(0)}
.sb-jos .sb-b{padding:11px 16px}
.sb-jos-t{font-weight:600;color:var(--hd);margin-right:4px;font-size:1rem}
@media(max-width:560px){.sb-jos-t{display:none}.sb-jos .sb-b{flex:1 1 44%}}
@media(prefers-reduced-motion:reduce){.sb-jos{transition:none}.sb-dot::after{animation:none}}