/* LOT R4a2 - formularul de retragere din contract (modal). Doar variabile din design-tokens.css. */
.bb-retr[hidden] { display: none; }
.bb-retr { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: var(--space-8); }
.bb-retr__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); }
.bb-retr__dialog { position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 32px); overflow-y: auto; background: var(--color-white); color: var(--color-text); border-radius: 8px; padding: var(--space-16) var(--space-12) var(--space-12); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25); font-family: var(--font-body); font-size: 15px; line-height: 1.5; text-align: left; }
.bb-retr__x { position: absolute; top: var(--space-4); right: var(--space-6); background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; color: var(--color-muted); }
.bb-retr__titlu { font-family: var(--font-heading); font-size: 20px; font-weight: 700; margin: 0 0 var(--space-8); color: var(--color-text); }
.bb-retr__info { margin: 0 0 var(--space-8); color: var(--color-text-secondary); }
.bb-retr__info a { color: var(--color-primary); text-decoration: underline; }
.bb-retr__camp { display: block; margin: 0 0 var(--space-8); font-weight: 600; color: var(--color-text); }
.bb-retr__camp input, .bb-retr__camp textarea { display: block; width: 100%; margin-top: var(--space-2); padding: var(--space-4) var(--space-6); border: 1px solid var(--color-border); border-radius: 4px; font: inherit; font-weight: 400; color: var(--color-text); background: var(--color-white); box-sizing: border-box; }
.bb-retr__camp input:focus, .bb-retr__camp textarea:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; }
.bb-retr__camp small { display: block; font-weight: 400; color: var(--color-muted); margin-top: var(--space-2); }
.bb-retr__capcana { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.bb-retr__eroare { margin: 0 0 var(--space-8); color: var(--color-danger); font-weight: 600; }
.bb-retr__butoane { display: flex; flex-wrap: wrap; gap: var(--space-6); justify-content: flex-end; margin-top: var(--space-8); }
.bb-retr__btn { padding: var(--space-6) var(--space-12); border: 1px solid var(--color-primary); border-radius: 4px; background: var(--color-white); color: var(--color-primary); font: inherit; font-weight: 700; cursor: pointer; }
.bb-retr__btn--primar { background: var(--color-primary); color: var(--color-white); }
.bb-retr__btn:disabled { opacity: 0.6; cursor: wait; }
.bb-retr__date { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-2) var(--space-8); margin: 0 0 var(--space-8); }
.bb-retr__date dt { font-weight: 600; }
.bb-retr__date dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.bb-retr__eticheta { margin: 0 0 var(--space-2); font-weight: 600; }
.bb-retr__declaratie { margin: 0 0 var(--space-8); padding: var(--space-6) var(--space-8); border-left: 3px solid var(--color-primary); background: var(--color-background); overflow-wrap: anywhere; }
.bb-retr__succes { margin: 0 0 var(--space-8); }
html.bb-retr-deschis { overflow: hidden; }
/* butoanele din T&C s15 */
.bb-leg-retragere-cta { margin: var(--space-6) 0 var(--space-8); }
.bb-btn-retragere { display: inline-block; padding: var(--space-6) var(--space-12); border-radius: 4px; background: var(--color-primary); color: var(--color-white) !important; font-weight: 700; text-decoration: none !important; }
.bb-btn-retragere:hover, .bb-btn-retragere:focus { background: var(--color-primary-dark); }
@media (max-width: 480px) {
    .bb-retr { padding: var(--space-4); }
    .bb-retr__dialog { padding: var(--space-12) var(--space-8) var(--space-8); }
    .bb-retr__date { grid-template-columns: 1fr; }
}