/* WA Contact Exporter Pro — integrated invoice template library */
.invoice-page{background:#f6f8fc}
.invoice-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.invoice-page-hero{background:radial-gradient(circle at 12% 5%,rgba(12,159,114,.13),transparent 30%),radial-gradient(circle at 88% 12%,rgba(39,93,245,.10),transparent 30%),linear-gradient(180deg,#fff,#f6faf8);border-bottom:1px solid #e2ece8}
.invoice-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}
.invoice-page-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px;color:var(--ink)}
.invoice-page-hero h1 span{color:#0c9f72}
.invoice-page-hero .section-lead{max-width:820px}
.invoice-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.invoice-hero-proof{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.invoice-hero-proof div{padding:28px 24px;border-right:1px solid #e7edf3;border-bottom:1px solid #e7edf3}
.invoice-hero-proof div:nth-child(2n){border-right:0}.invoice-hero-proof div:nth-last-child(-n+2){border-bottom:0}
.invoice-hero-proof strong,.invoice-hero-proof span{display:block}.invoice-hero-proof strong{font-size:2rem;line-height:1;color:#0c9f72;letter-spacing:-.04em}.invoice-hero-proof span{color:var(--muted);font-size:.82rem;font-weight:750;margin-top:7px}
.invoice-library{background:#fff}
.invoice-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.invoice-library-head>div:first-child{max-width:850px}.invoice-library-head .section-title{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:0}
.invoice-access-state{display:inline-flex;align-items:center;gap:9px;border:1px solid #dce6e2;background:#f8fbfa;border-radius:999px;padding:9px 12px;color:#6a7b90;font-size:.78rem;font-weight:800;white-space:nowrap}.invoice-access-state.verified{color:#087757;border-color:#bde5d6;background:#effaf5}.invoice-access-dot{width:9px;height:9px;border-radius:50%;background:#9aa9b8}.invoice-access-state.verified .invoice-access-dot{background:#0c9f72;box-shadow:0 0 0 4px rgba(12,159,114,.10)}
.invoice-filters{display:grid;grid-template-columns:1.55fr .85fr .85fr .85fr auto;gap:10px;padding:14px;border:1px solid var(--line);background:#f9fbfc;border-radius:18px;box-shadow:var(--shadow-sm)}
.invoice-filters label{display:block;min-width:0}.invoice-filters input,.invoice-filters select{width:100%;min-height:50px;border:1px solid #d4dfeb;border-radius:12px;background:#fff;color:#30445e;padding:0 14px;outline:none}.invoice-filters input:focus,.invoice-filters select:focus{border-color:#75cbb1;box-shadow:0 0 0 4px rgba(12,159,114,.09)}
.invoice-search-field{position:relative}.invoice-search-field>span[aria-hidden]{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:22px;color:#8292a6}.invoice-search-field input{padding-left:44px}.invoice-clear{min-height:50px}
.invoice-results-line{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6a7b91;font-size:.82rem;padding:18px 2px 12px}.invoice-results-line strong{color:var(--ink)}
.invoice-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.invoice-template-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(29,51,84,.06);transition:.2s ease}.invoice-template-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(29,51,84,.10);border-color:#c9d7e4}
.invoice-card-preview{position:relative;border:0;padding:0;background:#eef3f7;height:230px;display:grid;place-items:center;cursor:pointer;overflow:hidden}
.invoice-mini-paper{position:relative;display:block;width:68%;height:75%;background:var(--p);border-radius:5px;box-shadow:0 14px 28px rgba(23,46,72,.13);border-top:5px solid var(--a)}
.invoice-mini-rule{position:absolute;left:12%;top:15%;width:23%;height:4px;background:var(--a);border-radius:5px}.invoice-mini-paper>b{position:absolute;right:11%;top:13%;color:var(--a);font-size:7px;letter-spacing:.09em}.invoice-mini-lines{position:absolute;left:12%;right:12%;top:31%;height:30px;background:linear-gradient(var(--m),var(--m)) 0 0/42% 3px no-repeat,linear-gradient(var(--l),var(--l)) 0 11px/78% 3px no-repeat,linear-gradient(var(--l),var(--l)) 0 22px/68% 3px no-repeat,linear-gradient(var(--m),var(--m)) 100% 0/25% 3px no-repeat,linear-gradient(var(--l),var(--l)) 100% 11px/25% 3px no-repeat}
.invoice-mini-table{position:absolute;left:12%;right:12%;top:56%;height:12px;background:var(--a);border-radius:2px}.invoice-mini-table:after{content:"";position:absolute;left:0;right:0;top:20px;height:34px;background:repeating-linear-gradient(to bottom,var(--l) 0 1px,transparent 1px 10px)}.invoice-mini-total{position:absolute;right:12%;bottom:8%;width:31%;height:7px;background:var(--a);border-radius:7px;text-decoration:none}
.invoice-pro-badge{position:absolute;z-index:3;right:11px;top:10px;border-radius:999px;padding:5px 9px;background:#0c274a;color:#fff;font-size:.62rem;letter-spacing:.08em;font-weight:900}
.invoice-card-body{padding:17px 17px 14px}.invoice-card-kicker{font-size:.66rem;color:#0a946e;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-card-body h3{margin:7px 0 8px;font-size:1.02rem;line-height:1.3;color:var(--ink)}.invoice-card-body h3 button{border:0;padding:0;background:none;text-align:left;color:inherit;font:inherit;font-weight:850;cursor:pointer}.invoice-card-body p{margin:0;color:var(--muted);line-height:1.5;font-size:.78rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:56px}
.invoice-card-footer{border-top:1px solid #edf2f6;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.invoice-style-chip{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e0e7ef;border-radius:999px;padding:5px 8px;color:#62738b;background:#fbfcfd;font-size:.63rem;font-weight:800}.invoice-preview-action{border:0;background:transparent;color:#087e5e;font-weight:900;font-size:.76rem;cursor:pointer;padding:7px 0}
.invoice-load-more-wrap{text-align:center;padding-top:30px}.invoice-catalog-error,.invoice-empty-state{grid-column:1/-1;border:1px dashed #d7e2ec;background:#fafcfe;border-radius:16px;padding:40px;text-align:center;color:#667c95}.invoice-catalog-error{margin-top:10px;color:#9c3c3c;background:#fff8f8;border-color:#f0caca}.invoice-empty-state strong,.invoice-empty-state span{display:block}.invoice-empty-state span{margin-top:6px;font-size:.9rem}
.invoice-how-section{background:#0c1730;color:#fff}.invoice-how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.invoice-how-section .section-title{color:#fff}.invoice-how-section .section-lead{color:#aebed2}.invoice-how-section .eyebrow{color:#48cda5}.invoice-how-section .eyebrow:before{background:#48cda5}.invoice-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.invoice-steps li{display:flex;gap:15px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045)}.invoice-steps li>span{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0c9f72;color:#fff;font-weight:900}.invoice-steps strong{display:block}.invoice-steps p{margin:4px 0 0;color:#aebed2;font-size:.84rem;line-height:1.55}
.invoice-extension-cta{background:#f6f8fc}
body.invoice-modal-open{overflow:hidden}
.invoice-template-modal{position:fixed;inset:0;z-index:620;display:none;align-items:center;justify-content:center;padding:20px}.invoice-template-modal.open{display:flex}.invoice-modal-backdrop{position:absolute;inset:0;background:rgba(5,17,33,.70);backdrop-filter:blur(7px)}.invoice-preview-modal-card,.invoice-license-modal-card{position:relative;z-index:2;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.26);max-height:92vh;overflow:auto}.invoice-modal-close{position:absolute;right:14px;top:13px;z-index:10;border:1px solid #dde5ed;background:#fff;width:38px;height:38px;border-radius:50%;font-size:22px;color:#5d6d80;cursor:pointer}
.invoice-preview-modal-card{width:min(1050px,96vw);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.invoice-preview-side{background:#edf3f7;padding:40px;min-height:630px;display:flex;align-items:center;justify-content:center}.invoice-preview-copy{padding:55px 42px 38px}.invoice-preview-kicker{font-size:.72rem;color:#0a946e;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.invoice-preview-copy h2{font-size:2rem;line-height:1.13;letter-spacing:-.03em;color:var(--ink);margin:10px 0 13px}.invoice-preview-copy>p{color:var(--muted);line-height:1.65;font-size:.9rem}.invoice-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.invoice-template-safety{margin-top:18px!important;color:#8794a6!important;font-size:.72rem!important;line-height:1.5!important}
.invoice-preview-paper{position:relative;width:100%;max-width:470px;min-height:545px;background:var(--p);box-shadow:0 24px 50px rgba(29,51,79,.18);font-family:var(--ff),Arial,sans-serif;padding:42px;color:#263a52;border-top:9px solid var(--a)}.invoice-preview-pro{position:absolute;right:16px;top:16px;padding:5px 8px;border-radius:999px;background:#0c274a;color:#fff;font:800 7px Arial,sans-serif;letter-spacing:.09em}.invoice-preview-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.invoice-preview-header strong,.invoice-preview-header small{display:block}.invoice-preview-header strong{font-size:1rem;color:var(--a)}.invoice-preview-header small{font-size:.62rem;color:var(--m);margin-top:4px}.invoice-preview-header>b{font-size:1.75rem;color:var(--a);letter-spacing:.03em}.invoice-preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px;font-size:.67rem;color:var(--m)}.invoice-preview-meta>div:last-child{text-align:right}.invoice-preview-meta small,.invoice-preview-meta strong,.invoice-preview-meta span{display:block}.invoice-preview-meta small{font-size:.52rem;font-weight:900;letter-spacing:.09em}.invoice-preview-meta strong{font-size:.75rem;color:#2d4057;margin:3px 0}.invoice-preview-paper table{width:100%;border-collapse:collapse;font-size:.62rem}.invoice-preview-paper th{background:var(--a);color:#fff;padding:10px 8px;text-align:left}.invoice-preview-paper th:nth-child(n+2),.invoice-preview-paper td:nth-child(n+2){text-align:right}.invoice-preview-paper td{padding:10px 8px;border-bottom:1px solid var(--l)}.invoice-preview-paper tbody tr:nth-child(even){background:var(--r)}.invoice-preview-totals{width:49%;margin:22px 0 0 auto;background:var(--s);padding:13px;border-radius:7px}.invoice-preview-totals span,.invoice-preview-totals>strong{display:flex;justify-content:space-between;gap:12px;font-size:.62rem;color:var(--m);padding:3px 0}.invoice-preview-totals>strong{border-top:1px solid var(--l);margin-top:6px;padding-top:8px;color:var(--a);font-size:.76rem}.invoice-preview-note{border-top:1px solid var(--l);margin-top:30px;padding-top:13px;color:var(--m);font-size:.55rem;line-height:1.55}
.invoice-theme-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.invoice-theme-value{display:flex;align-items:center;gap:8px;border:1px solid #e0e7ee;border-radius:10px;padding:9px;background:#fbfcfd;min-width:0}.invoice-theme-swatch,.invoice-theme-text-icon{flex:0 0 24px;width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.07)}.invoice-theme-text-icon{display:grid;place-items:center;background:#eef2f6;color:#51657e;font-size:.6rem;font-weight:900}.invoice-theme-value small,.invoice-theme-value strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-theme-value small{font-size:.58rem;color:#8492a4}.invoice-theme-value strong{font-size:.68rem;color:#233c59}
.invoice-license-modal-card{width:min(590px,96vw);padding:45px 40px 34px;text-align:center}.invoice-lock-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 18px;display:grid;place-items:center;background:#e9fbf5;color:#0c9f72;font-size:26px;font-weight:900}.invoice-centered{justify-content:center}.invoice-license-modal-card h2{font-size:2rem;color:var(--ink);margin:10px 0}.invoice-license-modal-card>p{max-width:485px;margin:0 auto;color:var(--muted);line-height:1.65;font-size:.88rem}.invoice-license-form{text-align:left;margin-top:24px}.invoice-license-form label{display:block;font-size:.76rem;color:#304760;font-weight:850;margin-bottom:7px}.invoice-license-row{display:grid;grid-template-columns:1fr auto;gap:8px}.invoice-license-row input{min-height:50px;border:1px solid #cfdbe7;border-radius:12px;padding:0 13px;outline:none}.invoice-license-row input:focus{border-color:#67c9ab;box-shadow:0 0 0 4px #e8faf4}.invoice-license-message{min-height:26px;padding-top:8px;font-size:.75rem}.invoice-license-message.ok{color:#10815f}.invoice-license-message.bad{color:#b44747}.invoice-or-line{display:flex;align-items:center;gap:12px;color:#8c99aa;font-size:.7rem;margin:3px 0 13px}.invoice-or-line:before,.invoice-or-line:after{content:"";height:1px;background:#e1e8ef;flex:1}.invoice-license-options{display:grid;gap:9px}.invoice-option-card{width:100%;border:1px solid #d9e5e0;background:#f7fcfa;border-radius:13px;padding:11px 14px;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:#176f55;text-align:left}.invoice-option-button{font:inherit;cursor:pointer}.invoice-option-icon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#275df5;color:#fff;display:grid;place-items:center;font-size:.76rem;font-weight:900}.invoice-option-pro{font-size:.5rem;background:#0c1730}.invoice-option-wa{background:#22b77e}.invoice-option-card strong,.invoice-option-card small{display:block}.invoice-option-card strong{font-size:.86rem}.invoice-option-card small{margin-top:1px;color:#6f837b;font-size:.7rem}.invoice-license-note{margin-top:13px!important;font-size:.68rem!important;color:#8b98a8!important}
@media(max-width:1100px){.invoice-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-filters{grid-template-columns:1.3fr 1fr 1fr}.invoice-filters label:nth-child(4){grid-column:auto}.invoice-clear{grid-column:auto}.invoice-hero-grid{grid-template-columns:1fr}.invoice-hero-proof{max-width:660px}.invoice-library-head{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.invoice-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-filters{grid-template-columns:1fr 1fr}.invoice-search-field{grid-column:1/-1}.invoice-how-grid{grid-template-columns:1fr;gap:34px}.invoice-preview-modal-card{grid-template-columns:1fr}.invoice-preview-side{min-height:460px;padding:28px}.invoice-preview-copy{padding:35px 28px}.invoice-template-modal{align-items:flex-start;overflow:auto}.invoice-preview-modal-card,.invoice-license-modal-card{margin:auto}}
@media(max-width:580px){.invoice-page-hero h1{font-size:2.65rem}.invoice-hero-proof{grid-template-columns:1fr 1fr}.invoice-hero-proof div{padding:21px 17px}.invoice-template-grid{grid-template-columns:1fr}.invoice-filters{grid-template-columns:1fr}.invoice-search-field{grid-column:auto}.invoice-results-line{align-items:flex-start;flex-direction:column}.invoice-card-preview{height:220px}.invoice-preview-side{padding:18px;min-height:400px}.invoice-preview-paper{min-height:450px;padding:30px 24px}.invoice-preview-copy{padding:31px 20px}.invoice-preview-copy h2{font-size:1.65rem}.invoice-theme-values{grid-template-columns:1fr}.invoice-license-modal-card{padding:39px 20px 28px}.invoice-license-row{grid-template-columns:1fr}.invoice-license-row .btn{min-height:48px}.invoice-template-modal{padding:10px}.invoice-preview-totals{width:60%}}

/* v4: template files download directly from the website. Pro is required only when importing in the extension. */
.invoice-access-state.verified { color:#087757; border-color:#bde5d6; background:#effaf5; }
.invoice-access-state.verified .invoice-access-dot { background:#0c9f72; box-shadow:0 0 0 4px rgba(12,159,114,.10); }
.invoice-preview-actions .btn { white-space:nowrap; }