.bf-dialog{width:min(1100px,95vw);max-height:92vh;border:1px solid #ccd8e6;border-radius:14px;padding:24px;color:#182433}.bf-dialog::backdrop{background:#14243e99}.bf-box header,.bf-box footer{display:flex;justify-content:space-between;gap:16px}.bf-box h2{font-size:25px}.bf-box p{line-height:1.7}.bf-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.bf-box label{display:flex;flex-direction:column;gap:7px}.bf-box input,.bf-box select,.bf-box textarea{font-size:16px;padding:12px;min-height:44px;width:100%;box-sizing:border-box}.bf-box button{width:auto;min-height:44px;padding:10px 18px;cursor:pointer}.bf-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;background:#f3f6fb;padding:15px;margin:12px 0}.bf-line small{grid-column:1/-1}.bf-box .bf-check{display:flex;flex-direction:row;align-items:center;margin:16px 0}.bf-check input{width:20px;min-height:20px}.bf-box [role=status]{background:#eef5ff;padding:12px}.bf-box textarea{min-height:70px}.bf-box footer button[type=submit]{background:#245fee;color:white;border:0;border-radius:8px}@media(max-width:700px){.bf-fields,.bf-line{grid-template-columns:1fr}.bf-dialog{padding:12px}}
.bf-dialog{box-sizing:border-box;max-width:calc(100vw - 32px);overflow:auto}.bf-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-line{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}.bf-box label{min-width:0}.bf-box button{flex-shrink:0}@media(max-width:700px){.bf-fields,.bf-line{grid-template-columns:minmax(0,1fr)}}

/* styles.css gives every button width:100%; without width:auto this corner button
   became a full-width bar over the bottom of every page. */
.bf-floating{position:fixed;right:16px;bottom:16px;left:auto;width:auto;max-width:calc(100vw - 32px);min-height:0;z-index:50;padding:10px 14px;border-radius:8px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.bf-note{font-size:13px;color:#555}