/* Form 8829 visual parity with the approved Form 941 Create page.
   Scope: Form 8829 ONLY. The Form 941 family stylesheet above is reused as
   the reference; no tax, preview-generation, payment, or submission code. */
body:has(.epay-8829-page){overflow-x:clip;overflow-y:visible}
.epay-8829-page{--epay-8829-navy:#023047;--epay-8829-teal:#1a9ba8;--epay-8829-border:#d9e3e8;--epay-8829-muted:#627783;color:var(--epay-8829-navy);font-family:"Open Sans",Arial,sans-serif;background:#fff}
.epay-8829-page *, .epay-8829-page *::before,.epay-8829-page *::after{box-sizing:border-box}

/* Keep exact 941 form/preview proportions and workspace rhythm. */
.epay-8829-page .epay-941-workspace{padding:32px 0 64px;overflow:visible;background:#fff}
.epay-8829-page .epay-941-layout{width:100%;max-width:1220px;margin:0 auto;padding:0 12px!important}
.epay-8829-page .epay-941-layout-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,13fr);gap:24px;align-items:start;width:100%;margin:0;min-width:0}
.epay-8829-page .epay-941-layout-row>.epay-941-form-column,
.epay-8829-page .epay-941-layout-row>.epay-941-preview-column{width:100%;max-width:none;min-width:0;padding:0;margin:0}
.epay-8829-page #form-8829{color:var(--epay-8829-navy);min-width:0;max-width:100%}
.epay-8829-page #form-8829>.mb-4{min-width:0;margin:0 0 24px!important;padding:24px 26px;border:1px solid var(--epay-8829-border);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(2,48,71,.07)}
/* Every original 940 section heading remains in place; preserve its original fields. */
.epay-8829-page #form-8829 .form-section-title{
    margin:28px 0 18px!important;padding:0 0 14px!important;
    border:0!important;border-bottom:2px solid #e8eef1!important;
    color:var(--epay-8829-navy)!important;
    font:800 21.6px/1.35 "Poppins",sans-serif!important;
    overflow-wrap:anywhere
}
.epay-8829-page #form-8829>.mb-4>.form-section-title:first-child{margin-top:0!important}
.epay-8829-page #form-8829 .form-main{
    display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
    min-width:0;width:100%;align-content:start;
    margin:18px 0 0!important;padding:0!important
}
.epay-8829-page #form-8829 .form-main>label,
.epay-8829-page #form-8829 .form-main>.brdr,
.epay-8829-page #form-8829 .mt-3>label,
.epay-8829-page #form-8829 label:not(.switch):not(.form-check-label){
    display:block;margin:0!important;padding:0!important;
    color:var(--epay-8829-navy)!important;
    font-family:"Poppins",sans-serif!important;
    font-size:14px!important;font-weight:400!important;line-height:14px!important;
    overflow-wrap:anywhere
}
.epay-8829-page #form-8829 label.required::after,
.epay-8829-page #form-8829 .required::after{content:" *";color:#c62828}
.epay-8829-page #form-8829 :is(.form-select,.form-control){
    box-sizing:border-box;width:100%;max-width:100%;min-width:0;
    height:46px;min-height:46px;
    padding:9px 12px;border:1px solid #cfdbe1;border-radius:9px;
    background:#f6f9fb;color:var(--epay-8829-navy);
    font:400 12.5px/1.35 "Poppins",sans-serif;box-shadow:none;
}
.epay-8829-page #form-8829 :is(.form-select,.form-control)::placeholder{font-size:12.5px}
.epay-8829-page #form-8829 :is(.form-select,.form-control):focus{
    border-color:var(--epay-8829-teal);background:#fff;
    box-shadow:0 0 0 3px rgba(26,155,168,.14);outline:none
}
.epay-8829-page #form-8829 .icon-select::after{content:none!important;display:none!important}
.epay-8829-page #form-8829 .icon-select>select.form-select{
    appearance:none;-webkit-appearance:none;
    padding-right:36px;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27m3.25%206%204.75%204.5L12.75%206%27%20stroke%3D%27%2335566C%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px
}
/* Retain exactly one outer border around each currency field and inset prefix. */
.epay-8829-page #form-8829 .input-group:has(>.input-group-text){position:relative;display:flex;width:100%;min-width:0;flex-wrap:nowrap}
.epay-8829-page #form-8829 .input-group:has(>.input-group-text)>.input-group-text{
    position:absolute;z-index:2;left:1px;top:1px;bottom:1px;
    display:flex;align-items:center;justify-content:center;
    width:44px;height:auto;min-height:0;margin:0;padding:0;
    border:0;border-right:1px solid #cfdbe1;border-radius:8px 0 0 8px;
    background:#eef3f5;color:var(--epay-8829-navy);font-size:13px
}
.epay-8829-page #form-8829 .input-group:has(>.input-group-text)>.form-control{
    flex:1 1 100%;width:100%;min-width:0;height:46px;
    padding-left:55px!important;border-radius:9px
}
.epay-8829-page #form-8829 .input-group:not(:has(>.input-group-text))>.form-control{border-radius:9px}
/* Keep checkboxes and radios left-aligned with the first text line. */
.epay-8829-page #form-8829 .form-main-checkbox{display:grid;gap:10px;margin:12px 0 18px!important}
.epay-8829-page #form-8829 .checkbox_sty{
    display:grid!important;grid-template-columns:18px minmax(0,1fr);
    align-items:start!important;justify-items:start;
    column-gap:10px!important;row-gap:0;
    width:100%;min-width:0;min-height:44px;
    margin:0!important;padding:11px 12px;
    border:1px solid #dce5e9;border-radius:10px;background:#fbfdfe
}
.epay-8829-page #form-8829 .checkbox_sty>.checkbox_inp{display:flex;align-items:flex-start;justify-content:flex-start;margin:0;padding:0}
.epay-8829-page #form-8829 .checkbox_sty input[type="checkbox"],
.epay-8829-page #form-8829 .checkbox_sty input[type="radio"]{
    display:block;flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px;
    margin:2px 0 0!important;padding:0;accent-color:var(--epay-8829-teal)
}
.epay-8829-page #form-8829 .checkbox_sty>span{min-width:0;margin:0;padding:0;background:transparent!important;color:var(--epay-8829-navy)!important;font:400 13px/1.55 "Poppins",sans-serif!important}
.epay-8829-page #form-8829 .form-main:hover :is(label,span){color:var(--epay-8829-navy)!important;background:transparent!important}
.epay-8829-page #form-8829 .eminfo{margin:8px 0 16px;padding:0;color:#627783;font-size:12.5px;line-height:1.5}
.epay-8829-page #form-8829 .signaturePad{display:block;width:100%;max-width:100%;height:170px;border:1px solid #cfdbe1;border-radius:10px;background:#fff;touch-action:none}
.epay-8829-page #form-8829 .clear-btn{top:8px;right:8px;left:auto;width:44px;height:44px;border:1px solid #d8e2e7;border-radius:9px;background:#fff;color:#b42318;box-shadow:0 3px 10px rgba(2,48,71,.1)}

