@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--brand:#3659d9;--ink:#182230;--muted:#667085;--line:#e7eaf0;--surface:#fff;--soft:#f5f7fb}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f8f9fc}.navbar-brand{letter-spacing:-.035em}.brand-mark{display:inline-grid;place-items:center;background:var(--brand);color:#fff;border-radius:9px;width:30px;height:30px;margin-right:7px;font-size:17px}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:#2947b7;--bs-btn-hover-border-color:#2947b7}.hero{background:linear-gradient(135deg,#fff 0%,#f1f4ff 100%);border:1px solid #e7eafe}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--brand)}.paper-preview{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:25px;min-height:350px}.fake-logo{display:inline-flex;border:1px dashed #9aa6bd;border-radius:5px;padding:8px 12px;color:#7c879a;font-size:.7rem;font-weight:700}.paper-preview .table>:not(caption)>*>*{padding:.55rem .3rem}.feature-card,.preview-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 3px 12px rgba(24,34,48,.025)}.preview-card{top:90px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef1ff;color:var(--brand);font-size:1.35rem;font-weight:700;margin-bottom:16px}.auth-card{max-width:480px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 28px rgba(24,34,48,.04)}.empty-state{text-align:center;padding:36px 12px}.form-control,.form-select{border-color:#dce1e9;padding:.68rem .8rem}.form-control:focus,.form-select:focus{border-color:#8c9df0;box-shadow:0 0 0 .2rem rgba(54,89,217,.12)}.table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#687386;font-weight:700;border-bottom-color:var(--line)}footer{background:#fff}@media(max-width:767px){.hero{padding:24px!important}.paper-preview{padding:17px}.feature-card,.preview-card{padding:18px}.auth-card{padding:22px}}

.myfluxbill-attribution{background:#fbfcff;border:1px solid #e2e7f2;border-radius:10px;padding:12px}.myfluxbill-attribution-logo-link{display:inline-flex;align-items:center;max-width:100%;text-decoration:none}.myfluxbill-attribution-logo{display:block;width:auto;height:auto;max-width:min(100%,220px);max-height:58px;object-fit:contain;object-position:left center}.myfluxbill-attribution-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin-top:8px}.myfluxbill-attribution-separator{color:#64748b}.myfluxbill-attribution-url{color:#3659d9!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:600;overflow-wrap:anywhere}.myfluxbill-attribution-logo-link:focus-visible,.myfluxbill-attribution-url:focus-visible{outline:2px solid #3659d9;outline-offset:3px;border-radius:3px}@media(max-width:420px){.myfluxbill-attribution-logo{max-width:100%;max-height:48px}.myfluxbill-attribution-copy{align-items:flex-start;flex-direction:column;gap:2px}.myfluxbill-attribution-separator{display:none}}

.nav-link{font-weight:500}.footer-links li{margin:.55rem 0}.footer-links a{color:#667085;text-decoration:none}.footer-links a:hover{color:var(--brand);text-decoration:underline}.price-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 5px 20px rgba(24,34,48,.035)}.price-featured{border:2px solid #3659d9;box-shadow:0 12px 35px rgba(54,89,217,.10)}.price{font-size:2.4rem;font-weight:800;letter-spacing:-.05em}.price span{font-size:.95rem;letter-spacing:0;font-weight:500;color:#667085}.plan-list{list-style:none;padding:0;margin:24px 0}.plan-list li{padding:.55rem 0;border-bottom:1px solid #eef0f4}.plan-list li:before{content:"✓";color:#3659d9;font-weight:800;margin-right:10px}.cta-panel{background:#f0f3ff;border:1px solid #e0e6ff}.content-page{max-width:900px;margin:0 auto}.content-page .feature-card{line-height:1.8}.document-line{background:#fbfcff;border:1px solid #e7eaf0;border-radius:12px;padding:14px}.invoice-paper{background:white;border:1px solid #e1e5ed;border-radius:12px;padding:22px}.line-table input{min-width:75px}.line-table .item-desc{min-width:150px}@media(max-width:767px){.price-card{padding:20px}.price{font-size:2rem}}


/* Shared MyFluxBill identity and stable header across every page */
.myfluxbill-navbar{position:sticky!important;top:0;z-index:1030;background:rgba(255,255,255,.97)!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 3px 14px rgba(24,34,48,.045);min-height:68px}
.myfluxbill-navbar .container{min-height:68px}
.myfluxbill-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink)!important;text-decoration:none;letter-spacing:-.035em}
.myfluxbill-logo{display:block;width:auto;height:42px;max-width:min(220px,52vw);object-fit:contain;object-position:left center}
.myfluxbill-footer-logo{height:40px;max-width:220px}
.myfluxbill-brand-fallback{font-weight:800;font-size:1.15rem;letter-spacing:-.035em}
.myfluxbill-navbar .navbar-toggler{border-color:#dce1e9}
.myfluxbill-navbar .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(54,89,217,.14)}
@media(max-width:991.98px){.myfluxbill-navbar .navbar-collapse{padding:10px 0 14px}.myfluxbill-navbar .navbar-nav{gap:2px}.myfluxbill-navbar .navbar-nav .nav-link{padding:.65rem .25rem}.myfluxbill-navbar .navbar-collapse>.d-flex{align-items:stretch!important}.myfluxbill-navbar .navbar-collapse>.d-flex .btn{padding:.6rem .8rem}}

/* Logo and sticky navigation refinements */
html{scroll-padding-top:82px}.myfluxbill-navbar{position:sticky;top:0;z-index:1030}.myfluxbill-logo{height:42px;width:auto;max-width:min(270px,52vw);object-fit:contain}.myfluxbill-footer-logo{height:44px;max-width:min(280px,75vw)}@media(max-width:575.98px){.myfluxbill-logo{height:32px;max-width:58vw}.myfluxbill-footer-logo{height:36px}}

