:root{--ink:#17202a;--muted:#667085;--line:#e2e6ea;--soft:#f6f7f8;--accent:#194d3b}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#eef1ef;margin:0;padding:36px 18px}.sheet{background:#fff;max-width:900px;margin:0 auto;padding:48px 54px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.toolbar{max-width:900px;margin:0 auto 14px;display:flex;justify-content:flex-end}.print-btn{border:0;border-radius:8px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.head{display:flex;justify-content:space-between;gap:36px;border-bottom:3px solid var(--ink);padding-bottom:24px}.doc-title{font-size:38px;margin:0 0 18px}.seller{font-size:14px;line-height:1.55}.right{text-align:right}.number{font-size:24px;font-weight:800;margin-bottom:8px}.status{display:inline-block;text-transform:capitalize;border-radius:999px;background:var(--soft);padding:5px 10px;font-size:12px;font-weight:700;margin-top:10px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:30px 0}.meta-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:8px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:26px}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--soft)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.num{text-align:right}.line-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px}.totals{margin:28px 0 0 auto;width:360px}.totals div{display:flex;justify-content:space-between;padding:8px 4px}.grand{font-size:18px;font-weight:800;border-top:2px solid var(--ink);padding-top:12px!important}.credit-note{background:#f4f7f5;border:1px solid #dce7e1;border-radius:8px;padding:12px 14px;margin:24px 0}.footer{margin-top:60px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted);line-height:1.6}@media(max-width:650px){body{padding:0}.sheet{padding:28px 20px;box-shadow:none}.toolbar{padding:12px}.head,.meta-grid{display:block}.right{text-align:left;margin-top:24px}.totals{width:100%}}@media print{body{background:#fff;padding:0}.toolbar{display:none}.sheet{box-shadow:none;max-width:none;margin:0;padding:12mm}.head{break-inside:avoid}table{break-inside:auto}tr{break-inside:avoid}.footer{break-inside:avoid}}
.landing{min-height:520px}.public-message{max-width:650px;margin:70px 0 120px}.public-message h2{font-size:1.35rem;margin-bottom:12px}.public-message p{line-height:1.6;color:#334155}

/* 011 — CLJE customer-service branding */
.landing-body{background:linear-gradient(180deg,#edf2ef 0,#f5f6f5 100%);min-height:100vh}.landing{min-height:640px;overflow:hidden;position:relative}.landing:before{content:"";position:absolute;width:330px;height:330px;border:70px solid rgba(25,77,59,.055);border-radius:50%;right:-170px;top:-165px;pointer-events:none}.brand-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;position:relative;z-index:1}.clje-brand{display:inline-flex;align-items:baseline;gap:7px;color:var(--ink);text-decoration:none}.clje-mark{font-size:29px;font-weight:900;letter-spacing:-.055em}.clje-ltd{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--accent)}.invoice-service{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.04em}.landing-hero{max-width:620px;padding:68px 0 42px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:14px}.landing-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.035em;margin:0 0 20px}.landing-hero>p{font-size:18px;line-height:1.6;color:#475467;margin:0;max-width:570px}.landing .public-message{max-width:680px;margin:0;padding:28px 30px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.landing .public-message h2{margin-top:0;color:var(--ink)}.landing .public-message p{margin-bottom:0}.landing .public-message p+p{margin-top:14px}.privacy-note strong{color:var(--ink)}.landing-footer{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:64px}.landing-footer a{color:inherit;text-decoration:none}.footer-right{text-align:right}@media(max-width:650px){.landing{min-height:100vh}.landing-hero{padding:48px 0 34px}.landing-hero h1{font-size:36px}.landing .public-message{padding:22px}.landing-footer{display:block}.footer-right{text-align:left;margin-top:12px}}

/* 012 — supplied CLJE LTD logo */
.clje-brand{align-items:center}.clje-logo{display:block;width:112px;height:auto}.clje-mark,.clje-ltd{display:none}@media(max-width:650px){.clje-logo{width:96px}}

/* Finance 013: legal issuer branding on customer documents */
.invoice-logo{display:block;width:150px;max-width:42vw;height:auto;margin:0 0 22px}
.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}
@media print{.invoice-logo{width:135px;max-width:none}}