/* Preview: reuse the exact 941 preview card, header and action button classes. */
.epay-8829-page .epay-941-preview-card{
    position:sticky;top:95px;
    height:auto!important;max-height:none!important;min-height:0!important;
    overflow:visible!important;padding:22px 22px 24px
}
.epay-8829-page .epay-941-preview-card #iframeWrapper{
    width:100%;height:clamp(560px,calc(100vh - 220px),940px);
    min-height:560px;max-height:940px;
    padding:0!important;overflow:hidden;border:1px solid #cfdbe1;border-radius:10px;
    background:#eef3f5
}
.epay-8829-page .epay-941-preview-card #pdfPreview{width:100%;height:100%;border:0;background:#fff}
.epay-8829-page .epay-941-preview__header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin:0 0 18px}
.epay-8829-page .epay-941-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:580px;margin:30px auto 8px}
.epay-8829-page .epay-941-preview-actions>button{
    display:flex!important;position:static!important;top:auto!important;left:auto!important;
    align-items:center;justify-content:center;
    width:100%!important;min-width:0;height:44px;min-height:44px;
    padding:8px 12px!important;margin:0!important;
    font:800 14px/1.25 "Poppins",sans-serif;text-align:center;white-space:normal;
    box-shadow:none!important;transform:none!important;cursor:pointer
}
.epay-8829-page #previewBtn{background:#fff!important;color:#023047!important;border:1px solid #023047!important}
.epay-8829-page #save_form-8829data{background:#1a9ba8!important;color:#fff!important;border:1px solid #1a9ba8!important}
.epay-8829-page .loader-overlay{border-radius:10px}
/* The shared 941-family modal styling is reused, while Form 8829's own PDF data stays intact. */
#pdfModal[aria-hidden="true"]{display:none!important}
#pdfModal[aria-hidden="false"]{display:flex}
#pdfModal .modal-header h3{font-family:"Poppins",sans-serif}

