.blotdevis-block{display:flex;justify-content:flex-end;margin-top:10px}
.blotdevis-btn{background:#f7f7fb;border:1px solid #e6e6ef;border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.blotdevis-btn .material-icons{font-size:18px}
.blotdevis-label{font-size:13px}

.blotdevis-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:9999}
.blotdevis-modal.open{display:flex}
.blotdevis-modal__dialog{position:relative;background:#fff;border-radius:12px;padding:18px;max-width:520px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.blotdevis-modal__close{position:absolute;right:16px;top:12px;border:none;background:transparent;font-size:24px;cursor:pointer}
.form-group{margin-bottom:12px}
.form-group label{display:block;margin-bottom:6px;font-size:13px}
.form-group input,.form-group textarea{width:100%;border:1px solid #e1e1e8;border-radius:8px;padding:8px;font-size:14px}
.blotdevis-submit{background:#00597b;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}
.blotdevis-feedback{margin-top:10px;font-size:13px}


/* Discreet trigger dot bottom-right */
.blotdevis-block--abs{position:relative; min-height:28px;}
.blotdevis-btn--dot{position:absolute; right:10px; bottom:6px; width:12px; height:12px; border-radius:999px; padding:0; border:none; cursor:pointer; background:#0000FF; opacity:.15;}
.blotdevis-btn--dot:hover{opacity:.5;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Modal sizing */
.blotdevis-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:9999}
.blotdevis-modal.open{display:flex}
.blotdevis-modal__dialog{position:relative;background:#fff;border-radius:12px;padding:18px;max-width:620px;width:92%;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.blotdevis-modal__close{position:absolute;right:16px;top:12px;border:none;background:transparent;font-size:24px;cursor:pointer}
.text-muted{color:#666}

/* Grid */
.bdv-grid{display:block;gap:16px}
@media (min-width:768px){
  .bdv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
}
#blotdevis-form .form-group{width:100%;max-width:none}
#blotdevis-form input,#blotdevis-form textarea,#blotdevis-form select{width:100% !important;max-width:none !important;box-sizing:border-box}
.req{color:#d20000;margin-left:3px}

/* Role row */
.bdv-role{margin:6px 0 12px 0}
.bdv-role .block{display:block;margin-bottom:6px;color:#444}
.bdv-role .role{display:inline-flex;align-items:center;gap:6px;margin-right:16px}
.hidden{display:none !important}

/* Button colors (if not already) */
.blotdevis-submit{background:#0000FF;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}
.blotdevis-submit:hover{background:#ee9a00;color:#fff}



/* Radios: single-line labels and more width */
.bdv-role .role{display:inline-flex;align-items:center;gap:6px;margin-right:24px;white-space:nowrap;min-width:180px}


/* step3c UI refinements */
.bdv-role--spaced{ margin-top: 12px; }
#bdv-intro{ margin-bottom: 12px; }
.bdv-role .role{
  display:inline-flex; align-items:center; gap:6px;
  margin-right:20px; white-space:nowrap; min-width: 160px;
}
.bdv-role .role input{ margin-right:6px; }


/* step3d: radio spacing fixes */
.bdv-role .role{display:inline-flex;align-items:center;gap:6px;margin-right:20px;white-space:nowrap;min-width:160px;padding-left:0 !important}
.bdv-role .role input[type="radio"]{margin:0 6px 0 0 !important}


/* step3e: tighten radio spacing for both labels */
.bdv-role .role{display:inline-flex;align-items:center;gap:6px;margin-right:16px;white-space:nowrap;padding-left:0 !important;min-width:auto}
.bdv-role .role input[type="radio"]{margin:0 6px 0 0 !important}
.bdv-role .role::before,.bdv-role .role::after{display:none !important;content:none !important}


/* step3f: ensure hidden helper exists */
.hidden{display:none !important}


/* Step4: success modal */
#blotdevis-success .blotdevis-modal__dialog { max-width: 520px; }
#blotdevis-success h3 { margin-bottom: 8px; }