/* Responsive website polish: keep the brand readable from phones to wide laptops. */
:root{--brand:#1769ff;--brand-deep:#0b2d62;--teal:#08b9a6;--ink:#10213f;--muted:#62718a;--line:#e2eaf4;--soft:#f4f8ff}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{overflow-wrap:anywhere;min-width:320px;background:#fbfcff;color:var(--ink);line-height:1.65}.container{--bs-gutter-x:clamp(1.25rem,3vw,3rem)}
.myfluxbill-navbar{position:sticky!important;top:0;z-index:1030;min-height:72px;background:rgba(255,255,255,.96)!important;border-bottom-color:#e7edf6!important;box-shadow:0 4px 18px rgba(16,33,63,.055);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.myfluxbill-navbar .container{min-height:72px}.myfluxbill-brand{flex:0 1 auto;max-width:100%;padding:4px 0}.myfluxbill-logo{display:block;width:clamp(145px,16vw,225px);height:auto;max-height:48px;object-fit:contain;object-position:left center}.myfluxbill-navbar .navbar-collapse{min-width:0}.myfluxbill-navbar .navbar-nav{align-items:center;gap:clamp(0px,.35vw,6px)}.myfluxbill-navbar .nav-link{white-space:nowrap;color:#33435e;font-size:.92rem;font-weight:600;padding:.65rem .55rem;border-radius:8px}.myfluxbill-navbar .nav-link:hover,.myfluxbill-navbar .nav-link:focus{color:var(--brand);background:#f2f6ff}.myfluxbill-nav-actions{white-space:nowrap}.btn{font-weight:600;border-radius:10px}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:#0e56dc;--bs-btn-hover-border-color:#0e56dc;box-shadow:0 5px 13px rgba(23,105,255,.13)}
.hero{position:relative;overflow:hidden;border-color:#e3edff!important;background:radial-gradient(circle at 90% 20%,rgba(8,185,166,.11),transparent 28%),linear-gradient(135deg,#fff 0%,#f0f6ff 72%,#f4fffd 100%);box-shadow:0 12px 36px rgba(26,74,143,.045)}.hero h1{max-width:760px;letter-spacing:-.045em;line-height:1.08;color:var(--brand-deep);font-size:clamp(2.25rem,4.3vw,4.15rem)}.hero .lead{max-width:670px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.eyebrow{color:var(--brand);font-size:.72rem;letter-spacing:.12em;font-weight:800}.paper-preview{max-width:100%;padding:clamp(16px,2vw,26px);box-shadow:0 18px 50px rgba(17,47,92,.13);transform:rotate(.35deg)}.paper-preview .table{font-size:clamp(.75rem,1vw,.9rem)}.paper-preview .h4{font-size:clamp(1.05rem,1.5vw,1.5rem)}
.template-card{padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(16,33,63,.035);transition:transform .18s ease,box-shadow .18s ease}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,33,63,.08)}.template-art{height:180px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#dfeeff)}.template-art-teal{background:linear-gradient(135deg,#e7fbf7,#d7f5f0)}.template-art-minimal{background:linear-gradient(135deg,#f4f6fa,#e8edf4)}.template-paper{width:66%;height:82%;background:#fff;border:1px solid #e1e7f0;border-radius:4px;padding:13px;box-shadow:0 9px 22px rgba(16,33,63,.12);transform:rotate(-2deg)}.template-art-teal .template-paper{transform:rotate(2deg)}.template-paper-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px;color:#153d79;font-size:clamp(7px,.7vw,10px)}.template-paper-head span{display:block;width:30%;height:7px;border-radius:5px;background:var(--brand)}.template-art-teal .template-paper-head span{background:var(--teal)}.template-paper i{display:block;height:5px;width:100%;background:#edf1f6;margin:8px 0;border-radius:3px}.template-paper i:nth-of-type(2){width:82%}.template-paper i:nth-of-type(3){width:62%}.template-paper-total{height:20px;width:42%;margin:14px 0 0 auto;border-radius:3px;background:#e9f1ff}.template-art-teal .template-paper-total{background:#dff8f3}.about-strip{background:linear-gradient(120deg,#f0f6ff,#f1fffc);border:1px solid #dfebf7}.cta-panel{background:#f0f5ff;border-color:#dfe9ff}.feature-card{border-radius:16px;box-shadow:0 6px 22px rgba(16,33,63,.035)}
footer{border-top-color:#e3eaf4!important;background:#fff!important}footer .container{max-width:1240px}.footer-links a{display:inline-block;padding:2px 0;line-height:1.6}.myfluxbill-footer-logo{width:clamp(150px,17vw,220px);height:auto;max-height:46px;max-width:100%;object-fit:contain;object-position:left center}footer p{max-width:390px;line-height:1.8}.content-page{width:100%;max-width:940px}.about-hero{background:radial-gradient(circle at 90% 10%,rgba(8,185,166,.13),transparent 30%),linear-gradient(135deg,#f0f6ff,#fff);border:1px solid #e1ebf9}.about-hero h1{max-width:780px;letter-spacing:-.04em;color:var(--brand-deep)}
img,svg,video,canvas{max-width:100%}table{max-width:100%}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control,.form-select{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:1199.98px){.myfluxbill-navbar .nav-link{font-size:.86rem;padding:.6rem .38rem}.myfluxbill-logo{width:clamp(145px,16vw,190px)}.myfluxbill-nav-actions .btn{font-size:.82rem;padding:.45rem .6rem}}
@media(max-width:991.98px){.myfluxbill-navbar,.myfluxbill-navbar .container{min-height:64px}.myfluxbill-navbar .navbar-collapse{padding:12px 0 16px;border-top:1px solid #edf1f7;margin-top:8px}.myfluxbill-navbar .navbar-nav{align-items:stretch;gap:2px}.myfluxbill-navbar .nav-link{white-space:normal;padding:.7rem .8rem;font-size:.96rem}.myfluxbill-nav-actions{display:flex;flex-wrap:wrap;white-space:normal}.myfluxbill-nav-actions .btn{flex:1 1 auto;padding:.65rem .8rem}.myfluxbill-logo{width:clamp(150px,26vw,205px);max-height:42px}.hero .row{--bs-gutter-y:1.5rem}.paper-preview{transform:none}.template-art{height:160px}}
@media(max-width:767.98px){.container{--bs-gutter-x:1.25rem}.hero{padding:clamp(1.25rem,5vw,2rem)!important;border-radius:18px!important;margin-bottom:2.5rem!important}.hero h1{font-size:clamp(2.15rem,8.8vw,3.25rem)}.hero .lead{font-size:1rem}.hero .btn-lg{width:100%;justify-content:center}.paper-preview{min-height:0;padding:16px}.feature-card,.price-card{padding:19px}.template-card{padding:12px}.template-art{height:145px}.template-paper{padding:9px}.about-strip{padding:1.35rem!important}.cta-panel{padding:1.35rem!important}.cta-panel .btn{width:100%}footer .row{row-gap:1.5rem!important}.myfluxbill-footer-logo{width:190px}.auth-card{width:100%;padding:22px}.invoice-paper{padding:14px}.line-table{min-width:650px}}
@media(max-width:420px){.myfluxbill-logo{width:148px;max-height:36px}.myfluxbill-navbar .navbar-toggler{padding:.35rem .5rem}.hero h1{font-size:2.05rem}.hero .d-flex.gap-3{gap:.65rem!important}.paper-preview .fake-logo{font-size:.62rem}.template-art{height:128px}.template-card h3{font-size:1.02rem}.footer-links{font-size:.88rem}}
@media(min-width:1400px){.container{max-width:1320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Brand-colour footer: deep navy with MyFluxBill blue and teal accents */
.myfluxbill-site-footer{position:relative;overflow:hidden;color:#eaf2ff!important;background:linear-gradient(118deg,#071a38 0%,#0b2d62 58%,#075c69 100%)!important;border-top:4px solid transparent!important;border-image:linear-gradient(90deg,#1769ff,#08b9a6) 1!important}
.myfluxbill-site-footer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(8,185,166,.18),transparent 28%),radial-gradient(circle at 12% 100%,rgba(23,105,255,.16),transparent 32%)}
.myfluxbill-site-footer>.container{position:relative;z-index:1}
.myfluxbill-site-footer .myfluxbill-brand{color:#fff!important}
.myfluxbill-site-footer .myfluxbill-footer-logo{background:#fff;border-radius:8px;padding:5px 8px;max-height:54px}
.myfluxbill-site-footer .myfluxbill-brand-fallback{color:#fff}
.myfluxbill-site-footer h2{color:#fff;font-weight:700;letter-spacing:-.01em}
.myfluxbill-site-footer .myfluxbill-footer-description{color:#c3d2e9!important;max-width:390px;line-height:1.85}
.myfluxbill-site-footer .footer-links a{color:#d5e2f6;text-decoration:none;transition:color .18s ease,transform .18s ease}
.myfluxbill-site-footer .footer-links a:hover,.myfluxbill-site-footer .footer-links a:focus{color:#45e0cf;text-decoration:underline;text-underline-offset:3px}
.myfluxbill-site-footer hr{border-color:rgba(220,235,255,.2);opacity:1}
.myfluxbill-site-footer .myfluxbill-footer-bottom{color:#b9cbe4!important}
@media(max-width:767.98px){.myfluxbill-site-footer{padding-top:2.25rem!important}.myfluxbill-site-footer .myfluxbill-footer-logo{max-width:min(220px,75vw)}}

/* Live invoice preview: a real miniature document, not only a totals summary. */
.live-invoice-paper{--preview-accent:#3659d9;padding:clamp(12px,1.5vw,20px);border-radius:10px;box-shadow:0 5px 18px rgba(24,34,48,.07);font-size:clamp(.65rem,.75vw,.8rem);overflow:hidden;overflow-wrap:anywhere}
.live-preview-logo{display:block;width:clamp(95px,10vw,150px);max-width:100%;height:auto;object-fit:contain;object-position:left center}
.live-preview-doc-title{color:var(--preview-accent);font-size:clamp(.8rem,1vw,1.05rem);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.live-preview-party{background:#f8faff;border-left:3px solid var(--preview-accent);padding:9px 10px;border-radius:0 7px 7px 0}
.live-preview-table{font-size:inherit;min-width:0;width:100%;table-layout:fixed}
.live-preview-table th{font-size:.62rem;letter-spacing:.03em;color:#667085;border-bottom:1px solid #dce2ed;white-space:normal;overflow-wrap:anywhere}
.live-preview-table td{border-bottom:1px solid #eef0f5;overflow-wrap:anywhere;word-break:break-word}
.live-preview-table th:first-child,.live-preview-table td:first-child{width:54%;text-align:left}
.live-preview-table th:nth-child(2),.live-preview-table td:nth-child(2){width:14%}
.live-preview-table th:last-child,.live-preview-table td:last-child{width:32%}
.live-preview-totals{width:100%;max-width:260px;font-size:inherit}
.live-preview-totals>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #e7eaf0}
.live-preview-totals strong{text-align:right;white-space:nowrap}
.live-preview-grand-total{margin-top:4px;color:var(--preview-accent);font-weight:700;font-size:1.08em}
.live-preview-footer{border-top:1px solid #e7eaf0;color:#667085;font-size:.62rem;overflow-wrap:anywhere}
.live-invoice-paper[data-template="modern"]{border-top:5px solid var(--preview-accent);border-radius:4px}
.live-invoice-paper[data-template="minimal"]{box-shadow:none;border-color:#f0f0f0;border-radius:0}
.live-invoice-paper[data-template="classic"]{font-family:Georgia,serif;border:2px solid var(--preview-accent);border-radius:0}
.live-invoice-paper[data-template="colorful"] .live-preview-party{background:color-mix(in srgb,var(--preview-accent) 9%,white)}
@media(min-width:1200px){.preview-card{max-height:calc(100vh - 105px);overflow:auto}}
@media(max-width:1199.98px){.preview-card{position:static!important;top:auto!important}.live-invoice-paper{max-width:650px;margin-inline:auto}}
@media(max-width:575.98px){.live-invoice-paper{padding:12px}.live-preview-logo{width:95px}.live-preview-table th{font-size:.58rem}.live-preview-totals{max-width:100%}.preview-card{padding:14px}.line-table{min-width:650px}}

/* Twenty selectable document designs: ten invoice layouts and ten purchase-order layouts. */
.template-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.template-choice{min-width:0;text-align:left;background:#fff;border:1px solid #dfe5ef;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:5px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;color:#182230}
.template-choice:hover{border-color:#7e9bff;box-shadow:0 5px 16px rgba(24,34,48,.07);transform:translateY(-1px)}
.template-choice.is-selected{border:2px solid #3659d9;padding:9px;box-shadow:0 0 0 3px rgba(54,89,217,.1)}
.template-choice strong{font-size:.83rem;line-height:1.3}.template-choice small{font-size:.72rem;color:#667085;line-height:1.35}
.template-choice-art{--sample-accent:#3659d9;height:64px;border-radius:7px;border:1px solid #e7ebf2;background:#fff;position:relative;display:block;overflow:hidden;padding:11px 8px 7px}
.template-choice-art i,.template-choice-art b,.template-choice-art em{display:block;height:4px;border-radius:2px;background:#dce3ef;margin-bottom:5px;width:58%}
.template-choice-art i:first-child{width:42%;height:7px;background:var(--sample-accent)}.template-choice-art i:nth-child(2){width:32%}.template-choice-art i:nth-child(3){width:76%;margin-top:8px}.template-choice-art b{width:100%;height:1px;border-radius:0;background:#dce3ef}.template-choice-art em{width:48%;margin-left:auto;background:var(--sample-accent)}
.template-art-modern,.template-art-po_procurement,.template-art-po_supply_chain{border-top:5px solid var(--sample-accent)}
.template-art-minimal,.template-art-po_minimal{border-color:#f0f1f4;box-shadow:none}
.template-art-classic,.template-art-po_corporate{border:2px solid var(--sample-accent);border-radius:0}
.template-art-color_block{background:linear-gradient(110deg,var(--sample-accent) 0 22%,#fff 22%)}
.template-art-corporate_blue,.template-art-po_standard{--sample-accent:#1e477d}
.template-art-teal_edge,.template-art-po_teal{--sample-accent:#079b91}
.template-art-executive,.template-art-po_executive{--sample-accent:#98713d;background:linear-gradient(135deg,#fff,#faf7f0)}
.template-art-compact,.template-art-po_warehouse{padding-top:7px}.template-art-compact i,.template-art-po_warehouse i{margin-bottom:3px;height:3px}
.template-art-elegant{--sample-accent:#7c5c95;background:#fcf9ff}
.template-art-po_industrial{--sample-accent:#394556;background:linear-gradient(110deg,#394556 0 12%,#fff 12%)}
.template-art-po_retail{--sample-accent:#df7a2b}
.live-invoice-paper[data-template="color_block"] .live-preview-doc-title{background:var(--preview-accent);color:#fff;padding:8px;border-radius:4px}
.live-invoice-paper[data-template="corporate_blue"]{--preview-accent:#1e477d}
.live-invoice-paper[data-template="teal_edge"]{--preview-accent:#079b91;border-top:5px solid var(--preview-accent)}
.live-invoice-paper[data-template="executive"]{--preview-accent:#98713d;border:1px solid #d7c6a4;font-family:Georgia,serif}
.live-invoice-paper[data-template="compact"]{font-size:.68rem;padding:12px}.live-invoice-paper[data-template="compact"] .live-preview-party{padding:5px 7px}
.live-invoice-paper[data-template="elegant"]{--preview-accent:#7c5c95;background:#fcf9ff;border-color:#e8dff0;font-family:Georgia,serif}
.live-invoice-paper[data-template^="po_"] .live-preview-doc-title{letter-spacing:.025em}
.live-invoice-paper[data-template="po_standard"]{--preview-accent:#315a83;border-top:4px solid var(--preview-accent)}
.live-invoice-paper[data-template="po_procurement"]{--preview-accent:#3659d9;border-top:5px solid var(--preview-accent)}
.live-invoice-paper[data-template="po_warehouse"]{--preview-accent:#49566a;font-size:.68rem;border-radius:2px}
.live-invoice-paper[data-template="po_supply_chain"]{--preview-accent:#0f766e;border-top:5px solid var(--preview-accent)}
.live-invoice-paper[data-template="po_industrial"]{--preview-accent:#394556;border-radius:2px;border-left:5px solid var(--preview-accent)}
.live-invoice-paper[data-template="po_retail"]{--preview-accent:#c66a20}
.live-invoice-paper[data-template="po_minimal"]{--preview-accent:#6b7280;box-shadow:none;border-color:#e5e7eb;border-radius:0}
.live-invoice-paper[data-template="po_corporate"]{--preview-accent:#1e477d;border:2px solid var(--preview-accent);border-radius:0}
.live-invoice-paper[data-template="po_teal"]{--preview-accent:#079b91;border-top:5px solid var(--preview-accent)}
.live-invoice-paper[data-template="po_executive"]{--preview-accent:#98713d;border:1px solid #d7c6a4;font-family:Georgia,serif}
@media(min-width:576px){.template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* MyFluxBill document templates: each design has its own visual identity. */
.template-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.template-choice{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left;padding:10px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.template-choice:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,39,75,.09)}
.template-choice.is-selected{border:2px solid var(--brand,#3659d9);padding:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#3659d9) 12%,transparent)}
.template-choice strong{font-size:.9rem}.template-choice small{color:#667085;font-size:.75rem;line-height:1.35}
.template-choice-art{--sample:#3659d9;--sample-soft:#edf3ff;position:relative;display:block;width:100%;height:86px;border:1px solid #e4e9f1;border-radius:7px;background:#fff;overflow:hidden}
.template-choice-art:before{content:"";position:absolute;left:9px;right:9px;top:9px;height:10px;border-radius:2px;background:var(--sample)}
.template-choice-art:after{content:"";position:absolute;left:9px;right:9px;top:29px;height:25px;background:repeating-linear-gradient(to bottom, #e9edf4 0 3px,transparent 3px 8px);border-bottom:1px solid #e3e8ef}
.template-choice-art i,.template-choice-art b,.template-choice-art em{position:absolute;display:block;z-index:1}
.template-choice-art i:first-child{left:9px;top:24px;width:30%;height:3px;background:var(--sample);opacity:.65}
.template-choice-art i:nth-child(2){left:9px;bottom:10px;width:36%;height:4px;background:#dce3ee}
.template-choice-art i:nth-child(3){right:9px;bottom:9px;width:27%;height:13px;background:var(--sample-soft);border-top:2px solid var(--sample)}
.template-choice-art b{left:9px;top:60px;width:19%;height:4px;background:var(--sample);border-radius:2px}
.template-choice-art em{right:9px;top:60px;width:20%;height:4px;background:#cbd5e1;border-radius:2px}
/* Invoice cards: ten visibly different miniatures. */
.template-art-professional{--sample:#2563eb;--sample-soft:#eaf1ff}
.template-art-modern{--sample:#111827;--sample-soft:#dbeafe}.template-art-modern:before{left:0;right:0;top:0;height:22px;border-radius:0}.template-art-modern i:first-child{top:29px}
.template-art-minimal{--sample:#64748b;--sample-soft:#f1f5f9;border-color:#f1f3f6}.template-art-minimal:before{height:3px;top:12px;background:#94a3b8}.template-art-minimal:after{top:31px;background:repeating-linear-gradient(to bottom,#eef0f3 0 2px,transparent 2px 9px)}
.template-art-classic{--sample:#7c2d12;--sample-soft:#fff7ed;border:3px double #b9a58d}.template-art-classic:before{left:20%;right:20%;height:7px;background:#7c2d12}.template-art-classic:after{top:31px;border-top:1px solid #b9a58d}
.template-art-color_block{--sample:#7c3aed;--sample-soft:#f3e8ff}.template-art-color_block:before{left:0;right:55%;top:0;bottom:0;height:auto;border-radius:0}.template-art-color_block:after{left:46%;top:25px;right:9px}
.template-art-corporate_blue{--sample:#123b73;--sample-soft:#e5efff}.template-art-corporate_blue:before{height:6px;top:0;left:0;right:0;border-radius:0}.template-art-corporate_blue i:first-child{top:13px}
.template-art-teal_edge{--sample:#0f9f91;--sample-soft:#dcf8f2}.template-art-teal_edge{border-right:5px solid #0f9f91}
.template-art-executive{--sample:#111827;--sample-soft:#fef3c7;background:#fbfaf7}.template-art-executive:before{height:17px;background:#111827}.template-art-executive i:first-child{top:32px;background:#b99b5e}
.template-art-compact{--sample:#475569;--sample-soft:#e2e8f0}.template-art-compact:after{top:23px;height:35px;background:repeating-linear-gradient(to bottom,#e2e8f0 0 2px,transparent 2px 5px)}.template-art-compact i:nth-child(2){bottom:7px}
.template-art-elegant{--sample:#a16207;--sample-soft:#fef3c7;background:linear-gradient(135deg,#fff,#fffbeb)}.template-art-elegant:before{left:18px;right:18px;height:2px;top:12px;background:#a16207}.template-art-elegant:after{top:30px;border-bottom:1px solid #d6bd85}
/* Purchase order cards use procurement-focused color and layout cues. */
.template-art-po_standard{--sample:#1d4ed8;--sample-soft:#eaf1ff}
.template-art-po_procurement{--sample:#4338ca;--sample-soft:#e0e7ff}.template-art-po_procurement:before{height:17px;left:0;right:0;top:0;border-radius:0}.template-art-po_procurement i:first-child{top:25px}
.template-art-po_warehouse{--sample:#b45309;--sample-soft:#fef3c7;background:#fffcf5}.template-art-po_warehouse:before{left:0;right:0;top:0;height:6px;border-radius:0}.template-art-po_warehouse:after{background:repeating-linear-gradient(to bottom,#f3e4c7 0 3px,transparent 3px 8px)}
.template-art-po_supply_chain{--sample:#047857;--sample-soft:#d1fae5}.template-art-po_supply_chain:before{border-radius:10px 2px 10px 2px}.template-art-po_supply_chain i:nth-child(2){width:50%;background:#a7f3d0}
.template-art-po_industrial{--sample:#374151;--sample-soft:#fef08a;background:#f9fafb}.template-art-po_industrial:before{height:18px;left:0;right:0;top:0;border-radius:0;background:linear-gradient(90deg,#374151 0 70%,#eab308 70%)}
.template-art-po_retail{--sample:#db2777;--sample-soft:#fce7f3}.template-art-po_retail:before{left:9px;right:45%;height:8px}.template-art-po_retail i:first-child{left:auto;right:9px;top:11px;width:24%;height:20px;background:#fce7f3;border:1px solid #f9a8d4}
.template-art-po_minimal{--sample:#64748b;--sample-soft:#f8fafc}.template-art-po_minimal:before{height:2px;top:12px;background:#64748b}.template-art-po_minimal:after{top:30px;background:repeating-linear-gradient(to bottom,#e5e7eb 0 2px,transparent 2px 9px)}
.template-art-po_corporate{--sample:#0f172a;--sample-soft:#e2e8f0}.template-art-po_corporate:before{height:22px;left:0;right:0;top:0;border-radius:0}.template-art-po_corporate i:first-child{top:31px;background:#64748b}
.template-art-po_teal{--sample:#0f766e;--sample-soft:#ccfbf1;background:#f0fdfa}.template-art-po_teal:before{left:0;right:0;top:0;height:5px;border-radius:0}.template-art-po_teal i:nth-child(3){background:#ccfbf1;border-top-color:#0f766e}
.template-art-po_executive{--sample:#78350f;--sample-soft:#fef3c7;background:#fffdf8;border:3px double #c5a76d}.template-art-po_executive:before{left:18%;right:18%;height:9px;background:#78350f}.template-art-po_executive i:first-child{background:#c5a76d}
/* The actual live paper changes layout as well as its thumbnail. */
.live-invoice-paper{--preview-accent:#3659d9;position:relative;overflow:hidden;border-radius:3px;box-shadow:0 10px 28px rgba(15,35,70,.09);font-size:clamp(.68rem,.8vw,.84rem);transition:background .15s,border-color .15s}
.live-invoice-paper:before{content:"";display:block;height:5px;background:var(--preview-accent);margin:-22px -22px 20px}
.live-invoice-paper .live-preview-logo{width:min(100%,145px);height:auto;max-height:40px;object-fit:contain;object-position:left center}
.live-invoice-paper .live-preview-doc-title{font-size:1.12rem;font-weight:800;letter-spacing:.025em;color:var(--preview-accent);max-width:180px}
.live-invoice-paper .live-preview-party{padding:10px 12px;background:#f7f9fc;border-left:3px solid var(--preview-accent);border-radius:0 5px 5px 0}
.live-invoice-paper .live-preview-table thead th{color:var(--preview-accent);background:#f2f5fb;border-bottom:2px solid var(--preview-accent);font-size:.68rem;white-space:nowrap}
.live-invoice-paper .live-preview-table td{border-color:#e8edf4;padding:.4rem .25rem;overflow-wrap:anywhere}
.live-invoice-paper .live-preview-totals{width:min(100%,250px)}.live-invoice-paper .live-preview-totals>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #e6eaf1}.live-invoice-paper .live-preview-grand-total{font-size:1.08rem;border-bottom:0!important;border-top:2px solid var(--preview-accent);margin-top:5px;padding-top:9px!important}
.live-invoice-paper .live-preview-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:.65rem}
/* 10 invoice layouts */
.live-invoice-paper[data-template="professional"]{border-top:0}.live-invoice-paper[data-template="professional"] .live-preview-party{background:#f3f7ff}
.live-invoice-paper[data-template="modern"]{border:0;border-radius:0;background:linear-gradient(180deg,#f8fbff,#fff 100%)}.live-invoice-paper[data-template="modern"]:before{height:13px;margin:-22px -22px 20px}.live-invoice-paper[data-template="modern"] .live-preview-doc-title{font-size:1.28rem;letter-spacing:-.04em}.live-invoice-paper[data-template="modern"] .live-preview-party{background:#edf5ff;border:0;border-radius:8px}
.live-invoice-paper[data-template="minimal"]{box-shadow:none;border-color:#f0f1f4}.live-invoice-paper[data-template="minimal"]:before{height:2px;background:#9ca3af}.live-invoice-paper[data-template="minimal"] .live-preview-party{background:transparent;border-left:1px solid #d1d5db;padding-left:12px}.live-invoice-paper[data-template="minimal"] .live-preview-table thead th{background:#fff;color:#475569;border-bottom:1px solid #cbd5e1}
.live-invoice-paper[data-template="classic"]{font-family:Georgia,"Times New Roman",serif;border:3px double #b9a58d;border-radius:0}.live-invoice-paper[data-template="classic"]:before{height:2px;background:#7c2d12}.live-invoice-paper[data-template="classic"] .live-preview-doc-title{font-family:Georgia,serif;color:#7c2d12}.live-invoice-paper[data-template="classic"] .live-preview-party{background:#fffaf2;border:1px solid #e5d5bd}
.live-invoice-paper[data-template="color_block"]{border:0}.live-invoice-paper[data-template="color_block"]:before{height:20px;margin:-22px -22px 20px}.live-invoice-paper[data-template="color_block"] .live-preview-doc-title{background:var(--preview-accent);color:white;padding:9px;border-radius:5px}.live-invoice-paper[data-template="color_block"] .live-preview-party{background:#f6f2ff;border:0}
.live-invoice-paper[data-template="corporate_blue"]{border-top:7px solid #123b73}.live-invoice-paper[data-template="corporate_blue"]:before{display:none}.live-invoice-paper[data-template="corporate_blue"] .live-preview-doc-title{color:#123b73}.live-invoice-paper[data-template="corporate_blue"] .live-preview-table thead th{background:#123b73;color:white;border-bottom:0}
.live-invoice-paper[data-template="teal_edge"]{border-right:7px solid var(--preview-accent);border-radius:0}.live-invoice-paper[data-template="teal_edge"]:before{height:3px}.live-invoice-paper[data-template="teal_edge"] .live-preview-party{background:#effdfa;border-left-color:#0f9f91}.live-invoice-paper[data-template="teal_edge"] .live-preview-table thead th{background:#effdfa}
.live-invoice-paper[data-template="executive"]{background:#fcfbf7;border:1px solid #d4bd83}.live-invoice-paper[data-template="executive"]:before{height:16px;background:#111827}.live-invoice-paper[data-template="executive"] .live-preview-doc-title{color:#111827;text-transform:uppercase;letter-spacing:.09em}.live-invoice-paper[data-template="executive"] .live-preview-grand-total{border-top-color:#b99b5e}
.live-invoice-paper[data-template="compact"]{padding:14px;font-size:.68rem}.live-invoice-paper[data-template="compact"]:before{margin:-14px -14px 12px;height:4px}.live-invoice-paper[data-template="compact"] .mb-4{margin-bottom:.65rem!important}.live-invoice-paper[data-template="compact"] .live-preview-party{padding:6px 8px}.live-invoice-paper[data-template="compact"] .live-preview-table td{padding:.2rem}.live-invoice-paper[data-template="compact"] .live-preview-footer{margin-top:.6rem!important}
.live-invoice-paper[data-template="elegant"]{background:linear-gradient(135deg,#fffdf7,#fff 55%);border:1px solid #d8c69a}.live-invoice-paper[data-template="elegant"]:before{height:2px;background:#a16207}.live-invoice-paper[data-template="elegant"] .live-preview-doc-title{font-family:Georgia,serif;color:#8a5b0a;font-weight:500}.live-invoice-paper[data-template="elegant"] .live-preview-party{background:transparent;border-left:0;border-top:1px solid #d8c69a;border-bottom:1px solid #d8c69a}
/* 10 purchase order layouts */
.live-invoice-paper[data-template="po_standard"] .live-preview-doc-title{color:#1d4ed8}.live-invoice-paper[data-template="po_standard"] .live-preview-party{background:#eff6ff}
.live-invoice-paper[data-template="po_procurement"]{border:0}.live-invoice-paper[data-template="po_procurement"]:before{height:18px;margin:-22px -22px 20px}.live-invoice-paper[data-template="po_procurement"] .live-preview-party{display:block;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px}
.live-invoice-paper[data-template="po_warehouse"]{background:#fffdf7;border-top:6px solid #b45309;border-radius:0}.live-invoice-paper[data-template="po_warehouse"]:before{display:none}.live-invoice-paper[data-template="po_warehouse"] .live-preview-table thead th{background:#fffbeb;color:#92400e;border-bottom:2px solid #d97706}.live-invoice-paper[data-template="po_warehouse"] .live-preview-party{background:#fffbeb;border-left-color:#b45309}
.live-invoice-paper[data-template="po_supply_chain"]{border:1px solid #a7f3d0;background:#f8fffc}.live-invoice-paper[data-template="po_supply_chain"]:before{height:5px;background:#047857}.live-invoice-paper[data-template="po_supply_chain"] .live-preview-party{background:#ecfdf5;border-left-color:#047857}.live-invoice-paper[data-template="po_supply_chain"] .live-preview-doc-title{color:#047857}
.live-invoice-paper[data-template="po_industrial"]{border-radius:0;border:2px solid #374151;background:#fafafa}.live-invoice-paper[data-template="po_industrial"]:before{height:14px;background:linear-gradient(90deg,#374151 0 78%,#eab308 78%)}.live-invoice-paper[data-template="po_industrial"] .live-preview-doc-title{color:#374151;text-transform:uppercase;letter-spacing:.08em}.live-invoice-paper[data-template="po_industrial"] .live-preview-party{background:#f3f4f6;border-left-color:#eab308}
.live-invoice-paper[data-template="po_retail"]{border-top:5px solid #db2777}.live-invoice-paper[data-template="po_retail"]:before{display:none}.live-invoice-paper[data-template="po_retail"] .live-preview-doc-title{color:#be185d}.live-invoice-paper[data-template="po_retail"] .live-preview-party{background:#fdf2f8;border-left-color:#db2777}.live-invoice-paper[data-template="po_retail"] .live-preview-table thead th{background:#fce7f3;color:#9d174d;border-bottom-color:#db2777}
.live-invoice-paper[data-template="po_minimal"]{border:0;box-shadow:none}.live-invoice-paper[data-template="po_minimal"]:before{height:1px;background:#64748b}.live-invoice-paper[data-template="po_minimal"] .live-preview-party{background:white;border-left:1px solid #cbd5e1}.live-invoice-paper[data-template="po_minimal"] .live-preview-table thead th{background:white;color:#475569;border-bottom:1px solid #cbd5e1}
.live-invoice-paper[data-template="po_corporate"]{border-top:10px solid #0f172a;border-radius:0}.live-invoice-paper[data-template="po_corporate"]:before{display:none}.live-invoice-paper[data-template="po_corporate"] .live-preview-doc-title{color:#0f172a}.live-invoice-paper[data-template="po_corporate"] .live-preview-table thead th{background:#0f172a;color:#fff}.live-invoice-paper[data-template="po_corporate"] .live-preview-party{background:#f1f5f9;border:1px solid #cbd5e1}
.live-invoice-paper[data-template="po_teal"]{background:#f3fffc;border:1px solid #99f6e4}.live-invoice-paper[data-template="po_teal"]:before{height:5px;background:#0f766e}.live-invoice-paper[data-template="po_teal"] .live-preview-doc-title{color:#0f766e}.live-invoice-paper[data-template="po_teal"] .live-preview-party{background:#ccfbf1;border-left-color:#0f766e}.live-invoice-paper[data-template="po_teal"] .live-preview-table thead th{background:#ccfbf1;color:#115e59}
.live-invoice-paper[data-template="po_executive"]{border:3px double #c5a76d;background:#fffdf8;border-radius:0}.live-invoice-paper[data-template="po_executive"]:before{height:2px;background:#78350f}.live-invoice-paper[data-template="po_executive"] .live-preview-doc-title{font-family:Georgia,serif;color:#78350f;letter-spacing:.06em}.live-invoice-paper[data-template="po_executive"] .live-preview-party{background:transparent;border:1px solid #e7d9b7}
.live-invoice-paper.live-po-paper .live-preview-party{border-radius:3px}
@media(max-width:575.98px){.template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-choice{padding:7px}.template-choice.is-selected{padding:6px}.template-choice-art{height:72px}.template-choice strong{font-size:.82rem}.template-choice small{font-size:.7rem}.live-invoice-paper:before{margin:-14px -14px 14px}.live-invoice-paper[data-template="modern"]:before,.live-invoice-paper[data-template="color_block"]:before,.live-invoice-paper[data-template="po_procurement"]:before{margin:-14px -14px 14px}}

/* Business branding and notes editor */
.business-document-logo{display:block;max-width:150px;max-height:76px;object-fit:contain;margin:0 0 .5rem auto}
#previewBusinessName{font-weight:800!important;color:#152b4b}
.rich-document-editor{min-height:115px;overflow:auto;white-space:normal}
.rich-document-editor:empty:before{content:attr(data-placeholder);color:#7b8494;pointer-events:none}
.editor-toolbar{gap:.35rem}
.live-preview-brand #previewBusinessLogo{margin:0 0 .5rem 0}
@media(max-width:767.98px){.business-document-logo{max-width:112px;max-height:58px}.line-table{min-width:760px}}


/* MyFluxBill Document Studio: layout repair (page-specific, intentionally last). */
main.container:has(#documentForm){width:100%;max-width:1440px;margin-inline:auto;padding-top:clamp(20px,2.5vw,36px)!important;padding-bottom:48px!important}
#documentForm{width:100%;min-width:0}
#documentForm>.row{width:100%;margin-inline:0;align-items:flex-start;--bs-gutter-x:clamp(16px,2vw,28px);--bs-gutter-y:22px}
#documentForm>.row>[class*="col-"]{min-width:0}
#documentForm>.row>.col-xl-8{flex:0 0 66.666667%;width:66.666667%;max-width:66.666667%}
#documentForm>.row>.col-xl-4{flex:0 0 33.333333%;width:33.333333%;max-width:33.333333%}
#documentForm .feature-card{padding:clamp(18px,1.8vw,28px);margin-bottom:18px!important;border:1px solid #e1e8f2;border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(16,33,63,.035)}
#documentForm .feature-card h2{font-size:1.08rem;font-weight:750;letter-spacing:-.02em;color:#10213f;margin-bottom:18px!important}
#documentForm .form-label{font-size:.88rem;font-weight:650;color:#34435c;margin-bottom:7px}
#documentForm .form-text{font-size:.78rem;line-height:1.55;color:#6b7890}
#documentForm .form-control,#documentForm .form-select{min-height:43px;border:1px solid #d8e1ef;border-radius:9px;background-color:#fff;font-size:.92rem;box-shadow:none}
#documentForm textarea.form-control{min-height:92px}
#documentForm .form-control:focus,#documentForm .form-select:focus{border-color:#7d9bff;box-shadow:0 0 0 3px rgba(54,89,217,.12)}
#templatePickerGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;width:100%}
#templatePickerGrid .template-choice{width:100%;min-width:0;min-height:142px;padding:12px!important;border:1px solid #dce5f1;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:left;white-space:normal;line-height:1.4;box-shadow:0 2px 8px rgba(16,33,63,.025)}
#templatePickerGrid .template-choice strong{font-size:.9rem;font-weight:750;line-height:1.35;white-space:normal}
#templatePickerGrid .template-choice small{font-size:.78rem;line-height:1.45;color:#65748b;white-space:normal}
#templatePickerGrid .template-choice-art{width:100%;height:72px;flex:0 0 72px}
#templatePickerGrid .template-choice.is-selected{border:2px solid #3659d9!important;padding:11px!important;box-shadow:0 0 0 3px rgba(54,89,217,.1)}
#templatePickerGrid .template-choice:hover{border-color:#9aafff;transform:translateY(-1px)}
.preview-card{position:sticky;top:92px;min-width:0;width:100%;max-height:none!important;overflow:visible!important;padding:clamp(16px,1.7vw,24px);border:1px solid #dfe7f3;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(16,33,63,.06)}
#liveInvoicePaper{width:100%;max-width:100%;min-width:0;margin:0;padding:clamp(16px,1.6vw,24px);border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#17243a;font-size:clamp(.72rem,.78vw,.88rem);overflow:hidden;box-shadow:0 4px 14px rgba(16,33,63,.045)}
#liveInvoicePaper .business-document-logo,#previewBusinessLogo{display:block;width:auto;height:auto;max-width:min(100%,145px);max-height:70px;object-fit:contain;object-position:left center}
#liveInvoicePaper .live-preview-brand{min-width:0;max-width:58%}
#liveInvoicePaper .live-preview-doc-title{max-width:100%;font-size:clamp(.8rem,1vw,1.1rem);overflow-wrap:anywhere}
#liveInvoicePaper .live-preview-table{width:100%;table-layout:fixed;border-collapse:collapse}
#liveInvoicePaper .live-preview-table th,#liveInvoicePaper .live-preview-table td{padding:7px 5px;overflow-wrap:anywhere;word-break:normal;vertical-align:top}
#liveInvoicePaper .live-preview-table th:first-child,#liveInvoicePaper .live-preview-table td:first-child{width:54%}
#liveInvoicePaper .live-preview-table th:nth-child(2),#liveInvoicePaper .live-preview-table td:nth-child(2){width:16%}
#liveInvoicePaper .live-preview-table th:last-child,#liveInvoicePaper .live-preview-table td:last-child{width:30%}
#liveInvoicePaper .live-preview-totals{max-width:100%;width:100%}
#liveInvoicePaper .live-preview-footer{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:18px!important;padding-top:10px!important;font-size:.68rem;line-height:1.4}
#liveInvoicePaper .document-attribution-copy{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
#liveInvoicePaper .document-attribution-logo-link{display:inline-flex;align-items:center;max-width:100%;line-height:0}
#liveInvoicePaper .document-attribution-logo{display:block!important;width:auto!important;height:auto!important;max-width:96px!important;max-height:27px!important;object-fit:contain!important;object-position:left center}
#liveInvoicePaper .document-attribution-url{display:inline-block;max-width:100%;font-size:.68rem;color:#3659d9;text-decoration:underline;overflow-wrap:anywhere}
#businessLogoPreview{max-width:180px;max-height:80px;object-fit:contain;object-position:left center}
#documentForm .table-responsive{max-width:100%;overflow-x:auto}
#documentForm .line-table{min-width:760px}
#documentForm .line-table input,#documentForm .line-table select{min-width:74px}
@media(max-width:1199.98px){
 #documentForm>.row>.col-xl-8,#documentForm>.row>.col-xl-4{flex:0 0 100%;width:100%;max-width:100%}
 .preview-card{position:static!important;max-width:780px;margin-inline:auto}
 #liveInvoicePaper{max-width:100%;}
}
@media(min-width:1200px){#templatePickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1500px){#templatePickerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){
 main.container:has(#documentForm){padding-top:18px!important}
 #documentForm>.row{--bs-gutter-x:0px;--bs-gutter-y:14px}
 #documentForm .feature-card{padding:16px;border-radius:13px}
 #templatePickerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
 #templatePickerGrid .template-choice{min-height:126px;padding:9px!important}
 #templatePickerGrid .template-choice.is-selected{padding:8px!important}
 #templatePickerGrid .template-choice-art{height:58px;flex-basis:58px}
 #templatePickerGrid .template-choice strong{font-size:.82rem}
 #templatePickerGrid .template-choice small{font-size:.72rem}
 .preview-card{padding:14px}
 #liveInvoicePaper{padding:14px;font-size:.72rem}
 #liveInvoicePaper .document-attribution-logo{max-width:88px!important;max-height:24px!important}
}
@media(max-width:390px){#templatePickerGrid{grid-template-columns:1fr}#templatePickerGrid .template-choice{min-height:0}#templatePickerGrid .template-choice-art{height:54px;flex-basis:54px}}

/* FINAL TEMPLATE GALLERY + PREVIEW OVERRIDES (kept last intentionally) */
#documentForm .template-gallery-section {display:block!important;min-width:0!important;overflow:hidden!important}
#templatePickerGrid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important}
#templatePickerGrid .template-choice {appearance:none!important;-webkit-appearance:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:142px!important;margin:0!important;padding:10px!important;border:1px solid #dce5f1!important;border-radius:12px!important;background:#fff!important;color:#10213f!important;text-align:left!important;white-space:normal!important;font:inherit!important;line-height:1.4!important;box-shadow:0 2px 8px rgba(16,33,63,.035)!important;cursor:pointer!important;transform:none!important}
#templatePickerGrid .template-choice:hover {border-color:#91a8ff!important;box-shadow:0 7px 18px rgba(16,33,63,.08)!important;transform:translateY(-1px)!important}
#templatePickerGrid .template-choice.is-selected {border:2px solid #3659d9!important;padding:9px!important;box-shadow:0 0 0 3px rgba(54,89,217,.12)!important}
#templatePickerGrid .template-choice strong {display:block!important;position:static!important;margin:0!important;padding:0!important;font-size:.9rem!important;font-weight:750!important;line-height:1.35!important;color:#10213f!important;white-space:normal!important}
#templatePickerGrid .template-choice small {display:block!important;position:static!important;margin:0!important;padding:0!important;font-size:.77rem!important;line-height:1.45!important;font-weight:400!important;color:#65748b!important;white-space:normal!important}
#templatePickerGrid .template-choice-art {display:block!important;position:relative!important;flex:0 0 72px!important;width:100%!important;height:72px!important;min-height:72px!important;margin:0 0 2px!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;border:1px solid #e4e9f1!important;border-radius:7px!important;background:#fff!important}
#templatePickerGrid .template-choice-art:before {content:""!important;display:block!important;position:absolute!important;left:9px!important;right:9px!important;top:9px!important;height:10px!important;border-radius:2px!important;background:var(--sample-accent,#3659d9)!important}
#templatePickerGrid .template-choice-art:after {content:""!important;display:block!important;position:absolute!important;left:9px!important;right:9px!important;top:29px!important;height:25px!important;background:repeating-linear-gradient(to bottom,#e9edf4 0 3px,transparent 3px 8px)!important;border-bottom:1px solid #e3e8ef!important}
#templatePickerGrid .template-choice-art i,#templatePickerGrid .template-choice-art b,#templatePickerGrid .template-choice-art em {position:absolute!important;display:block!important;z-index:1!important;margin:0!important;padding:0!important;border-radius:2px!important}
#templatePickerGrid .template-choice-art i:first-child {left:9px!important;top:24px!important;width:30%!important;height:3px!important;background:var(--sample-accent,#3659d9)!important;opacity:.7!important}
#templatePickerGrid .template-choice-art i:nth-child(2) {left:9px!important;bottom:10px!important;width:36%!important;height:4px!important;background:#dce3ee!important}
#templatePickerGrid .template-choice-art i:nth-child(3) {right:9px!important;bottom:9px!important;width:27%!important;height:13px!important;background:#edf3ff!important;border-top:2px solid var(--sample-accent,#3659d9)!important}
#templatePickerGrid .template-choice-art b {left:9px!important;top:60px!important;width:19%!important;height:4px!important;background:var(--sample-accent,#3659d9)!important}
#templatePickerGrid .template-choice-art em {right:9px!important;top:60px!important;width:20%!important;height:4px!important;background:#cbd5e1!important}
#templatePickerGrid .template-art-modern,#templatePickerGrid .template-art-executive {--sample-accent:#111827!important}
#templatePickerGrid .template-art-minimal,#templatePickerGrid .template-art-compact {--sample-accent:#64748b!important}
#templatePickerGrid .template-art-classic {--sample-accent:#92400e!important}
#templatePickerGrid .template-art-color_block {--sample-accent:#7c3aed!important}
#templatePickerGrid .template-art-corporate_blue {--sample-accent:#173f78!important}
#templatePickerGrid .template-art-teal_edge,#templatePickerGrid .template-art-po_teal {--sample-accent:#0f9f92!important}
#templatePickerGrid .template-art-elegant {--sample-accent:#b7791f!important}
#liveInvoicePaper {display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;background:#fff!important}
#liveInvoicePaper .live-preview-brand {min-width:0!important;max-width:58%!important;overflow-wrap:anywhere!important}
#liveInvoicePaper #previewBusinessLogo {display:block;width:auto;height:auto;max-width:145px!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important}
#liveInvoicePaper .live-preview-table {width:100%!important;max-width:100%!important;table-layout:fixed!important}
#liveInvoicePaper .live-preview-table th,#liveInvoicePaper .live-preview-table td {padding:6px 4px!important;overflow-wrap:anywhere!important;word-break:normal!important}
#liveInvoicePaper .live-preview-totals {width:100%!important;max-width:100%!important}
#liveInvoicePaper .live-preview-totals>div {display:flex!important;justify-content:space-between!important;gap:12px!important;padding:4px 0!important;border-bottom:1px solid #edf0f5!important}
#liveInvoicePaper .live-preview-totals>div strong {flex:0 0 auto!important;text-align:right!important;white-space:nowrap!important}
#liveInvoicePaper .live-preview-grand-total {font-size:1.05em!important;font-weight:750!important;border-bottom:0!important;border-top:1px solid #dbe3ef!important;margin-top:6px!important;padding-top:10px!important}
#liveInvoicePaper .live-preview-footer {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;margin-top:16px!important;padding-top:10px!important;border-top:1px solid #e2e8f0!important;font-size:.68rem!important;line-height:1.35!important;overflow-wrap:anywhere!important}
#liveInvoicePaper .document-attribution-copy {display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important}
#liveInvoicePaper .document-attribution-logo-link {display:inline-flex!important;align-items:center!important;max-width:100%!important;line-height:0!important}
#liveInvoicePaper .document-attribution-logo {display:inline-block!important;width:auto!important;height:auto!important;max-width:86px!important;max-height:23px!important;object-fit:contain!important;vertical-align:middle!important}
#liveInvoicePaper .document-attribution-url {display:inline-block!important;max-width:100%!important;font-size:.66rem!important;overflow-wrap:anywhere!important}
@media(min-width:1200px){#documentForm>.row>.col-xl-8{flex:0 0 66.666667%!important;width:66.666667%!important;max-width:66.666667%!important}#documentForm>.row>.col-xl-4{flex:0 0 33.333333%!important;width:33.333333%!important;max-width:33.333333%!important}}
@media(max-width:1199.98px){#documentForm>.row>.col-xl-8,#documentForm>.row>.col-xl-4{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.preview-card{position:static!important;max-width:850px!important;margin:0 auto!important}}
@media(max-width:767.98px){#templatePickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}#templatePickerGrid .template-choice{min-height:124px!important;padding:8px!important}#templatePickerGrid .template-choice.is-selected{padding:7px!important}#templatePickerGrid .template-choice-art{height:58px!important;min-height:58px!important;flex-basis:58px!important}#templatePickerGrid .template-choice-art b,#templatePickerGrid .template-choice-art em{top:47px!important}#liveInvoicePaper{padding:14px!important;font-size:.76rem!important}#liveInvoicePaper .document-attribution-logo{max-width:76px!important;max-height:20px!important}}
@media(max-width:390px){#templatePickerGrid{grid-template-columns:1fr!important}#templatePickerGrid .template-choice{min-height:0!important}#templatePickerGrid .template-choice-art{height:54px!important;min-height:54px!important;flex-basis:54px!important}#templatePickerGrid .template-choice-art b,#templatePickerGrid .template-choice-art em{top:43px!important}}