*{box-sizing:border-box}
body{margin:0;background:#f1f2ed;color:#16211d;font-family:'Noto Sans Georgian',sans-serif;line-height:1.65}
.invoice-page{min-height:70vh;padding:0 24px 78px}
.invoice-wrap{width:min(100%,1030px);margin:0 auto}
.invoice-crumb{padding:28px 0 24px;color:#62716b;font-size:12px}
.invoice-crumb a:hover{color:#c8102e}.invoice-crumb span{padding:0 9px;color:#9aa39d}
.invoice-heading{max-width:760px;margin:0 auto 30px;text-align:center}
.invoice-eyebrow{color:#c8102e;font-size:12px;font-weight:700;letter-spacing:.08em}
.invoice-heading h1{margin:10px 0 12px;font:700 clamp(33.43px,5.57vw,51.25px)/1.2 Rubik,'Noto Sans Georgian',sans-serif}
.invoice-heading p{color:#4b5a55;font-size:15px;line-height:1.8}
.invoice-form{padding:32px 36px;border:1px solid rgba(22,33,29,.12);border-radius:14px;background:#fff;box-shadow:0 18px 50px -42px rgba(22,33,29,.45)}
.invoice-form-title{display:flex;align-items:center;gap:14px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid rgba(22,33,29,.1)}
.invoice-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;background:#f8e8eb;color:#c8102e}.invoice-icon svg{width:22px;height:22px}
.invoice-form-title h2{margin:0 0 3px;font:700 21.16px/1.4 Rubik,'Noto Sans Georgian',sans-serif}.invoice-form-title p{margin:0;color:#69756f;font-size:12px}
.invoice-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px}
.invoice-field{display:flex;flex-direction:column;gap:7px;color:#26342e;font-size:12px;font-weight:600}
.invoice-field-wide{grid-column:1/-1}
.invoice-conditional[hidden]{display:none!important}
.invoice-field input,.invoice-field select,.invoice-field textarea{width:100%;border:1px solid rgba(22,33,29,.18);border-radius:7px;background:#fbfcfa;color:#16211d;padding:12px 13px;font:400 13px 'Noto Sans Georgian',sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}
.invoice-field input,.invoice-field select{min-height:46px}.invoice-field textarea{min-height:98px;resize:vertical;line-height:1.65}
.invoice-field input:focus,.invoice-field select:focus,.invoice-field textarea:focus{border-color:#1f6e43;box-shadow:0 0 0 3px rgba(31,110,67,.1)}
.invoice-field input::placeholder,.invoice-field textarea::placeholder{color:#98a19c}
.invoice-submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(22,33,29,.1)}
.invoice-submit-row p,.invoice-fallback{color:#68756f;font-size:11.5px;line-height:1.7}
.invoice-submit{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:12px 19px;border:0;border-radius:6px;background:#c8102e;color:#fff;font:700 13px 'Noto Sans Georgian',sans-serif;white-space:nowrap;cursor:pointer;transition:background .18s}
.invoice-submit:hover{background:#9e0c24}.invoice-submit span{font-size:18px}
.invoice-submit:disabled{opacity:.65;cursor:wait}
.invoice-trap{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.invoice-status{margin:18px 0 0;padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.7}
.invoice-status.is-pending{background:#f2f5f2;color:#43544b}
.invoice-status.is-success{background:#eaf5ed;color:#176238}
.invoice-status.is-error{background:#fff0f0;color:#a0182a}
.invoice-fallback{margin:16px 0 0}.invoice-fallback a{color:#c8102e;font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media(max-width:620px){.invoice-page{padding:0 18px 52px}.invoice-crumb{padding-top:22px}.invoice-heading{text-align:left;margin-bottom:22px}.invoice-form{padding:24px 20px}.invoice-fields{grid-template-columns:1fr;gap:15px}.invoice-field-wide{grid-column:auto}.invoice-submit-row{align-items:stretch;flex-direction:column;gap:13px}.invoice-submit{width:100%}}
/* A small brand marker, keeping the form calm and easy to scan */
.invoice-eyebrow{display:inline-flex;align-items:center;gap:9px}
.invoice-eyebrow::before{content:'';width:20px;height:1px;background:#1f6e43}
.invoice-heading{position:relative}
.invoice-heading::after{content:'';position:absolute;width:190px;height:190px;right:-125px;top:-78px;border:1px solid rgba(31,110,67,.09);border-radius:50%;box-shadow:0 0 0 24px rgba(31,110,67,.018),0 0 0 48px rgba(31,110,67,.012);pointer-events:none;z-index:-1}

/* Avoid default purple and underlined breadcrumb links */
a{color:inherit;text-decoration:none}
.invoice-crumb a{color:inherit;text-decoration:none}
.invoice-crumb a:hover,.invoice-crumb a:focus-visible{color:#c8102e;text-decoration:none}
.invoice-crumb a:focus-visible{outline:2px solid #1f6e43;outline-offset:3px;border-radius:2px}


/* Mobile layout overflow fixes */
@media(max-width:760px){
  .invoice-page{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:clip;padding-left:18px;padding-right:18px}
  .invoice-wrap,.invoice-heading,.invoice-form{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
  .invoice-form-title,.invoice-form-title>div,.invoice-fields,.invoice-field{min-width:0;max-width:100%}
  .invoice-fields{grid-template-columns:minmax(0,1fr)}
  .invoice-field-wide{grid-column:1}
  .invoice-field input,.invoice-field select,.invoice-field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
  .invoice-form-title h2,.invoice-form-title p,.invoice-field label,.invoice-submit-row>*{max-width:100%;overflow-wrap:anywhere}
  .invoice-submit-row{min-width:0}
}