/* СГЕНЕРИРОВАНО scripts/build-invoice-css.mjs — правки здесь будут стёрты.
 * Источник: src/lib/invoice-design.js. Пятьдесят шаблонов, у каждого своя комбинация
 * графики шапки, стиля таблицы, блока итога, типографики и цвета. */

/* blush · beauty · arch/open/frame/soft */
.inv--blush{--i:#986731;--i2:#775126;--a:#7D666D;--l:#FBEDF1;--t:#2A1620;--on:#fff;--deco:#8f6a5a}
.tpl--blush{--i:#986731;--i2:#775126;--a:#7D666D;--l:#FBEDF1;--deco:#8f6a5a}
.inv--blush .inv-band{background-image:url(/img/invoice-art/blush.webp);aspect-ratio:1198/338}
.inv--blush .inv-rule{background:linear-gradient(90deg,#986731 0 64%,#8f6a5a)}
.inv--blush .inv-head{background:#FBEDF1;border-radius:170px 170px 10px 10px;padding:30px 30px 22px;
  flex-direction:column;align-items:center;text-align:center;gap:10px;border-top:4px solid #986731}
.inv--blush .inv-brand{flex-direction:column;align-items:center}
.inv--blush .inv-meta{text-align:center}
.inv--blush .inv-meta dl{justify-content:center}
.inv--blush .inv-to{align-items:center;text-align:center}
.inv--blush .inv-table th{background:none;color:#7D666D;border-bottom:1px solid #FBEDF1;padding:0 8px 7px;font-weight:700}
.inv--blush .inv-table td{border-bottom:none;padding:8px}
.inv--blush .inv-table tbody tr+tr td{border-top:1px dotted #FBEDF1}
.inv--blush .inv-due{background:none;border:2.5px solid #986731;padding:12px 20px;border-radius:6px}
.inv--blush .inv-due span,.inv--blush .inv-due b{color:#986731}
.inv--blush .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--blush .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--blush .inv-lbl{text-transform:none;letter-spacing:.02em}

/* rosegold · beauty · ribbon/line/bar/serif */
.inv--rosegold{--i:#a4614d;--i2:#8b5241;--a:#7E675F;--l:#FBEEE8;--t:#2B1A14;--on:#fff;--deco:#8b6f60}
.tpl--rosegold{--i:#a4614d;--i2:#8b5241;--a:#7E675F;--l:#FBEEE8;--deco:#8b6f60}
.inv--rosegold .inv-band{background-image:url(/img/invoice-art/rosegold.webp);aspect-ratio:1198/338}
.inv--rosegold .inv-rule{background:linear-gradient(90deg,#a4614d 0 64%,#8b6f60)}
.inv--rosegold .inv-title{display:block;background:linear-gradient(90deg,#a4614d,#8b5241);color:#fff;
  padding:11px 22px;border-radius:4px;letter-spacing:.16em;margin-bottom:12px}
.inv--rosegold .inv-meta{min-width:268px}
.inv--rosegold .inv-table th{background:none;color:#7E675F;border-bottom:2px solid #a4614d;padding:0 10px 8px}
.inv--rosegold .inv-table td{border-bottom:1px solid #FBEEE8;padding:9px 10px}
.inv--rosegold .inv-due{background:linear-gradient(90deg,#a4614d,#8b5241);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--rosegold .inv-due span,.inv--rosegold .inv-due b{color:#fff}
.inv--rosegold .inv-title,.inv--rosegold .inv-due b{font-family:var(--display);font-weight:700}
.inv--rosegold .inv-from b,.inv--rosegold .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* lilac · beauty · wave/zebra/slab/soft */
.inv--lilac{--i:#a65e4a;--i2:#8c503f;--a:#6E6681;--l:#F1ECF8;--t:#221B33;--on:#fff;--deco:#8a6f61}
.tpl--lilac{--i:#a65e4a;--i2:#8c503f;--a:#6E6681;--l:#F1ECF8;--deco:#8a6f61}
.inv--lilac .inv-band{background-image:url(/img/invoice-art/lilac.webp);aspect-ratio:1198/338}
.inv--lilac .inv-rule{background:linear-gradient(90deg,#a65e4a 0 64%,#8a6f61)}
.inv--lilac .inv-head{position:relative;padding:24px 26px 40px;color:#fff;margin:-6px -6px 18px;
  background:linear-gradient(160deg,#a65e4a,#8c503f);border-radius:8px 8px 60% 60%/8px 8px 34px 34px}
.inv--lilac .inv-head .inv-from b,.inv--lilac .inv-head .inv-from span,.inv--lilac .inv-meta dt,.inv--lilac .inv-meta dd,.inv--lilac .inv-title{color:#fff}
.inv--lilac .inv-table th{background:#a65e4a;color:#fff;border:none;padding:10px 12px}
.inv--lilac .inv-table td{border-bottom:none;padding:9px 12px}
.inv--lilac .inv-table tbody tr:nth-child(odd){background:#F1ECF8}
.inv--lilac .inv-due{background:#a65e4a;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--lilac .inv-due span,.inv--lilac .inv-due b{color:#fff}
.inv--lilac .inv-due b{font-size:26px}
.inv--lilac .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--lilac .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--lilac .inv-lbl{text-transform:none;letter-spacing:.02em}

/* spa · beauty · frame/open/rail/serif */
.inv--spa{--i:#9e634e;--i2:#815140;--a:#606F67;--l:#EAF2EC;--t:#152119;--on:#fff;--deco:#8b6d61}
.tpl--spa{--i:#9e634e;--i2:#815140;--a:#606F67;--l:#EAF2EC;--deco:#8b6d61}
.inv--spa .inv-band{background-image:url(/img/invoice-art/spa.webp);aspect-ratio:1198/338}
.inv--spa .inv-rule{background:linear-gradient(90deg,#9e634e 0 64%,#8b6d61)}
.inv--spa{border:3px double #9e634e;border-radius:4px}
.inv--spa .inv-head{border-bottom:1px solid #9e634e;padding-bottom:16px}
.inv--spa .inv-title{letter-spacing:.2em}
.inv--spa .inv-table th{background:none;color:#606F67;border-bottom:1px solid #EAF2EC;padding:0 8px 7px;font-weight:700}
.inv--spa .inv-table td{border-bottom:none;padding:8px}
.inv--spa .inv-table tbody tr+tr td{border-top:1px dotted #EAF2EC}
.inv--spa .inv-due{background:#EAF2EC;border-left:8px solid #9e634e;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--spa .inv-due span{color:#606F67}
.inv--spa .inv-due b{color:#9e634e}
.inv--spa .inv-title,.inv--spa .inv-due b{font-family:var(--display);font-weight:700}
.inv--spa .inv-from b,.inv--spa .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* nails · beauty · corner/card/big/soft */
.inv--nails{--i:#ac5a49;--i2:#814437;--a:#81645E;--l:#FCEBE5;--t:#2E140F;--on:#fff;--deco:#886a56}
.tpl--nails{--i:#ac5a49;--i2:#814437;--a:#81645E;--l:#FCEBE5;--deco:#886a56}
.inv--nails .inv-band{background-image:url(/img/invoice-art/nails.webp);aspect-ratio:1198/338}
.inv--nails .inv-rule{background:linear-gradient(90deg,#ac5a49 0 64%,#886a56)}
.inv--nails{overflow:hidden}
.inv--nails::before{content:"";position:absolute;top:0;left:0;border-top:118px solid #ac5a49;border-right:118px solid transparent;z-index:0}
.inv--nails::after{content:"";position:absolute;bottom:0;right:0;border-bottom:88px solid #886a56;border-left:88px solid transparent;opacity:.5}
.inv--nails .inv-head{position:relative;z-index:1;padding-left:94px}
.inv--nails .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--nails .inv-table th{background:none;color:#81645E;border:none;padding:0 12px 4px}
.inv--nails .inv-table td{background:#FCEBE5;border:none;padding:11px 12px}
.inv--nails .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--nails .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--nails .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--nails .inv-due span{color:#81645E}
.inv--nails .inv-due b{color:#ac5a49;font-size:38px;line-height:1.05}
.inv--nails .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--nails .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--nails .inv-lbl{text-transform:none;letter-spacing:.02em}

/* lash · beauty · aside/line/frame/wide */
.inv--lash{--i:#a1604b;--i2:#8e5542;--a:#776570;--l:#F5EBF1;--t:#26161F;--on:#fff;--deco:#866b5d}
.tpl--lash{--i:#a1604b;--i2:#8e5542;--a:#776570;--l:#F5EBF1;--deco:#866b5d}
.inv--lash .inv-band{background-image:url(/img/invoice-art/lash.webp);aspect-ratio:1198/338}
.inv--lash .inv-rule{background:linear-gradient(90deg,#a1604b 0 64%,#866b5d)}
.inv--lash{padding-left:calc(clamp(22px,3.4vw,44px) + 92px);overflow:hidden}
.inv--lash::before{content:"";position:absolute;left:0;top:0;bottom:0;width:78px;background:#F5EBF1;border-right:3px solid #a1604b}
@media print{.inv--lash::before{position:fixed;top:0;bottom:0;left:0;width:78px}}
.inv--lash .inv-title{color:#a1604b}
.inv--lash .inv-table th{background:none;color:#776570;border-bottom:2px solid #a1604b;padding:0 10px 8px}
.inv--lash .inv-table td{border-bottom:1px solid #F5EBF1;padding:9px 10px}
.inv--lash .inv-due{background:none;border:2.5px solid #a1604b;padding:12px 20px;border-radius:6px}
.inv--lash .inv-due span,.inv--lash .inv-due b{color:#a1604b}
.inv--lash .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--lash .inv-lbl,.inv--lash .inv-table th{letter-spacing:.14em}

/* barber · beauty · stack/fill/bar/wide */
.inv--barber{--i:#9d6755;--i2:#8a5b4b;--a:#666A73;--l:#EDEEF0;--t:#0E1013;--on:#fff;--deco:#8a6b5e}
.tpl--barber{--i:#9d6755;--i2:#8a5b4b;--a:#666A73;--l:#EDEEF0;--deco:#8a6b5e}
.inv--barber .inv-band{background-image:url(/img/invoice-art/barber.webp);aspect-ratio:1198/338}
.inv--barber .inv-rule{background:linear-gradient(90deg,#9d6755 0 64%,#8a6b5e)}
.inv--barber .inv-head{flex-direction:column;align-items:flex-start;gap:12px;
  border-bottom:5px solid #9d6755;padding-bottom:16px}
.inv--barber .inv-meta{text-align:left}
.inv--barber .inv-meta dl{justify-content:start}
.inv--barber .inv-title{font-size:44px}
.inv--barber .inv-table th{background:linear-gradient(180deg,#9d6755,#8a5b4b);color:#fff;border:none;padding:11px 12px}
.inv--barber .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--barber .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--barber .inv-table td{border-bottom:1px solid #EDEEF0}
.inv--barber .inv-due{background:linear-gradient(90deg,#9d6755,#8a5b4b);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--barber .inv-due span,.inv--barber .inv-due b{color:#fff}
.inv--barber .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--barber .inv-lbl,.inv--barber .inv-table th{letter-spacing:.14em}

/* site · trade · diagonal/fill/slab/wide */
.inv--site{--i:#55454c;--i2:#3e3237;--a:#6E6552;--l:#FDF3D9;--t:#1E1A0E;--on:#fff;--deco:#916f34}
.tpl--site{--i:#55454c;--i2:#3e3237;--a:#6E6552;--l:#FDF3D9;--deco:#916f34}
.inv--site .inv-band{background-image:url(/img/invoice-art/site.webp);aspect-ratio:1198/338}
.inv--site .inv-rule{background:linear-gradient(90deg,#55454c 0 64%,#916f34)}
.inv--site .inv-head{position:relative;z-index:1;padding:24px 26px;color:#fff;border-radius:8px;margin:-6px -6px 22px;
  background:linear-gradient(104deg,#916f34 0 44%,#55454c 44% 76%,#3e3237 76%)}
.inv--site .inv-head .inv-from b,.inv--site .inv-head .inv-from span,.inv--site .inv-meta dt,.inv--site .inv-meta dd,.inv--site .inv-title{color:#fff}
.inv--site .inv-table th{background:linear-gradient(180deg,#55454c,#3e3237);color:#fff;border:none;padding:11px 12px}
.inv--site .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--site .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--site .inv-table td{border-bottom:1px solid #FDF3D9}
.inv--site .inv-due{background:#55454c;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--site .inv-due span,.inv--site .inv-due b{color:#fff}
.inv--site .inv-due b{font-size:26px}
.inv--site .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--site .inv-lbl,.inv--site .inv-table th{letter-spacing:.14em}

/* girder · trade · topbar/zebra/bar/sans */
.inv--girder{--i:#7c5935;--i2:#5a4026;--a:#626C76;--l:#EBEFF3;--t:#131A20;--on:#fff;--deco:#946f14}
.tpl--girder{--i:#7c5935;--i2:#5a4026;--a:#626C76;--l:#EBEFF3;--deco:#946f14}
.inv--girder .inv-band{background-image:url(/img/invoice-art/girder.webp);aspect-ratio:1198/338}
.inv--girder .inv-rule{background:linear-gradient(90deg,#7c5935 0 64%,#946f14)}
.inv--girder{padding-top:calc(clamp(22px,3.4vw,44px) + 18px)}
.inv--girder::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(90deg,#7c5935,#5a4026 62%,#946f14)}
.inv--girder .inv-table th{background:#7c5935;color:#fff;border:none;padding:10px 12px}
.inv--girder .inv-table td{border-bottom:none;padding:9px 12px}
.inv--girder .inv-table tbody tr:nth-child(odd){background:#EBEFF3}
.inv--girder .inv-due{background:linear-gradient(90deg,#7c5935,#5a4026);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--girder .inv-due span,.inv--girder .inv-due b{color:#fff}

/* blueprint · trade · frame/line/frame/mono */
.inv--blueprint{--i:#503e40;--i2:#3a2c2e;--a:#556D7E;--l:#E6EEF6;--t:#0D1A26;--on:#fff;--deco:#84714c}
.tpl--blueprint{--i:#503e40;--i2:#3a2c2e;--a:#556D7E;--l:#E6EEF6;--deco:#84714c}
.inv--blueprint .inv-band{background-image:url(/img/invoice-art/blueprint.webp);aspect-ratio:1198/338}
.inv--blueprint .inv-rule{background:linear-gradient(90deg,#503e40 0 64%,#84714c)}
.inv--blueprint{border:3px double #503e40;border-radius:4px}
.inv--blueprint .inv-head{border-bottom:1px solid #503e40;padding-bottom:16px}
.inv--blueprint .inv-title{letter-spacing:.2em}
.inv--blueprint .inv-table th{background:none;color:#556D7E;border-bottom:2px solid #503e40;padding:0 10px 8px}
.inv--blueprint .inv-table td{border-bottom:1px solid #E6EEF6;padding:9px 10px}
.inv--blueprint .inv-due{background:none;border:2.5px solid #503e40;padding:12px 20px;border-radius:6px}
.inv--blueprint .inv-due span,.inv--blueprint .inv-due b{color:#503e40}
.inv--blueprint .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--blueprint .inv-meta dd,.inv--blueprint .inv-table td,.inv--blueprint .inv-sums dd,.inv--blueprint .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* toolbox · trade · band/fill/big/wide */
.inv--toolbox{--i:#8d3d2d;--i2:#662c20;--a:#7A665D;--l:#FBEBE1;--t:#2A150B;--on:#fff;--deco:#9f6a1d}
.tpl--toolbox{--i:#8d3d2d;--i2:#662c20;--a:#7A665D;--l:#FBEBE1;--deco:#9f6a1d}
.inv--toolbox .inv-band{background-image:url(/img/invoice-art/toolbox.webp);aspect-ratio:1198/338}
.inv--toolbox .inv-rule{background:linear-gradient(90deg,#8d3d2d 0 64%,#9f6a1d)}
.inv--toolbox{padding-left:calc(clamp(22px,3.4vw,44px) + 26px);overflow:hidden}
.inv--toolbox::before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(180deg,#8d3d2d,#662c20)}
@media print{.inv--toolbox::before{position:fixed;top:0;bottom:0;left:0;width:26px}}
.inv--toolbox .inv-table th{background:linear-gradient(180deg,#8d3d2d,#662c20);color:#fff;border:none;padding:11px 12px}
.inv--toolbox .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--toolbox .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--toolbox .inv-table td{border-bottom:1px solid #FBEBE1}
.inv--toolbox .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--toolbox .inv-due span{color:#7A665D}
.inv--toolbox .inv-due b{color:#8d3d2d;font-size:38px;line-height:1.05}
.inv--toolbox .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--toolbox .inv-lbl,.inv--toolbox .inv-table th{letter-spacing:.14em}

/* plumb · trade · split/zebra/rail/sans */
.inv--plumb{--i:#896c53;--i2:#67513e;--a:#566E7B;--l:#E5F0F6;--t:#0C1E29;--on:#fff;--deco:#81705b}
.tpl--plumb{--i:#896c53;--i2:#67513e;--a:#566E7B;--l:#E5F0F6;--deco:#81705b}
.inv--plumb .inv-band{background-image:url(/img/invoice-art/plumb.webp);aspect-ratio:1198/338}
.inv--plumb .inv-rule{background:linear-gradient(90deg,#896c53 0 64%,#81705b)}
.inv--plumb .inv-head{background:#E5F0F6;border-radius:8px;padding:0;align-items:stretch;overflow:hidden}
.inv--plumb .inv-brand{padding:20px 22px;align-self:center}
.inv--plumb .inv-meta{background:#896c53;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.inv--plumb .inv-meta dt,.inv--plumb .inv-meta dd,.inv--plumb .inv-title{color:#fff}
.inv--plumb .inv-table th{background:#896c53;color:#fff;border:none;padding:10px 12px}
.inv--plumb .inv-table td{border-bottom:none;padding:9px 12px}
.inv--plumb .inv-table tbody tr:nth-child(odd){background:#E5F0F6}
.inv--plumb .inv-due{background:#E5F0F6;border-left:8px solid #896c53;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--plumb .inv-due span{color:#566E7B}
.inv--plumb .inv-due b{color:#896c53}

/* garage · trade · corner/line/slab/wide */
.inv--garage{--i:#7c4337;--i2:#593028;--a:#6B6B6F;--l:#EFEFF1;--t:#0A0A0B;--on:#fff;--deco:#a95b4c}
.tpl--garage{--i:#7c4337;--i2:#593028;--a:#6B6B6F;--l:#EFEFF1;--deco:#a95b4c}
.inv--garage .inv-band{background-image:url(/img/invoice-art/garage.webp);aspect-ratio:1198/338}
.inv--garage .inv-rule{background:linear-gradient(90deg,#7c4337 0 64%,#a95b4c)}
.inv--garage{overflow:hidden}
.inv--garage::before{content:"";position:absolute;top:0;left:0;border-top:118px solid #7c4337;border-right:118px solid transparent;z-index:0}
.inv--garage::after{content:"";position:absolute;bottom:0;right:0;border-bottom:88px solid #a95b4c;border-left:88px solid transparent;opacity:.5}
.inv--garage .inv-head{position:relative;z-index:1;padding-left:94px}
.inv--garage .inv-table th{background:none;color:#6B6B6F;border-bottom:2px solid #7c4337;padding:0 10px 8px}
.inv--garage .inv-table td{border-bottom:1px solid #EFEFF1;padding:9px 10px}
.inv--garage .inv-due{background:#7c4337;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--garage .inv-due span,.inv--garage .inv-due b{color:#fff}
.inv--garage .inv-due b{font-size:26px}
.inv--garage .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--garage .inv-lbl,.inv--garage .inv-table th{letter-spacing:.14em}

/* roofing · trade · stack/open/bar/sans */
.inv--roofing{--i:#b44d2d;--i2:#813720;--a:#656C77;--l:#EEF0F3;--t:#171C23;--on:#fff;--deco:#896e5d}
.tpl--roofing{--i:#b44d2d;--i2:#813720;--a:#656C77;--l:#EEF0F3;--deco:#896e5d}
.inv--roofing .inv-band{background-image:url(/img/invoice-art/roofing.webp);aspect-ratio:1198/338}
.inv--roofing .inv-rule{background:linear-gradient(90deg,#b44d2d 0 64%,#896e5d)}
.inv--roofing .inv-head{flex-direction:column;align-items:flex-start;gap:12px;
  border-bottom:5px solid #b44d2d;padding-bottom:16px}
.inv--roofing .inv-meta{text-align:left}
.inv--roofing .inv-meta dl{justify-content:start}
.inv--roofing .inv-title{font-size:44px}
.inv--roofing .inv-table th{background:none;color:#656C77;border-bottom:1px solid #EEF0F3;padding:0 8px 7px;font-weight:700}
.inv--roofing .inv-table td{border-bottom:none;padding:8px}
.inv--roofing .inv-table tbody tr+tr td{border-top:1px dotted #EEF0F3}
.inv--roofing .inv-due{background:linear-gradient(90deg,#b44d2d,#813720);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--roofing .inv-due span,.inv--roofing .inv-due b{color:#fff}

/* counsel · office · stack/line/frame/serif */
.inv--counsel{--i:#2f353d;--i2:#22262c;--a:#5A6B7C;--l:#E8EFF6;--t:#101B26;--on:#fff;--deco:#86724f}
.tpl--counsel{--i:#2f353d;--i2:#22262c;--a:#5A6B7C;--l:#E8EFF6;--deco:#86724f}
.inv--counsel .inv-band{background-image:url(/img/invoice-art/counsel.webp);aspect-ratio:1198/338}
.inv--counsel .inv-rule{background:linear-gradient(90deg,#2f353d 0 64%,#86724f)}
.inv--counsel .inv-head{flex-direction:column;align-items:flex-start;gap:12px;
  border-bottom:5px solid #2f353d;padding-bottom:16px}
.inv--counsel .inv-meta{text-align:left}
.inv--counsel .inv-meta dl{justify-content:start}
.inv--counsel .inv-title{font-size:44px}
.inv--counsel .inv-table th{background:none;color:#5A6B7C;border-bottom:2px solid #2f353d;padding:0 10px 8px}
.inv--counsel .inv-table td{border-bottom:1px solid #E8EFF6;padding:9px 10px}
.inv--counsel .inv-due{background:none;border:2.5px solid #2f353d;padding:12px 20px;border-radius:6px}
.inv--counsel .inv-due span,.inv--counsel .inv-due b{color:#2f353d}
.inv--counsel .inv-title,.inv--counsel .inv-due b{font-family:var(--display);font-weight:700}
.inv--counsel .inv-from b,.inv--counsel .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* ledger · office · topbar/fill/bar/serif */
.inv--ledger{--i:#7d6f60;--i2:#655b4e;--a:#656B73;--l:#EDEEF0;--t:#0C0E11;--on:#fff;--deco:#80715a}
.tpl--ledger{--i:#7d6f60;--i2:#655b4e;--a:#656B73;--l:#EDEEF0;--deco:#80715a}
.inv--ledger .inv-band{background-image:url(/img/invoice-art/ledger.webp);aspect-ratio:1198/338}
.inv--ledger .inv-rule{background:linear-gradient(90deg,#7d6f60 0 64%,#80715a)}
.inv--ledger{padding-top:calc(clamp(22px,3.4vw,44px) + 18px)}
.inv--ledger::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(90deg,#7d6f60,#655b4e 62%,#80715a)}
.inv--ledger .inv-table th{background:linear-gradient(180deg,#7d6f60,#655b4e);color:#fff;border:none;padding:11px 12px}
.inv--ledger .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--ledger .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--ledger .inv-table td{border-bottom:1px solid #EDEEF0}
.inv--ledger .inv-due{background:linear-gradient(90deg,#7d6f60,#655b4e);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--ledger .inv-due span,.inv--ledger .inv-due b{color:#fff}
.inv--ledger .inv-title,.inv--ledger .inv-due b{font-family:var(--display);font-weight:700}
.inv--ledger .inv-from b,.inv--ledger .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* notary · office · frame/fill/rail/sans */
.inv--notary{--i:#725c4b;--i2:#524236;--a:#7A6067;--l:#F7E7EA;--t:#251015;--on:#fff;--deco:#7e705a}
.tpl--notary{--i:#725c4b;--i2:#524236;--a:#7A6067;--l:#F7E7EA;--deco:#7e705a}
.inv--notary .inv-band{background-image:url(/img/invoice-art/notary.webp);aspect-ratio:1198/338}
.inv--notary .inv-rule{background:linear-gradient(90deg,#725c4b 0 64%,#7e705a)}
.inv--notary{border:3px double #725c4b;border-radius:4px}
.inv--notary .inv-head{border-bottom:1px solid #725c4b;padding-bottom:16px}
.inv--notary .inv-title{letter-spacing:.2em}
.inv--notary .inv-table th{background:linear-gradient(180deg,#725c4b,#524236);color:#fff;border:none;padding:11px 12px}
.inv--notary .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--notary .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--notary .inv-table td{border-bottom:1px solid #F7E7EA}
.inv--notary .inv-due{background:#F7E7EA;border-left:8px solid #725c4b;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--notary .inv-due span{color:#7A6067}
.inv--notary .inv-due b{color:#725c4b}

/* audit · office · aside/fill/slab/sans */
.inv--audit{--i:#353c42;--i2:#262b30;--a:#5D6F65;--l:#E7F1EB;--t:#0E1D15;--on:#fff;--deco:#84725b}
.tpl--audit{--i:#353c42;--i2:#262b30;--a:#5D6F65;--l:#E7F1EB;--deco:#84725b}
.inv--audit .inv-band{background-image:url(/img/invoice-art/audit.webp);aspect-ratio:1198/338}
.inv--audit .inv-rule{background:linear-gradient(90deg,#353c42 0 64%,#84725b)}
.inv--audit{padding-left:calc(clamp(22px,3.4vw,44px) + 92px);overflow:hidden}
.inv--audit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:78px;background:#E7F1EB;border-right:3px solid #353c42}
@media print{.inv--audit::before{position:fixed;top:0;bottom:0;left:0;width:78px}}
.inv--audit .inv-title{color:#353c42}
.inv--audit .inv-table th{background:linear-gradient(180deg,#353c42,#262b30);color:#fff;border:none;padding:11px 12px}
.inv--audit .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--audit .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--audit .inv-table td{border-bottom:1px solid #E7F1EB}
.inv--audit .inv-due{background:#353c42;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--audit .inv-due span,.inv--audit .inv-due b{color:#fff}
.inv--audit .inv-due b{font-size:26px}

/* broker · office · split/open/big/sans */
.inv--broker{--i:#6f5d4c;--i2:#504337;--a:#6B6257;--l:#FBF3DF;--t:#1A1712;--on:#fff;--deco:#866f5b}
.tpl--broker{--i:#6f5d4c;--i2:#504337;--a:#6B6257;--l:#FBF3DF;--deco:#866f5b}
.inv--broker .inv-band{background-image:url(/img/invoice-art/broker.webp);aspect-ratio:1198/338}
.inv--broker .inv-rule{background:linear-gradient(90deg,#6f5d4c 0 64%,#866f5b)}
.inv--broker .inv-head{background:#FBF3DF;border-radius:8px;padding:0;align-items:stretch;overflow:hidden}
.inv--broker .inv-brand{padding:20px 22px;align-self:center}
.inv--broker .inv-meta{background:#6f5d4c;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.inv--broker .inv-meta dt,.inv--broker .inv-meta dd,.inv--broker .inv-title{color:#fff}
.inv--broker .inv-table th{background:none;color:#6B6257;border-bottom:1px solid #FBF3DF;padding:0 8px 7px;font-weight:700}
.inv--broker .inv-table td{border-bottom:none;padding:8px}
.inv--broker .inv-table tbody tr+tr td{border-top:1px dotted #FBF3DF}
.inv--broker .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--broker .inv-due span{color:#6B6257}
.inv--broker .inv-due b{color:#6f5d4c;font-size:38px;line-height:1.05}

/* chamber · office · arch/line/frame/sans */
.inv--chamber{--i:#17273a;--i2:#111c29;--a:#5C6F67;--l:#E6F1EC;--t:#0F211B;--on:#fff;--deco:#846f5b}
.tpl--chamber{--i:#17273a;--i2:#111c29;--a:#5C6F67;--l:#E6F1EC;--deco:#846f5b}
.inv--chamber .inv-band{background-image:url(/img/invoice-art/chamber.webp);aspect-ratio:1198/338}
.inv--chamber .inv-rule{background:linear-gradient(90deg,#17273a 0 64%,#846f5b)}
.inv--chamber .inv-head{background:#E6F1EC;border-radius:170px 170px 10px 10px;padding:30px 30px 22px;
  flex-direction:column;align-items:center;text-align:center;gap:10px;border-top:4px solid #17273a}
.inv--chamber .inv-brand{flex-direction:column;align-items:center}
.inv--chamber .inv-meta{text-align:center}
.inv--chamber .inv-meta dl{justify-content:center}
.inv--chamber .inv-to{align-items:center;text-align:center}
.inv--chamber .inv-table th{background:none;color:#5C6F67;border-bottom:2px solid #17273a;padding:0 10px 8px}
.inv--chamber .inv-table td{border-bottom:1px solid #E6F1EC;padding:9px 10px}
.inv--chamber .inv-due{background:none;border:2.5px solid #17273a;padding:12px 20px;border-radius:6px}
.inv--chamber .inv-due span,.inv--chamber .inv-due b{color:#17273a}

/* clerk · office · band/zebra/bar/mono */
.inv--clerk{--i:#816349;--i2:#5d4735;--a:#676B6F;--l:#EEEFF0;--t:#111314;--on:#fff;--deco:#7f6f50}
.tpl--clerk{--i:#816349;--i2:#5d4735;--a:#676B6F;--l:#EEEFF0;--deco:#7f6f50}
.inv--clerk .inv-band{background-image:url(/img/invoice-art/clerk.webp);aspect-ratio:1198/338}
.inv--clerk .inv-rule{background:linear-gradient(90deg,#816349 0 64%,#7f6f50)}
.inv--clerk{padding-left:calc(clamp(22px,3.4vw,44px) + 26px);overflow:hidden}
.inv--clerk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(180deg,#816349,#5d4735)}
@media print{.inv--clerk::before{position:fixed;top:0;bottom:0;left:0;width:26px}}
.inv--clerk .inv-table th{background:#816349;color:#fff;border:none;padding:10px 12px}
.inv--clerk .inv-table td{border-bottom:none;padding:9px 12px}
.inv--clerk .inv-table tbody tr:nth-child(odd){background:#EEEFF0}
.inv--clerk .inv-due{background:linear-gradient(90deg,#816349,#5d4735);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--clerk .inv-due span,.inv--clerk .inv-due b{color:#fff}
.inv--clerk .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--clerk .inv-meta dd,.inv--clerk .inv-table td,.inv--clerk .inv-sums dd,.inv--clerk .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* studio · creative · panel/card/big/wide */
.inv--studio{--i:#223342;--i2:#19242f;--a:#69696E;--l:#ECECEE;--t:#08080A;--on:#fff;--deco:#375169}
.tpl--studio{--i:#223342;--i2:#19242f;--a:#69696E;--l:#ECECEE;--deco:#375169}
.inv--studio .inv-band{background-image:url(/img/invoice-art/studio.webp);aspect-ratio:1198/338}
.inv--studio .inv-rule{background:linear-gradient(90deg,#223342 0 64%,#375169)}
.inv--studio .inv-brand{background:linear-gradient(158deg,#223342,#19242f);color:#fff;
  padding:20px 22px;border-radius:8px;flex:1 1 auto;min-width:0;border-left:6px solid #375169}
.inv--studio .inv-brand .inv-from b,.inv--studio .inv-brand .inv-from span{color:#fff}
.inv--studio .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--studio .inv-table th{background:none;color:#69696E;border:none;padding:0 12px 4px}
.inv--studio .inv-table td{background:#ECECEE;border:none;padding:11px 12px}
.inv--studio .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--studio .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--studio .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--studio .inv-due span{color:#69696E}
.inv--studio .inv-due b{color:#223342;font-size:38px;line-height:1.05}
.inv--studio .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--studio .inv-lbl,.inv--studio .inv-table th{letter-spacing:.14em}

/* lens · creative · aside/open/rail/sans */
.inv--lens{--i:#704b57;--i2:#51363f;--a:#756C5F;--l:#F7F2E7;--t:#221D14;--on:#fff;--deco:#956862}
.tpl--lens{--i:#704b57;--i2:#51363f;--a:#756C5F;--l:#F7F2E7;--deco:#956862}
.inv--lens .inv-band{background-image:url(/img/invoice-art/lens.webp);aspect-ratio:1198/338}
.inv--lens .inv-rule{background:linear-gradient(90deg,#704b57 0 64%,#956862)}
.inv--lens{padding-left:calc(clamp(22px,3.4vw,44px) + 92px);overflow:hidden}
.inv--lens::before{content:"";position:absolute;left:0;top:0;bottom:0;width:78px;background:#F7F2E7;border-right:3px solid #704b57}
@media print{.inv--lens::before{position:fixed;top:0;bottom:0;left:0;width:78px}}
.inv--lens .inv-title{color:#704b57}
.inv--lens .inv-table th{background:none;color:#756C5F;border-bottom:1px solid #F7F2E7;padding:0 8px 7px;font-weight:700}
.inv--lens .inv-table td{border-bottom:none;padding:8px}
.inv--lens .inv-table tbody tr+tr td{border-top:1px dotted #F7F2E7}
.inv--lens .inv-due{background:#F7F2E7;border-left:8px solid #704b57;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--lens .inv-due span{color:#756C5F}
.inv--lens .inv-due b{color:#704b57}

/* canvas · creative · wave/card/slab/sans */
.inv--canvas{--i:#7a4854;--i2:#58343c;--a:#7D655C;--l:#FAEBE3;--t:#2B1710;--on:#fff;--deco:#8c6c4b}
.tpl--canvas{--i:#7a4854;--i2:#58343c;--a:#7D655C;--l:#FAEBE3;--deco:#8c6c4b}
.inv--canvas .inv-band{background-image:url(/img/invoice-art/canvas.webp);aspect-ratio:1198/338}
.inv--canvas .inv-rule{background:linear-gradient(90deg,#7a4854 0 64%,#8c6c4b)}
.inv--canvas .inv-head{position:relative;padding:24px 26px 40px;color:#fff;margin:-6px -6px 18px;
  background:linear-gradient(160deg,#7a4854,#58343c);border-radius:8px 8px 60% 60%/8px 8px 34px 34px}
.inv--canvas .inv-head .inv-from b,.inv--canvas .inv-head .inv-from span,.inv--canvas .inv-meta dt,.inv--canvas .inv-meta dd,.inv--canvas .inv-title{color:#fff}
.inv--canvas .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--canvas .inv-table th{background:none;color:#7D655C;border:none;padding:0 12px 4px}
.inv--canvas .inv-table td{background:#FAEBE3;border:none;padding:11px 12px}
.inv--canvas .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--canvas .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--canvas .inv-due{background:#7a4854;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--canvas .inv-due span,.inv--canvas .inv-due b{color:#fff}
.inv--canvas .inv-due b{font-size:26px}

/* type · creative · stack/zebra/frame/sans */
.inv--type{--i:#8f6c4b;--i2:#6b5138;--a:#6A6A6A;--l:#EFEFEF;--t:#0B0B0B;--on:#fff;--deco:#827054}
.tpl--type{--i:#8f6c4b;--i2:#6b5138;--a:#6A6A6A;--l:#EFEFEF;--deco:#827054}
.inv--type .inv-band{background-image:url(/img/invoice-art/type.webp);aspect-ratio:1198/338}
.inv--type .inv-rule{background:linear-gradient(90deg,#8f6c4b 0 64%,#827054)}
.inv--type .inv-head{flex-direction:column;align-items:flex-start;gap:12px;
  border-bottom:5px solid #8f6c4b;padding-bottom:16px}
.inv--type .inv-meta{text-align:left}
.inv--type .inv-meta dl{justify-content:start}
.inv--type .inv-title{font-size:44px}
.inv--type .inv-table th{background:#8f6c4b;color:#fff;border:none;padding:10px 12px}
.inv--type .inv-table td{border-bottom:none;padding:9px 12px}
.inv--type .inv-table tbody tr:nth-child(odd){background:#EFEFEF}
.inv--type .inv-due{background:none;border:2.5px solid #8f6c4b;padding:12px 20px;border-radius:6px}
.inv--type .inv-due span,.inv--type .inv-due b{color:#8f6c4b}

/* palette · creative · corner/zebra/bar/wide */
.inv--palette{--i:#1a2838;--i2:#121d28;--a:#726479;--l:#F0EAF4;--t:#1E1224;--on:#fff;--deco:#29405a}
.tpl--palette{--i:#1a2838;--i2:#121d28;--a:#726479;--l:#F0EAF4;--deco:#29405a}
.inv--palette .inv-band{background-image:url(/img/invoice-art/palette.webp);aspect-ratio:1198/338}
.inv--palette .inv-rule{background:linear-gradient(90deg,#1a2838 0 64%,#29405a)}
.inv--palette{overflow:hidden}
.inv--palette::before{content:"";position:absolute;top:0;left:0;border-top:118px solid #1a2838;border-right:118px solid transparent;z-index:0}
.inv--palette::after{content:"";position:absolute;bottom:0;right:0;border-bottom:88px solid #29405a;border-left:88px solid transparent;opacity:.5}
.inv--palette .inv-head{position:relative;z-index:1;padding-left:94px}
.inv--palette .inv-table th{background:#1a2838;color:#fff;border:none;padding:10px 12px}
.inv--palette .inv-table td{border-bottom:none;padding:9px 12px}
.inv--palette .inv-table tbody tr:nth-child(odd){background:#F0EAF4}
.inv--palette .inv-due{background:linear-gradient(90deg,#1a2838,#121d28);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--palette .inv-due span,.inv--palette .inv-due b{color:#fff}
.inv--palette .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--palette .inv-lbl,.inv--palette .inv-table th{letter-spacing:.14em}

/* reel · creative · diagonal/line/big/wide */
.inv--reel{--i:#755b5a;--i2:#544241;--a:#636885;--l:#EAECF5;--t:#0B0E1C;--on:#fff;--deco:#9e692c}
.tpl--reel{--i:#755b5a;--i2:#544241;--a:#636885;--l:#EAECF5;--deco:#9e692c}
.inv--reel .inv-band{background-image:url(/img/invoice-art/reel.webp);aspect-ratio:1198/338}
.inv--reel .inv-rule{background:linear-gradient(90deg,#755b5a 0 64%,#9e692c)}
.inv--reel .inv-head{position:relative;z-index:1;padding:24px 26px;color:#fff;border-radius:8px;margin:-6px -6px 22px;
  background:linear-gradient(104deg,#9e692c 0 44%,#755b5a 44% 76%,#544241 76%)}
.inv--reel .inv-head .inv-from b,.inv--reel .inv-head .inv-from span,.inv--reel .inv-meta dt,.inv--reel .inv-meta dd,.inv--reel .inv-title{color:#fff}
.inv--reel .inv-table th{background:none;color:#636885;border-bottom:2px solid #755b5a;padding:0 10px 8px}
.inv--reel .inv-table td{border-bottom:1px solid #EAECF5;padding:9px 10px}
.inv--reel .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--reel .inv-due span{color:#636885}
.inv--reel .inv-due b{color:#755b5a;font-size:38px;line-height:1.05}
.inv--reel .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--reel .inv-lbl,.inv--reel .inv-table th{letter-spacing:.14em}

/* print · creative · frame/zebra/rail/mono */
.inv--print{--i:#a16357;--i2:#794a41;--a:#676F5B;--l:#F0F3E6;--t:#1B2011;--on:#fff;--deco:#876f61}
.tpl--print{--i:#a16357;--i2:#794a41;--a:#676F5B;--l:#F0F3E6;--deco:#876f61}
.inv--print .inv-band{background-image:url(/img/invoice-art/print.webp);aspect-ratio:1198/338}
.inv--print .inv-rule{background:linear-gradient(90deg,#a16357 0 64%,#876f61)}
.inv--print{border:3px double #a16357;border-radius:4px}
.inv--print .inv-head{border-bottom:1px solid #a16357;padding-bottom:16px}
.inv--print .inv-title{letter-spacing:.2em}
.inv--print .inv-table th{background:#a16357;color:#fff;border:none;padding:10px 12px}
.inv--print .inv-table td{border-bottom:none;padding:9px 12px}
.inv--print .inv-table tbody tr:nth-child(odd){background:#F0F3E6}
.inv--print .inv-due{background:#F0F3E6;border-left:8px solid #a16357;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--print .inv-due span{color:#676F5B}
.inv--print .inv-due b{color:#a16357}
.inv--print .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--print .inv-meta dd,.inv--print .inv-table td,.inv--print .inv-sums dd,.inv--print .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* kitchen · food · ribbon/zebra/slab/serif */
.inv--kitchen{--i:#b3553c;--i2:#86402c;--a:#80635E;--l:#FBEAE6;--t:#2C1210;--on:#fff;--deco:#8d6c57}
.tpl--kitchen{--i:#b3553c;--i2:#86402c;--a:#80635E;--l:#FBEAE6;--deco:#8d6c57}
.inv--kitchen .inv-band{background-image:url(/img/invoice-art/kitchen.webp);aspect-ratio:1198/338}
.inv--kitchen .inv-rule{background:linear-gradient(90deg,#b3553c 0 64%,#8d6c57)}
.inv--kitchen .inv-title{display:block;background:linear-gradient(90deg,#b3553c,#86402c);color:#fff;
  padding:11px 22px;border-radius:4px;letter-spacing:.16em;margin-bottom:12px}
.inv--kitchen .inv-meta{min-width:268px}
.inv--kitchen .inv-table th{background:#b3553c;color:#fff;border:none;padding:10px 12px}
.inv--kitchen .inv-table td{border-bottom:none;padding:9px 12px}
.inv--kitchen .inv-table tbody tr:nth-child(odd){background:#FBEAE6}
.inv--kitchen .inv-due{background:#b3553c;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--kitchen .inv-due span,.inv--kitchen .inv-due b{color:#fff}
.inv--kitchen .inv-due b{font-size:26px}
.inv--kitchen .inv-title,.inv--kitchen .inv-due b{font-family:var(--display);font-weight:700}
.inv--kitchen .inv-from b,.inv--kitchen .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* bakery · food · ribbon/card/rail/serif */
.inv--bakery{--i:#a44530;--i2:#763223;--a:#796E57;--l:#FDF5E2;--t:#241C0C;--on:#fff;--deco:#8e6d4c}
.tpl--bakery{--i:#a44530;--i2:#763223;--a:#796E57;--l:#FDF5E2;--deco:#8e6d4c}
.inv--bakery .inv-band{background-image:url(/img/invoice-art/bakery.webp);aspect-ratio:1198/338}
.inv--bakery .inv-rule{background:linear-gradient(90deg,#a44530 0 64%,#8e6d4c)}
.inv--bakery .inv-title{display:block;background:linear-gradient(90deg,#a44530,#763223);color:#fff;
  padding:11px 22px;border-radius:4px;letter-spacing:.16em;margin-bottom:12px}
.inv--bakery .inv-meta{min-width:268px}
.inv--bakery .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--bakery .inv-table th{background:none;color:#796E57;border:none;padding:0 12px 4px}
.inv--bakery .inv-table td{background:#FDF5E2;border:none;padding:11px 12px}
.inv--bakery .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--bakery .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--bakery .inv-due{background:#FDF5E2;border-left:8px solid #a44530;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--bakery .inv-due span{color:#796E57}
.inv--bakery .inv-due b{color:#a44530}
.inv--bakery .inv-title,.inv--bakery .inv-due b{font-family:var(--display);font-weight:700}
.inv--bakery .inv-from b,.inv--bakery .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* catering · food · band/card/bar/serif */
.inv--catering{--i:#bc4928;--i2:#87341d;--a:#6E6F57;--l:#F3F4E6;--t:#1F2110;--on:#fff;--deco:#896b51}
.tpl--catering{--i:#bc4928;--i2:#87341d;--a:#6E6F57;--l:#F3F4E6;--deco:#896b51}
.inv--catering .inv-band{background-image:url(/img/invoice-art/catering.webp);aspect-ratio:1198/338}
.inv--catering .inv-rule{background:linear-gradient(90deg,#bc4928 0 64%,#896b51)}
.inv--catering{padding-left:calc(clamp(22px,3.4vw,44px) + 26px);overflow:hidden}
.inv--catering::before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(180deg,#bc4928,#87341d)}
@media print{.inv--catering::before{position:fixed;top:0;bottom:0;left:0;width:26px}}
.inv--catering .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--catering .inv-table th{background:none;color:#6E6F57;border:none;padding:0 12px 4px}
.inv--catering .inv-table td{background:#F3F4E6;border:none;padding:11px 12px}
.inv--catering .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--catering .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--catering .inv-due{background:linear-gradient(90deg,#bc4928,#87341d);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--catering .inv-due span,.inv--catering .inv-due b{color:#fff}
.inv--catering .inv-title,.inv--catering .inv-due b{font-family:var(--display);font-weight:700}
.inv--catering .inv-from b,.inv--catering .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* barista · food · stack/card/rail/mono */
.inv--barista{--i:#a7573e;--i2:#783f2d;--a:#77675E;--l:#F3ECE7;--t:#1A110C;--on:#fff;--deco:#896e5d}
.tpl--barista{--i:#a7573e;--i2:#783f2d;--a:#77675E;--l:#F3ECE7;--deco:#896e5d}
.inv--barista .inv-band{background-image:url(/img/invoice-art/barista.webp);aspect-ratio:1198/338}
.inv--barista .inv-rule{background:linear-gradient(90deg,#a7573e 0 64%,#896e5d)}
.inv--barista .inv-head{flex-direction:column;align-items:flex-start;gap:12px;
  border-bottom:5px solid #a7573e;padding-bottom:16px}
.inv--barista .inv-meta{text-align:left}
.inv--barista .inv-meta dl{justify-content:start}
.inv--barista .inv-title{font-size:44px}
.inv--barista .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--barista .inv-table th{background:none;color:#77675E;border:none;padding:0 12px 4px}
.inv--barista .inv-table td{background:#F3ECE7;border:none;padding:11px 12px}
.inv--barista .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--barista .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--barista .inv-due{background:#F3ECE7;border-left:8px solid #a7573e;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--barista .inv-due span{color:#77675E}
.inv--barista .inv-due b{color:#a7573e}
.inv--barista .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--barista .inv-meta dd,.inv--barista .inv-table td,.inv--barista .inv-sums dd,.inv--barista .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* wedding · food · frame/card/frame/serif */
.inv--wedding{--i:#be4f2d;--i2:#8f3b22;--a:#776E5D;--l:#FBF5E9;--t:#241E12;--on:#fff;--deco:#82705e}
.tpl--wedding{--i:#be4f2d;--i2:#8f3b22;--a:#776E5D;--l:#FBF5E9;--deco:#82705e}
.inv--wedding .inv-band{background-image:url(/img/invoice-art/wedding.webp);aspect-ratio:1198/338}
.inv--wedding .inv-rule{background:linear-gradient(90deg,#be4f2d 0 64%,#82705e)}
.inv--wedding{border:3px double #be4f2d;border-radius:4px}
.inv--wedding .inv-head{border-bottom:1px solid #be4f2d;padding-bottom:16px}
.inv--wedding .inv-title{letter-spacing:.2em}
.inv--wedding .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--wedding .inv-table th{background:none;color:#776E5D;border:none;padding:0 12px 4px}
.inv--wedding .inv-table td{background:#FBF5E9;border:none;padding:11px 12px}
.inv--wedding .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--wedding .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--wedding .inv-due{background:none;border:2.5px solid #be4f2d;padding:12px 20px;border-radius:6px}
.inv--wedding .inv-due span,.inv--wedding .inv-due b{color:#be4f2d}
.inv--wedding .inv-title,.inv--wedding .inv-due b{font-family:var(--display);font-weight:700}
.inv--wedding .inv-from b,.inv--wedding .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* florist · food · wave/line/big/soft */
.inv--florist{--i:#af4230;--i2:#7e3023;--a:#7E646F;--l:#FCEBF2;--t:#2C1420;--on:#fff;--deco:#916d37}
.tpl--florist{--i:#af4230;--i2:#7e3023;--a:#7E646F;--l:#FCEBF2;--deco:#916d37}
.inv--florist .inv-band{background-image:url(/img/invoice-art/florist.webp);aspect-ratio:1198/338}
.inv--florist .inv-rule{background:linear-gradient(90deg,#af4230 0 64%,#916d37)}
.inv--florist .inv-head{position:relative;padding:24px 26px 40px;color:#fff;margin:-6px -6px 18px;
  background:linear-gradient(160deg,#af4230,#7e3023);border-radius:8px 8px 60% 60%/8px 8px 34px 34px}
.inv--florist .inv-head .inv-from b,.inv--florist .inv-head .inv-from span,.inv--florist .inv-meta dt,.inv--florist .inv-meta dd,.inv--florist .inv-title{color:#fff}
.inv--florist .inv-table th{background:none;color:#7E646F;border-bottom:2px solid #af4230;padding:0 10px 8px}
.inv--florist .inv-table td{border-bottom:1px solid #FCEBF2;padding:9px 10px}
.inv--florist .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--florist .inv-due span{color:#7E646F}
.inv--florist .inv-due b{color:#af4230;font-size:38px;line-height:1.05}
.inv--florist .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--florist .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--florist .inv-lbl{text-transform:none;letter-spacing:.02em}

/* clinic · care · split/fill/bar/sans */
.inv--clinic{--i:#6e7479;--i2:#5d6367;--a:#586E7D;--l:#E6F1F9;--t:#0C1E2C;--on:#fff;--deco:#8d6d65}
.tpl--clinic{--i:#6e7479;--i2:#5d6367;--a:#586E7D;--l:#E6F1F9;--deco:#8d6d65}
.inv--clinic .inv-band{background-image:url(/img/invoice-art/clinic.webp);aspect-ratio:1198/338}
.inv--clinic .inv-rule{background:linear-gradient(90deg,#6e7479 0 64%,#8d6d65)}
.inv--clinic .inv-head{background:#E6F1F9;border-radius:8px;padding:0;align-items:stretch;overflow:hidden}
.inv--clinic .inv-brand{padding:20px 22px;align-self:center}
.inv--clinic .inv-meta{background:#6e7479;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.inv--clinic .inv-meta dt,.inv--clinic .inv-meta dd,.inv--clinic .inv-title{color:#fff}
.inv--clinic .inv-table th{background:linear-gradient(180deg,#6e7479,#5d6367);color:#fff;border:none;padding:11px 12px}
.inv--clinic .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--clinic .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--clinic .inv-table td{border-bottom:1px solid #E6F1F9}
.inv--clinic .inv-due{background:linear-gradient(90deg,#6e7479,#5d6367);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--clinic .inv-due span,.inv--clinic .inv-due b{color:#fff}

/* dental · care · topbar/line/rail/sans */
.inv--dental{--i:#4e6160;--i2:#384645;--a:#59716C;--l:#E6F4F1;--t:#0E211D;--on:#fff;--deco:#846f63}
.tpl--dental{--i:#4e6160;--i2:#384645;--a:#59716C;--l:#E6F4F1;--deco:#846f63}
.inv--dental .inv-band{background-image:url(/img/invoice-art/dental.webp);aspect-ratio:1198/338}
.inv--dental .inv-rule{background:linear-gradient(90deg,#4e6160 0 64%,#846f63)}
.inv--dental{padding-top:calc(clamp(22px,3.4vw,44px) + 18px)}
.inv--dental::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(90deg,#4e6160,#384645 62%,#846f63)}
.inv--dental .inv-table th{background:none;color:#59716C;border-bottom:2px solid #4e6160;padding:0 10px 8px}
.inv--dental .inv-table td{border-bottom:1px solid #E6F4F1;padding:9px 10px}
.inv--dental .inv-due{background:#E6F4F1;border-left:8px solid #4e6160;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--dental .inv-due span{color:#59716C}
.inv--dental .inv-due b{color:#4e6160}

/* therapy · care · wave/open/rail/soft */
.inv--therapy{--i:#7b5368;--i2:#583c4b;--a:#6C6684;--l:#EEECF9;--t:#1D1933;--on:#fff;--deco:#916c5d}
.tpl--therapy{--i:#7b5368;--i2:#583c4b;--a:#6C6684;--l:#EEECF9;--deco:#916c5d}
.inv--therapy .inv-band{background-image:url(/img/invoice-art/therapy.webp);aspect-ratio:1198/338}
.inv--therapy .inv-rule{background:linear-gradient(90deg,#7b5368 0 64%,#916c5d)}
.inv--therapy .inv-head{position:relative;padding:24px 26px 40px;color:#fff;margin:-6px -6px 18px;
  background:linear-gradient(160deg,#7b5368,#583c4b);border-radius:8px 8px 60% 60%/8px 8px 34px 34px}
.inv--therapy .inv-head .inv-from b,.inv--therapy .inv-head .inv-from span,.inv--therapy .inv-meta dt,.inv--therapy .inv-meta dd,.inv--therapy .inv-title{color:#fff}
.inv--therapy .inv-table th{background:none;color:#6C6684;border-bottom:1px solid #EEECF9;padding:0 8px 7px;font-weight:700}
.inv--therapy .inv-table td{border-bottom:none;padding:8px}
.inv--therapy .inv-table tbody tr+tr td{border-top:1px dotted #EEECF9}
.inv--therapy .inv-due{background:#EEECF9;border-left:8px solid #7b5368;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--therapy .inv-due span{color:#6C6684}
.inv--therapy .inv-due b{color:#7b5368}
.inv--therapy .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--therapy .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--therapy .inv-lbl{text-transform:none;letter-spacing:.02em}

/* trainer · care · band/open/slab/wide */
.inv--trainer{--i:#a5605c;--i2:#864e4b;--a:#6C7156;--l:#F2F7DC;--t:#1A1E0A;--on:#fff;--deco:#8c6c68}
.tpl--trainer{--i:#a5605c;--i2:#864e4b;--a:#6C7156;--l:#F2F7DC;--deco:#8c6c68}
.inv--trainer .inv-band{background-image:url(/img/invoice-art/trainer.webp);aspect-ratio:1198/338}
.inv--trainer .inv-rule{background:linear-gradient(90deg,#a5605c 0 64%,#8c6c68)}
.inv--trainer{padding-left:calc(clamp(22px,3.4vw,44px) + 26px);overflow:hidden}
.inv--trainer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(180deg,#a5605c,#864e4b)}
@media print{.inv--trainer::before{position:fixed;top:0;bottom:0;left:0;width:26px}}
.inv--trainer .inv-table th{background:none;color:#6C7156;border-bottom:1px solid #F2F7DC;padding:0 8px 7px;font-weight:700}
.inv--trainer .inv-table td{border-bottom:none;padding:8px}
.inv--trainer .inv-table tbody tr+tr td{border-top:1px dotted #F2F7DC}
.inv--trainer .inv-due{background:#a5605c;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--trainer .inv-due span,.inv--trainer .inv-due b{color:#fff}
.inv--trainer .inv-due b{font-size:26px}
.inv--trainer .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--trainer .inv-lbl,.inv--trainer .inv-table th{letter-spacing:.14em}

/* tutor · care · band/line/slab/serif */
.inv--tutor{--i:#73727e;--i2:#5a5963;--a:#626982;--l:#EAEDF6;--t:#0C1122;--on:#fff;--deco:#8b695b}
.tpl--tutor{--i:#73727e;--i2:#5a5963;--a:#626982;--l:#EAEDF6;--deco:#8b695b}
.inv--tutor .inv-band{background-image:url(/img/invoice-art/tutor.webp);aspect-ratio:1198/338}
.inv--tutor .inv-rule{background:linear-gradient(90deg,#73727e 0 64%,#8b695b)}
.inv--tutor{padding-left:calc(clamp(22px,3.4vw,44px) + 26px);overflow:hidden}
.inv--tutor::before{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;background:linear-gradient(180deg,#73727e,#5a5963)}
@media print{.inv--tutor::before{position:fixed;top:0;bottom:0;left:0;width:26px}}
.inv--tutor .inv-table th{background:none;color:#626982;border-bottom:2px solid #73727e;padding:0 10px 8px}
.inv--tutor .inv-table td{border-bottom:1px solid #EAEDF6;padding:9px 10px}
.inv--tutor .inv-due{background:#73727e;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--tutor .inv-due span,.inv--tutor .inv-due b{color:#fff}
.inv--tutor .inv-due b{font-size:26px}
.inv--tutor .inv-title,.inv--tutor .inv-due b{font-family:var(--display);font-weight:700}
.inv--tutor .inv-from b,.inv--tutor .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* vet · care · corner/fill/bar/soft */
.inv--vet{--i:#836360;--i2:#5e4745;--a:#587071;--l:#E6F2F2;--t:#0C1E1F;--on:#fff;--deco:#90685f}
.tpl--vet{--i:#836360;--i2:#5e4745;--a:#587071;--l:#E6F2F2;--deco:#90685f}
.inv--vet .inv-band{background-image:url(/img/invoice-art/vet.webp);aspect-ratio:1198/338}
.inv--vet .inv-rule{background:linear-gradient(90deg,#836360 0 64%,#90685f)}
.inv--vet{overflow:hidden}
.inv--vet::before{content:"";position:absolute;top:0;left:0;border-top:118px solid #836360;border-right:118px solid transparent;z-index:0}
.inv--vet::after{content:"";position:absolute;bottom:0;right:0;border-bottom:88px solid #90685f;border-left:88px solid transparent;opacity:.5}
.inv--vet .inv-head{position:relative;z-index:1;padding-left:94px}
.inv--vet .inv-table th{background:linear-gradient(180deg,#836360,#5e4745);color:#fff;border:none;padding:11px 12px}
.inv--vet .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--vet .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--vet .inv-table td{border-bottom:1px solid #E6F2F2}
.inv--vet .inv-due{background:linear-gradient(90deg,#836360,#5e4745);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--vet .inv-due span,.inv--vet .inv-due b{color:#fff}
.inv--vet .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--vet .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--vet .inv-lbl{text-transform:none;letter-spacing:.02em}

/* cleaning · services · wave/fill/rail/serif */
.inv--cleaning{--i:#366154;--i2:#27463c;--a:#55707B;--l:#E5F3F7;--t:#0C2129;--on:#fff;--deco:#477f6d}
.tpl--cleaning{--i:#366154;--i2:#27463c;--a:#55707B;--l:#E5F3F7;--deco:#477f6d}
.inv--cleaning .inv-band{background-image:url(/img/invoice-art/cleaning.webp);aspect-ratio:1198/338}
.inv--cleaning .inv-rule{background:linear-gradient(90deg,#366154 0 64%,#477f6d)}
.inv--cleaning .inv-head{position:relative;padding:24px 26px 40px;color:#fff;margin:-6px -6px 18px;
  background:linear-gradient(160deg,#366154,#27463c);border-radius:8px 8px 60% 60%/8px 8px 34px 34px}
.inv--cleaning .inv-head .inv-from b,.inv--cleaning .inv-head .inv-from span,.inv--cleaning .inv-meta dt,.inv--cleaning .inv-meta dd,.inv--cleaning .inv-title{color:#fff}
.inv--cleaning .inv-table th{background:linear-gradient(180deg,#366154,#27463c);color:#fff;border:none;padding:11px 12px}
.inv--cleaning .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--cleaning .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--cleaning .inv-table td{border-bottom:1px solid #E5F3F7}
.inv--cleaning .inv-due{background:#E5F3F7;border-left:8px solid #366154;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--cleaning .inv-due span{color:#55707B}
.inv--cleaning .inv-due b{color:#366154}
.inv--cleaning .inv-title,.inv--cleaning .inv-due b{font-family:var(--display);font-weight:700}
.inv--cleaning .inv-from b,.inv--cleaning .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* garden · services · aside/card/slab/soft */
.inv--garden{--i:#3d5d4e;--i2:#2c4338;--a:#637061;--l:#EAF4E8;--t:#131F12;--on:#fff;--deco:#7e6f58}
.tpl--garden{--i:#3d5d4e;--i2:#2c4338;--a:#637061;--l:#EAF4E8;--deco:#7e6f58}
.inv--garden .inv-band{background-image:url(/img/invoice-art/garden.webp);aspect-ratio:1198/338}
.inv--garden .inv-rule{background:linear-gradient(90deg,#3d5d4e 0 64%,#7e6f58)}
.inv--garden{padding-left:calc(clamp(22px,3.4vw,44px) + 92px);overflow:hidden}
.inv--garden::before{content:"";position:absolute;left:0;top:0;bottom:0;width:78px;background:#EAF4E8;border-right:3px solid #3d5d4e}
@media print{.inv--garden::before{position:fixed;top:0;bottom:0;left:0;width:78px}}
.inv--garden .inv-title{color:#3d5d4e}
.inv--garden .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--garden .inv-table th{background:none;color:#637061;border:none;padding:0 12px 4px}
.inv--garden .inv-table td{background:#EAF4E8;border:none;padding:11px 12px}
.inv--garden .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--garden .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--garden .inv-due{background:#3d5d4e;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--garden .inv-due span,.inv--garden .inv-due b{color:#fff}
.inv--garden .inv-due b{font-size:26px}
.inv--garden .inv-title{font-family:var(--display);font-weight:400;letter-spacing:.02em}
.inv--garden .inv-table th{text-transform:none;letter-spacing:.02em;font-weight:600;font-size:12px}
.inv--garden .inv-lbl{text-transform:none;letter-spacing:.02em}

/* movers · services · topbar/card/bar/wide */
.inv--movers{--i:#7c6a57;--i2:#5a4d3f;--a:#7A6A59;--l:#FBF0E0;--t:#2A1C0A;--on:#fff;--deco:#826e59}
.tpl--movers{--i:#7c6a57;--i2:#5a4d3f;--a:#7A6A59;--l:#FBF0E0;--deco:#826e59}
.inv--movers .inv-band{background-image:url(/img/invoice-art/movers.webp);aspect-ratio:1198/338}
.inv--movers .inv-rule{background:linear-gradient(90deg,#7c6a57 0 64%,#826e59)}
.inv--movers{padding-top:calc(clamp(22px,3.4vw,44px) + 18px)}
.inv--movers::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(90deg,#7c6a57,#5a4d3f 62%,#826e59)}
.inv--movers .inv-table{border-collapse:separate;border-spacing:0 7px}
.inv--movers .inv-table th{background:none;color:#7A6A59;border:none;padding:0 12px 4px}
.inv--movers .inv-table td{background:#FBF0E0;border:none;padding:11px 12px}
.inv--movers .inv-table td:first-child{border-radius:7px 0 0 7px}
.inv--movers .inv-table td:last-child{border-radius:0 7px 7px 0}
.inv--movers .inv-due{background:linear-gradient(90deg,#7c6a57,#5a4d3f);width:100%;justify-content:space-between;padding:13px 20px;border-radius:6px}
.inv--movers .inv-due span,.inv--movers .inv-due b{color:#fff}
.inv--movers .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--movers .inv-lbl,.inv--movers .inv-table th{letter-spacing:.14em}

/* courier · services · split/line/big/mono */
.inv--courier{--i:#42574a;--i2:#303e35;--a:#7E6464;--l:#FBEAEA;--t:#2A1010;--on:#fff;--deco:#847055}
.tpl--courier{--i:#42574a;--i2:#303e35;--a:#7E6464;--l:#FBEAEA;--deco:#847055}
.inv--courier .inv-band{background-image:url(/img/invoice-art/courier.webp);aspect-ratio:1198/338}
.inv--courier .inv-rule{background:linear-gradient(90deg,#42574a 0 64%,#847055)}
.inv--courier .inv-head{background:#FBEAEA;border-radius:8px;padding:0;align-items:stretch;overflow:hidden}
.inv--courier .inv-brand{padding:20px 22px;align-self:center}
.inv--courier .inv-meta{background:#42574a;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.inv--courier .inv-meta dt,.inv--courier .inv-meta dd,.inv--courier .inv-title{color:#fff}
.inv--courier .inv-table th{background:none;color:#7E6464;border-bottom:2px solid #42574a;padding:0 10px 8px}
.inv--courier .inv-table td{border-bottom:1px solid #FBEAEA;padding:9px 10px}
.inv--courier .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--courier .inv-due span{color:#7E6464}
.inv--courier .inv-due b{color:#42574a;font-size:38px;line-height:1.05}
.inv--courier .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--courier .inv-meta dd,.inv--courier .inv-table td,.inv--courier .inv-sums dd,.inv--courier .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* realty · services · panel/fill/frame/serif */
.inv--realty{--i:#7e523e;--i2:#5a3b2c;--a:#716B63;--l:#F2F0EC;--t:#1E1B16;--on:#fff;--deco:#836e53}
.tpl--realty{--i:#7e523e;--i2:#5a3b2c;--a:#716B63;--l:#F2F0EC;--deco:#836e53}
.inv--realty .inv-band{background-image:url(/img/invoice-art/realty.webp);aspect-ratio:1198/338}
.inv--realty .inv-rule{background:linear-gradient(90deg,#7e523e 0 64%,#836e53)}
.inv--realty .inv-brand{background:linear-gradient(158deg,#7e523e,#5a3b2c);color:#fff;
  padding:20px 22px;border-radius:8px;flex:1 1 auto;min-width:0;border-left:6px solid #836e53}
.inv--realty .inv-brand .inv-from b,.inv--realty .inv-brand .inv-from span{color:#fff}
.inv--realty .inv-table th{background:linear-gradient(180deg,#7e523e,#5a3b2c);color:#fff;border:none;padding:11px 12px}
.inv--realty .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--realty .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--realty .inv-table td{border-bottom:1px solid #F2F0EC}
.inv--realty .inv-due{background:none;border:2.5px solid #7e523e;padding:12px 20px;border-radius:6px}
.inv--realty .inv-due span,.inv--realty .inv-due b{color:#7e523e}
.inv--realty .inv-title,.inv--realty .inv-due b{font-family:var(--display);font-weight:700}
.inv--realty .inv-from b,.inv--realty .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* security · services · arch/fill/slab/serif */
.inv--security{--i:#b45c2f;--i2:#874523;--a:#686A6F;--l:#EDEEEF;--t:#0A0B0C;--on:#fff;--deco:#866f51}
.tpl--security{--i:#b45c2f;--i2:#874523;--a:#686A6F;--l:#EDEEEF;--deco:#866f51}
.inv--security .inv-band{background-image:url(/img/invoice-art/security.webp);aspect-ratio:1198/338}
.inv--security .inv-rule{background:linear-gradient(90deg,#b45c2f 0 64%,#866f51)}
.inv--security .inv-head{background:#EDEEEF;border-radius:170px 170px 10px 10px;padding:30px 30px 22px;
  flex-direction:column;align-items:center;text-align:center;gap:10px;border-top:4px solid #b45c2f}
.inv--security .inv-brand{flex-direction:column;align-items:center}
.inv--security .inv-meta{text-align:center}
.inv--security .inv-meta dl{justify-content:center}
.inv--security .inv-to{align-items:center;text-align:center}
.inv--security .inv-table th{background:linear-gradient(180deg,#b45c2f,#874523);color:#fff;border:none;padding:11px 12px}
.inv--security .inv-table th:first-child{border-radius:5px 0 0 5px}
.inv--security .inv-table th:last-child{border-radius:0 5px 5px 0}
.inv--security .inv-table td{border-bottom:1px solid #EDEEEF}
.inv--security .inv-due{background:#b45c2f;width:100%;justify-content:space-between;padding:16px 22px;border-radius:0}
.inv--security .inv-due span,.inv--security .inv-due b{color:#fff}
.inv--security .inv-due b{font-size:26px}
.inv--security .inv-title,.inv--security .inv-due b{font-family:var(--display);font-weight:700}
.inv--security .inv-from b,.inv--security .inv-to b{font-family:var(--display);font-weight:700;font-size:18px}

/* saas · digital · panel/line/rail/mono */
.inv--saas{--i:#4f5563;--i2:#393d47;--a:#65678E;--l:#ECEDF9;--t:#12142E;--on:#fff;--deco:#8b6a5b}
.tpl--saas{--i:#4f5563;--i2:#393d47;--a:#65678E;--l:#ECEDF9;--deco:#8b6a5b}
.inv--saas .inv-band{background-image:url(/img/invoice-art/saas.webp);aspect-ratio:1198/338}
.inv--saas .inv-rule{background:linear-gradient(90deg,#4f5563 0 64%,#8b6a5b)}
.inv--saas .inv-brand{background:linear-gradient(158deg,#4f5563,#393d47);color:#fff;
  padding:20px 22px;border-radius:8px;flex:1 1 auto;min-width:0;border-left:6px solid #8b6a5b}
.inv--saas .inv-brand .inv-from b,.inv--saas .inv-brand .inv-from span{color:#fff}
.inv--saas .inv-table th{background:none;color:#65678E;border-bottom:2px solid #4f5563;padding:0 10px 8px}
.inv--saas .inv-table td{border-bottom:1px solid #ECEDF9;padding:9px 10px}
.inv--saas .inv-due{background:#ECEDF9;border-left:8px solid #4f5563;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--saas .inv-due span{color:#65678E}
.inv--saas .inv-due b{color:#4f5563}
.inv--saas .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--saas .inv-meta dd,.inv--saas .inv-table td,.inv--saas .inv-sums dd,.inv--saas .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* devshop · digital · corner/open/frame/mono */
.inv--devshop{--i:#222f3f;--i2:#18222d;--a:#587065;--l:#E6F2EC;--t:#0A1B14;--on:#fff;--deco:#7e715a}
.tpl--devshop{--i:#222f3f;--i2:#18222d;--a:#587065;--l:#E6F2EC;--deco:#7e715a}
.inv--devshop .inv-band{background-image:url(/img/invoice-art/devshop.webp);aspect-ratio:1198/338}
.inv--devshop .inv-rule{background:linear-gradient(90deg,#222f3f 0 64%,#7e715a)}
.inv--devshop{overflow:hidden}
.inv--devshop::before{content:"";position:absolute;top:0;left:0;border-top:118px solid #222f3f;border-right:118px solid transparent;z-index:0}
.inv--devshop::after{content:"";position:absolute;bottom:0;right:0;border-bottom:88px solid #7e715a;border-left:88px solid transparent;opacity:.5}
.inv--devshop .inv-head{position:relative;z-index:1;padding-left:94px}
.inv--devshop .inv-table th{background:none;color:#587065;border-bottom:1px solid #E6F2EC;padding:0 8px 7px;font-weight:700}
.inv--devshop .inv-table td{border-bottom:none;padding:8px}
.inv--devshop .inv-table tbody tr+tr td{border-top:1px dotted #E6F2EC}
.inv--devshop .inv-due{background:none;border:2.5px solid #222f3f;padding:12px 20px;border-radius:6px}
.inv--devshop .inv-due span,.inv--devshop .inv-due b{color:#222f3f}
.inv--devshop .inv-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.14em;font-size:26px}
.inv--devshop .inv-meta dd,.inv--devshop .inv-table td,.inv--devshop .inv-sums dd,.inv--devshop .inv-due b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* agency · digital · diagonal/zebra/big/sans */
.inv--agency{--i:#633747;--i2:#472733;--a:#836077;--l:#FBE9F3;--t:#2A0F1E;--on:#fff;--deco:#a0693d}
.tpl--agency{--i:#633747;--i2:#472733;--a:#836077;--l:#FBE9F3;--deco:#a0693d}
.inv--agency .inv-band{background-image:url(/img/invoice-art/agency.webp);aspect-ratio:1198/338}
.inv--agency .inv-rule{background:linear-gradient(90deg,#633747 0 64%,#a0693d)}
.inv--agency .inv-head{position:relative;z-index:1;padding:24px 26px;color:#fff;border-radius:8px;margin:-6px -6px 22px;
  background:linear-gradient(104deg,#a0693d 0 44%,#633747 44% 76%,#472733 76%)}
.inv--agency .inv-head .inv-from b,.inv--agency .inv-head .inv-from span,.inv--agency .inv-meta dt,.inv--agency .inv-meta dd,.inv--agency .inv-title{color:#fff}
.inv--agency .inv-table th{background:#633747;color:#fff;border:none;padding:10px 12px}
.inv--agency .inv-table td{border-bottom:none;padding:9px 12px}
.inv--agency .inv-table tbody tr:nth-child(odd){background:#FBE9F3}
.inv--agency .inv-due{background:none;padding:6px 0;flex-direction:column;align-items:flex-end;gap:0}
.inv--agency .inv-due span{color:#836077}
.inv--agency .inv-due b{color:#633747;font-size:38px;line-height:1.05}

/* plain · digital · diagonal/open/rail/wide */
.inv--plain{--i:#7e3441;--i2:#5b262f;--a:#676D73;--l:#F0F1F2;--t:#14171A;--on:#fff;--deco:#926a37}
.tpl--plain{--i:#7e3441;--i2:#5b262f;--a:#676D73;--l:#F0F1F2;--deco:#926a37}
.inv--plain .inv-band{background-image:url(/img/invoice-art/plain.webp);aspect-ratio:1198/338}
.inv--plain .inv-rule{background:linear-gradient(90deg,#7e3441 0 64%,#926a37)}
.inv--plain .inv-head{position:relative;z-index:1;padding:24px 26px;color:#fff;border-radius:8px;margin:-6px -6px 22px;
  background:linear-gradient(104deg,#926a37 0 44%,#7e3441 44% 76%,#5b262f 76%)}
.inv--plain .inv-head .inv-from b,.inv--plain .inv-head .inv-from span,.inv--plain .inv-meta dt,.inv--plain .inv-meta dd,.inv--plain .inv-title{color:#fff}
.inv--plain .inv-table th{background:none;color:#676D73;border-bottom:1px solid #F0F1F2;padding:0 8px 7px;font-weight:700}
.inv--plain .inv-table td{border-bottom:none;padding:8px}
.inv--plain .inv-table tbody tr+tr td{border-top:1px dotted #F0F1F2}
.inv--plain .inv-due{background:#F0F1F2;border-left:8px solid #7e3441;padding:12px 18px;border-radius:0 6px 6px 0;width:100%;justify-content:space-between}
.inv--plain .inv-due span{color:#676D73}
.inv--plain .inv-due b{color:#7e3441}
.inv--plain .inv-title{font-family:var(--font);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.inv--plain .inv-lbl,.inv--plain .inv-table th{letter-spacing:.14em}

/* Полоса вырывается за поля листа: рисунок обязан доходить до самого края, иначе он читается
   как вклеенная картинка, а не как бланк. Скругление и обрезка — на самом листе. */
/* Поле листа возвращается к своему значению. Макеты шапки band, aside и topbar добавляли поле
   САМОМУ ЛИСТУ (padding-left +26 или +92 px, padding-top +18) под свёрстанную графику. Графику
   заменила нарисованная полоса, а поле оставалось: полоса начиналась на 92 px от левого края и
   упиралась в правый — то есть стояла косо, — а на телефоне это же лишнее поле выносило столбец
   «Сумма» за обрезанный край листа, и добраться до него было нельзя. Тринадцать шаблонов из
   пятидесяти. Найдено независимым агентом 02.09.2026. Рамка макета frame гасится там же: полоса
   и двойная линия по краю — это две разные работы на одном листе. */
.inv-doc--art{overflow:hidden;display:flex;flex-direction:column;
  padding:var(--pad)!important;border:0!important}

.inv-doc--art .inv-band{display:block;margin:calc(-1 * var(--pad)) calc(-1 * var(--pad)) clamp(20px,2.8vw,32px);
  background-position:center;background-size:cover;background-repeat:no-repeat;
  print-color-adjust:exact;-webkit-print-color-adjust:exact}
/* Линия по низу прижимается к НИЗУ ЛИСТА, а не к концу текста: счёт на две строки оставлял под
   собой полстраницы белого поля с висящей в воздухе линией посередине. Лист — это лист.
   Свойство margin-top:auto работает только в колонке-флексе выше по файлу; отступ от текста держит
   не она, а нижнее поле подвала — иначе на длинном счёте линия прилипала бы к последней строке. */
.inv-doc--art .inv-rule{display:block;height:9px;margin:auto calc(-1 * var(--pad)) calc(-1 * var(--pad));
  print-color-adjust:exact;-webkit-print-color-adjust:exact}
.inv-doc--art .inv-foot{margin-bottom:clamp(22px,3vw,34px)}
/* Свёрстанная шапка гасится ЦЕЛИКОМ, вместе с заливками внутри неё: у макетов panel, aside
   и split цвет лежит не на самой шапке, а на блоке реквизитов, и на листе получались две
   графики сразу — нарисованная полоса и тёмный прямоугольник под ней. */
.inv-doc--art .inv-head,.inv-doc--art .inv-brand,.inv-doc--art .inv-meta,.inv-doc--art .inv-title{background:none!important;
  background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  color:inherit!important}
.inv-doc--art .inv-head{margin:0 0 20px!important;padding:0!important}
.inv-doc--art .inv-brand,.inv-doc--art .inv-meta{padding:0!important}
/* Заголовок «INVOICE» у макета ribbon залит цветом. Полоса эту работу уже сделала, а заливка
   под заголовком превращала слово в тёмное по тёмному: краска текста теперь фирменная, а не
   белая. Видно на витрине двух шаблонов из пятидесяти — поэтому гасится, а не подкрашивается. */
.inv-doc--art .inv-title{padding:0!important;letter-spacing:inherit}
.inv-doc--art .inv-head::before,.inv-doc--art .inv-head::after,
.inv-doc--art .inv-brand::before,.inv-doc--art .inv-brand::after{display:none!important}
.inv-doc--art::before,.inv-doc--art::after{display:none!important}
/* Текст шапки стоит на БЕЛОЙ бумаге, а не на рисунке, и красится обычной краской документа. */
.inv-doc--art .inv-head .inv-from b,.inv-doc--art .inv-head .inv-from span,
.inv-doc--art .inv-meta dt,.inv-doc--art .inv-meta dd{color:inherit!important}
.inv-doc--art .inv-title{color:var(--i2)!important}
@media print{.inv-doc--art .inv-band{break-inside:avoid}}