/* The approved 941 label rule: wrapped labels use 23px, single-line 14px. */
.epay-8829-page #form-8829 label.epay-8829-wrap-multiline{line-height:23px!important}
.epay-8829-page #form-8829 label.epay-8829-wrap-justify{text-align:justify!important;text-align-last:left}
@media(min-width:992px) and (max-width:1199.98px){
    .epay-8829-page .epay-941-layout-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px}
}
@media(max-width:991.98px){
    .epay-8829-page .epay-941-layout-row{grid-template-columns:minmax(0,1fr);gap:24px}
    .epay-8829-page .epay-941-preview-card{position:relative;top:auto}
}
@media(max-width:767.98px){
    .epay-8829-page #form-8829>.mb-4{padding:16px;margin-bottom:20px!important}
    .epay-8829-page .epay-941-preview-card{padding:16px}
    .epay-8829-page .epay-941-preview-card #iframeWrapper{height:clamp(480px,calc(100dvh - 180px),760px);min-height:480px}
    .epay-8829-page .epay-941-preview-actions{gap:10px;margin:20px auto 8px}
}
@media(max-width:479.98px){
    .epay-8829-page .epay-941-preview-actions{grid-template-columns:minmax(0,1fr)}
}

/* Reuse Form 941's visible PDF zoom toolbar on normal and full preview. */
.epay-8829-page .epay-8829-zoom,
#pdfModal .epay-8829-zoom{
    display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;
    gap:8px;min-height:52px;max-width:100%;
    margin:0 0 10px;padding:7px 58px 7px 10px;
    border-bottom:1px solid #cfdbe1;border-radius:0;
    background:rgba(255,255,255,.97);
}
.epay-8829-page .epay-8829-zoom button,
#pdfModal .epay-8829-zoom button{
    display:inline-flex;align-items:center;justify-content:center;
    flex:0 0 auto;min-width:38px;height:36px;
    margin:0;padding:0 9px;border:1px solid #b9ccd5;border-radius:8px;
    background:#fff;color:#023047;font:700 13px/1 "Open Sans",sans-serif;
    cursor:pointer
}
.epay-8829-page .epay-8829-zoom [data-zoom="reset"],
#pdfModal .epay-8829-zoom [data-zoom="reset"]{min-width:54px}
.epay-8829-page .epay-8829-zoom [data-zoom="fit"],
#pdfModal .epay-8829-zoom [data-zoom="fit"]{min-width:76px}
#pdfModal .epay-8829-zoom{position:relative;z-index:4;flex:0 0 52px;margin:0;padding-right:64px;box-shadow:none}
#pdfModal .modal-header{z-index:10;pointer-events:none}
#pdfModal .modal-header .close-btn{pointer-events:auto}
#pdfModal .modal-body{min-height:0;overflow:auto}
@media(max-width:479.98px){
    .epay-8829-page .epay-8829-zoom,#pdfModal .epay-8829-zoom{gap:5px;padding:6px 44px 6px 6px;min-height:48px}
    .epay-8829-page .epay-8829-zoom button,#pdfModal .epay-8829-zoom button{min-width:31px;height:34px;padding:0 5px;font-size:12px}
    .epay-8829-page .epay-8829-zoom [data-zoom="reset"],#pdfModal .epay-8829-zoom [data-zoom="reset"]{min-width:47px}
    .epay-8829-page .epay-8829-zoom [data-zoom="fit"],#pdfModal .epay-8829-zoom [data-zoom="fit"]{min-width:69px}
}
