/* 0.1.2 TEST: forma i pola jak w Zgłoszeniach usług; cały CSS ograniczony do Ofert. */
.fmd-offer-form{--of-bg:#333436;--of-sub:#2b2c2e;--of-input:#3e3f41;--of-ink:#ededed;--of-muted:#b9babc;--of-line:#515255;--of-accent:#b95a53;max-width:900px;margin:18px auto 25px;padding:23px 28px;background:var(--of-bg);color:var(--of-ink);border:1px solid var(--of-line);border-radius:7px;font-size:15px;line-height:1.58;color-scheme:dark}
.fmd-offer-form,.fmd-offer-form *{box-sizing:border-box}
.fmd-offer-form h2{color:var(--of-ink);font-size:27px;margin:0 0 8px;font-weight:700}
.fmd-offer-form p{color:var(--of-muted);margin:0 0 18px}
.fmd-offer-form form{display:grid;gap:15px}
.fmd-offer-form form > label:not(.fmd-of-terms),.fmd-offer-form [data-new] > label,.fmd-offer-form [data-known] > label{display:grid;gap:5px;font-size:14px;font-weight:600}
.fmd-offer-form fieldset{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:13px;border:1px solid var(--of-line);border-radius:6px;min-width:0}
.fmd-offer-form legend{padding:0 6px;font-weight:700;color:var(--of-ink)}
.fmd-offer-form fieldset label{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--of-ink);font-size:14px;cursor:pointer}
.fmd-offer-form input:not([type=radio]):not([type=checkbox]),.fmd-offer-form select,.fmd-offer-form textarea{appearance:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;padding:10px 12px;min-height:42px;margin:0;background:var(--of-input)!important;color:var(--of-ink)!important;border:1px solid var(--of-line)!important;border-radius:5px;box-shadow:none!important;outline:none}
.fmd-offer-form textarea{resize:vertical;min-height:108px}
.fmd-offer-form input::placeholder,.fmd-offer-form textarea::placeholder{color:var(--of-muted)!important;opacity:.75}
/* Chrome/Edge autouzupełnianie nie może wybielać tła pól. */
.fmd-offer-form input:-webkit-autofill,.fmd-offer-form input:-webkit-autofill:hover,.fmd-offer-form input:-webkit-autofill:focus,.fmd-offer-form textarea:-webkit-autofill,.fmd-offer-form select:-webkit-autofill{box-shadow:0 0 0 1000px var(--of-input) inset!important;-webkit-box-shadow:0 0 0 1000px var(--of-input) inset!important;-webkit-text-fill-color:var(--of-ink)!important;caret-color:var(--of-ink)!important}
.fmd-offer-form input:autofill,.fmd-offer-form textarea:autofill{box-shadow:0 0 0 1000px var(--of-input) inset!important}
.fmd-offer-form input:not([type=radio]):not([type=checkbox]):focus,.fmd-offer-form textarea:focus,.fmd-offer-form select:focus{border-color:var(--of-accent)!important;box-shadow:0 0 0 1px var(--of-accent)!important}
.fmd-offer-form input:user-invalid,.fmd-offer-form textarea:user-invalid{border-color:#cf7771!important}
.fmd-offer-form input[type=radio],.fmd-offer-form input[type=checkbox]{accent-color:var(--of-accent);width:auto;min-width:14px;min-height:14px;margin:0;cursor:pointer}
.fmd-offer-form small{color:var(--of-muted);font-size:13px}
.fmd-offer-form [hidden]{display:none!important}
.fmd-offer-form .fmd-of-terms{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;cursor:pointer}
.fmd-offer-form .fmd-of-terms input{margin-top:4px}
.fmd-offer-form .fmd-of-bot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.fmd-offer-form button[type=submit]{width:100%;background:var(--of-accent)!important;color:#fff!important;border:0;border-radius:5px;padding:13px 20px;font-weight:700;cursor:pointer}
.fmd-offer-form button[type=submit]:hover{filter:brightness(1.1)}
.fmd-offer-form button[type=submit]:disabled{opacity:.6;cursor:wait}
.fmd-offer-form .fmd-of-ok{padding:13px 16px;color:#9de2ac;background:#2b3830;border:1px solid var(--of-line);border-radius:6px}
@media(max-width:600px){.fmd-offer-form{padding:16px}.fmd-offer-form fieldset{display:grid;gap:9px}}

/* 0.1.6 — komunikat walidacji identyfikatora bez opuszczania formularza. */
.fmd-offer-form .fmd-of-identifier-message{display:block;line-height:1.5;margin-top:5px;color:var(--of-muted)}
.fmd-offer-form .fmd-of-identifier-message.is-error{color:#ffaaa4}
.fmd-offer-form .fmd-of-identifier-message.is-valid{color:#a8dcb7}
.fmd-offer-form .fmd-of-identifier-message.is-pending{color:#e7c98e}
.fmd-offer-form input[name="customer_identifier"][aria-invalid="true"]{border-color:#cf7771!important}


/* FazaMD UI1 — wspolny styl formularzy, WYLACZNIE wtyczka Oferty. */
.fmd-offer-form{
 --of-bg:#1c2834; --of-sub:#17212c; --of-input:#253442;
 --of-ink:#f3f6f8; --of-muted:#bac7d2; --of-line:#3e4e5c; --of-accent:#b95a53;
 margin:0 auto 25px;padding:29px 30px;border-radius:16px;
 box-shadow:0 18px 40px rgba(0,0,0,.15);
 font-family:inherit;font-size:15px;line-height:1.65;
}
.fmd-offer-form h2{font-size:clamp(24px,2.8vw,30px);font-weight:760;line-height:1.24;letter-spacing:-.025em;margin:0 0 10px}
.fmd-offer-form>p{font-size:14px;line-height:1.7;padding-bottom:23px;margin-bottom:25px;border-bottom:2px solid var(--of-accent)}
.fmd-offer-form form{gap:19px}
.fmd-offer-form fieldset{padding:16px;border-radius:11px;border-color:var(--of-line)}
.fmd-offer-form legend{padding:0 8px;font-weight:750}
.fmd-offer-form fieldset label{min-height:32px}
.fmd-offer-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
.fmd-offer-form select,.fmd-offer-form textarea{
 min-height:46px;padding:11px 13px;border-radius:10px!important;
 border-color:var(--of-line)!important;background:var(--of-input)!important;
 color:var(--of-ink)!important;font:inherit;font-size:14px;
}
.fmd-offer-form input::placeholder,.fmd-offer-form textarea::placeholder{color:#acbac7!important;opacity:1}
.fmd-offer-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]):focus,
.fmd-offer-form textarea:focus,.fmd-offer-form select:focus{border-color:var(--of-accent)!important;box-shadow:0 0 0 2px rgba(185,90,83,.19)!important}
.fmd-offer-form button[type=submit]{min-height:48px;border-radius:10px!important;padding:12px 20px;font-weight:750;transition:filter .15s ease,transform .15s ease}
.fmd-offer-form button[type=submit]:not(:disabled):hover{filter:brightness(1.13);transform:translateY(-1px)}
.fmd-offer-form :focus-visible{outline:2px solid #e8a49a;outline-offset:2px}
.fmd-offer-form .fmd-of-ok{border-radius:10px}
@media(max-width:600px){.fmd-offer-form{border-radius:13px;padding:21px 17px}.fmd-offer-form>p{padding-bottom:18px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.fmd-offer-form button[type=submit]{transition:none}}

/* UX2: shared successful submission dialog; no theme CSS changes */
.fmd-ux-dialog-open{overflow:hidden}
.fmd-ux-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex;justify-content:center;align-items:center;background:rgba(5,11,17,.84);padding:16px;box-sizing:border-box}
.fmd-ux-overlay[hidden]{display:none!important}
.fmd-ux-dialog{box-sizing:border-box;position:relative;width:100%;max-width:490px;max-height:calc(100dvh - 32px);overflow:auto;background:#1c2834;color:#e9f1f7;border:1px solid #435465;border-top:4px solid #ba514d;border-radius:17px;padding:32px 27px;box-shadow:0 20px 70px rgba(0,0,0,.48);text-align:center;font:15px/1.6 Arial,Helvetica,sans-serif}
.fmd-ux-dialog h2{color:#fff!important;font-size:24px!important;line-height:1.25!important;margin:12px 0 12px!important}
.fmd-ux-dialog p{color:#d4e1eb!important;font-size:14px!important;line-height:1.65!important;margin:12px 0!important}
.fmd-ux-check{display:flex;width:51px;height:51px;border-radius:50%;background:#225b48;color:#bfffe0;font-size:29px;align-items:center;justify-content:center;margin:auto}
.fmd-ux-code{font-size:clamp(16px,3.7vw,23px);font-weight:800;letter-spacing:.035em;overflow-wrap:anywhere;background:#263746;border-left:4px solid #bc5c54;color:#fff;border-radius:7px;padding:13px;margin:13px 0}
.fmd-ux-dialog .fmd-ux-caveat{font-size:13px!important;color:#bacbd8!important}
.fmd-ux-close{position:absolute;right:10px;top:8px;border:0!important;background:transparent!important;color:#e5eff5!important;font-size:29px!important;cursor:pointer;padding:4px 11px!important;line-height:1.3}
.fmd-ux-button{background:#b84943!important;color:#fff!important;border:0!important;border-radius:9px!important;font-weight:750;padding:12px 29px!important;cursor:pointer;margin-top:11px}
.fmd-ux-button:hover{filter:brightness(1.13)}
.fmd-sv-success-inline{padding:17px 21px;background:#20352e;color:#baffd3;border:1px solid #457c65;line-height:1.5}
@media(max-width:550px){.fmd-ux-dialog{padding:28px 18px}}