.umbriel-invoice-shell{--inv-gold:#e3c48f;--inv-gold-strong:#f3cd82;--inv-bg:#050b1c;--inv-field:#071127;--inv-line:#88b3eb33;--inv-text:#f4f1ea;--inv-muted:#91a6c1;max-width:1480px;padding:1.75rem var(--pad) 7rem;color:var(--inv-text);margin:0 auto;position:relative}.umbriel-invoice-header{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.4rem;display:flex}.umbriel-invoice-header h2{color:var(--inv-text);margin:0;font:500 clamp(2rem,4vw,3.6rem)/1 Bodoni Moda,Georgia,serif}.umbriel-invoice-header p{color:var(--inv-muted);align-items:center;gap:.45rem;margin:.65rem 0 0;font-size:.78rem;display:flex}.umbriel-invoice-header svg,.umbriel-invoice-preview-toggle svg{width:1rem;height:1rem}.umbriel-invoice-preview-toggle{border:1px solid var(--inv-gold);min-height:44px;color:var(--inv-gold);cursor:pointer;background:0 0;align-items:center;gap:.45rem;padding:.65rem .9rem;display:none}.umbriel-invoice-steps{grid-template-columns:repeat(4,minmax(0,1fr));max-width:690px;margin:0 0 1.7rem;display:grid;position:relative}.umbriel-invoice-steps:before{content:"";background:var(--inv-line);height:1px;position:absolute;top:17px;left:8%;right:8%}.umbriel-invoice-steps button{z-index:1;color:var(--inv-muted);cursor:pointer;background:0 0;border:0;justify-items:center;gap:.45rem;font-size:.74rem;display:grid;position:relative}.umbriel-invoice-steps button>span{background:var(--inv-bg);color:#c8d5e6;border:1px solid #526784;border-radius:50%;place-items:center;width:35px;height:35px;font-size:.72rem;display:grid}.umbriel-invoice-steps span svg{width:.95rem}.umbriel-invoice-steps button.active,.umbriel-invoice-steps button.done{color:var(--inv-gold)}.umbriel-invoice-steps button.active>span{border-color:var(--inv-gold);color:#161005;background:linear-gradient(135deg,#f6d99e,#d9a94f);box-shadow:0 0 0 5px #e3c48f0f}.umbriel-invoice-steps button.done>span{color:var(--inv-gold);border-color:#e3c48fa6}.umbriel-invoice-shell .umbriel-invoice{grid-template-columns:minmax(480px,.92fr) minmax(540px,1.08fr);align-items:start;gap:1.25rem;max-width:none;margin:0;padding:0;display:grid}.umbriel-invoice-shell .umbriel-invoice-form{background:0 0;border:0;min-width:0;padding:0}.umbriel-invoice-section{border-top:1px solid var(--inv-line);grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);gap:1.2rem;padding:1.35rem 0;display:grid}.umbriel-invoice-section:last-of-type{border-bottom:1px solid var(--inv-line)}.umbriel-invoice-section-head{align-items:flex-start;gap:.75rem;display:flex}.umbriel-invoice-section-head>span{color:var(--inv-gold);letter-spacing:.12em;font:.64rem Space Mono,monospace}.umbriel-invoice-section-head h3{color:var(--inv-text);margin:0;font:500 1.28rem Bodoni Moda,Georgia,serif}.umbriel-invoice-section-head p{color:var(--inv-muted);margin:.2rem 0 0;font-size:.68rem;line-height:1.5}.umbriel-invoice-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.umbriel-invoice-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.umbriel-invoice-field.is-wide{grid-column:1/-1}.umbriel-invoice-field label{color:#b7c8de;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .35rem;font-size:.7rem;font-weight:600;display:flex}.umbriel-invoice-field label em{color:var(--inv-gold);letter-spacing:.06em;text-transform:uppercase;font-size:.55rem;font-style:normal;font-weight:500}.umbriel-invoice-shell .umbriel-invoice-field input,.umbriel-invoice-shell .umbriel-invoice-field textarea,.umbriel-invoice-shell .umbriel-invoice-form input[type=file]{box-sizing:border-box;background:var(--inv-field);color:#f2f6fb;border:1px solid #85ade047;border-radius:6px;width:100%;min-height:44px;margin:0;padding:.7rem .78rem;font:.78rem/1.4 Manrope,sans-serif;transition:border-color .16s,box-shadow .16s}.umbriel-invoice-shell .umbriel-invoice-field textarea{resize:vertical}.umbriel-invoice-shell .umbriel-invoice-field input:hover,.umbriel-invoice-shell .umbriel-invoice-field textarea:hover{border-color:#aacaf180}.umbriel-invoice-shell input:focus-visible,.umbriel-invoice-shell textarea:focus-visible,.umbriel-invoice-shell button:focus-visible,.umbriel-invoice-shell summary:focus-visible{outline:2px solid var(--inv-gold);outline-offset:2px}.umbriel-invoice-shell input[aria-invalid=true]{border-color:#ef8f86;box-shadow:0 0 0 3px #ef8f861a}.umbriel-invoice-field small{color:#7288a5;margin-top:.35rem;font-size:.62rem;display:block}.umbriel-invoice-field-error{color:#ffaaa2;margin:.35rem 0 0;font-size:.65rem;line-height:1.45}.umbriel-invoice-logo-preview{align-items:center;gap:.8rem;margin-top:.65rem;display:flex}.umbriel-invoice-logo-preview img{max-width:110px;max-height:52px}.umbriel-invoice-logo-preview button,.umbriel-invoice-actions button,.umbriel-invoice-finish button,.umbriel-invoice-command button{border:1px solid var(--inv-line);color:#cbd9e9;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.62rem .8rem;font-size:.72rem;display:inline-flex}.umbriel-invoice-logo-preview button svg,.umbriel-invoice-actions button svg,.umbriel-invoice-finish button svg,.umbriel-invoice-command button svg{width:1rem;height:1rem}.umbriel-invoice-items{gap:.9rem;display:grid}.umbriel-invoice-shell .umbriel-invoice-item{border:1px solid var(--inv-line);background:#081329a8;border-radius:8px;margin:0;padding:1rem}.umbriel-invoice-item>header,.umbriel-invoice-item>footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.umbriel-invoice-item>header{margin-bottom:.85rem}.umbriel-invoice-item>header strong{color:var(--inv-gold);letter-spacing:.09em;text-transform:uppercase;font:.65rem Space Mono,monospace}.umbriel-invoice-item>footer{border-top:1px solid var(--inv-line);color:var(--inv-muted);margin-top:.8rem;padding-top:.75rem;font-size:.7rem}.umbriel-invoice-item>footer strong{color:var(--inv-text);font-size:.82rem}.umbriel-invoice-shell .umbriel-invoice-item-grid{grid-template-columns:.65fr .85fr 1.2fr .7fr;gap:.6rem;margin-top:.75rem;display:grid}.umbriel-invoice-item-buttons{gap:.3rem;display:flex}.umbriel-invoice-shell .umbriel-invoice-item-buttons button{border:1px solid var(--inv-line);color:#b8c9dd;cursor:pointer;background:0 0;border-radius:4px;place-items:center;width:32px;min-width:32px;height:32px;padding:0;display:grid}.umbriel-invoice-item-buttons button svg{width:.85rem}.umbriel-invoice-item-buttons button:disabled{opacity:.25;cursor:not-allowed}.umbriel-invoice-add{width:100%;min-height:46px;color:var(--inv-gold);cursor:pointer;background:#e3c48f08;border:1px dashed #e3c48f73;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;display:flex}.umbriel-invoice-add svg{width:1rem}.umbriel-invoice-shell .umbriel-invoice-check{border:1px solid var(--inv-line);border-radius:6px;align-self:end;align-items:center;gap:.6rem;min-height:44px;padding:.55rem .7rem;color:#cbd9e9!important;margin:0!important;font-size:.68rem!important;display:flex!important}.umbriel-invoice-shell .umbriel-invoice-check input{accent-color:var(--inv-gold);width:16px!important;min-height:16px!important}.umbriel-invoice-inline-note{border-left:2px solid var(--inv-gold);color:#b6c6d9;grid-column:1/-1;margin:0;padding-left:.7rem;font-size:.65rem;line-height:1.55}.umbriel-invoice-review,.umbriel-invoice-finish{border:1px solid var(--inv-line);background:#0813298f;border-radius:8px;min-height:520px;padding:1.4rem}.umbriel-invoice-review-intro{border-bottom:1px solid var(--inv-line);align-items:center;gap:1rem;padding-bottom:1.2rem;display:flex}.umbriel-invoice-review-intro>span{border:1px solid var(--inv-gold);width:54px;height:54px;color:var(--inv-gold);border-radius:50%;flex:0 0 54px;place-items:center;font:.75rem Space Mono,monospace;display:grid}.umbriel-invoice-review-intro>span.complete{color:#63d483;border-color:#63d483}.umbriel-invoice-review-intro svg{width:1.2rem}.umbriel-invoice-review h3,.umbriel-invoice-finish h3{color:var(--inv-text);margin:0;font:500 1.65rem/1.15 Bodoni Moda,Georgia,serif}.umbriel-invoice-review p,.umbriel-invoice-finish p{color:var(--inv-muted);margin:.35rem 0 0;font-size:.72rem;line-height:1.6}.umbriel-invoice-review-rows{margin-top:1rem}.umbriel-invoice-review-rows>*{box-sizing:border-box;border:0;border-bottom:1px solid var(--inv-line);width:100%;min-height:58px;color:inherit;text-align:left;background:0 0;grid-template-columns:minmax(100px,.5fr) minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem 0;display:grid}.umbriel-invoice-review-rows button{cursor:pointer}.umbriel-invoice-review-rows span{color:var(--inv-muted);font-size:.68rem}.umbriel-invoice-review-rows strong{overflow-wrap:anywhere;color:#dce6f2;font-size:.75rem}.umbriel-invoice-review-rows svg{width:1rem;color:var(--inv-gold)}.umbriel-invoice-status-card{border:1px solid var(--inv-line);color:var(--inv-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;font-size:.7rem;display:flex}.umbriel-invoice-status-card strong{color:#ffaaa2}.umbriel-invoice-status-card.is-complete strong{color:#63d483}.umbriel-invoice-finish{text-align:center;align-content:center;justify-items:center;display:grid}.umbriel-invoice-finish>span{color:#63d483;border:1px solid #63d483;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:1.1rem;display:grid}.umbriel-invoice-finish>span svg{width:1.6rem}.umbriel-invoice-finish>strong{color:var(--inv-gold);margin:1.4rem 0;font:500 2rem Bodoni Moda,Georgia,serif}.umbriel-invoice-finish>div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.umbriel-invoice-primary{border-color:var(--inv-gold-strong)!important;color:#161005!important;background:linear-gradient(135deg,#f4d391,#d9a84d)!important;font-weight:750!important}.umbriel-invoice-advanced{border-top:1px solid var(--inv-line);margin-top:1rem}.umbriel-invoice-advanced summary{min-height:48px;color:var(--inv-muted);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;list-style:none;display:flex}.umbriel-invoice-advanced summary::-webkit-details-marker{display:none}.umbriel-invoice-advanced summary span{align-items:center;gap:.45rem;display:flex}.umbriel-invoice-advanced summary svg{width:1rem}.umbriel-invoice-advanced[open] summary>svg{transform:rotate(180deg)}.umbriel-invoice-advanced>p{color:#7489a5;margin:0 0 .7rem;font-size:.65rem}.umbriel-invoice-shell .umbriel-invoice-actions{flex-wrap:wrap;gap:.45rem;margin:0;display:flex}.umbriel-invoice-shell .umbriel-invoice-preview{border:1px solid var(--inv-line);background:#060f22d1;border-radius:8px;min-width:0;padding:.9rem;position:sticky;top:1rem;overflow:hidden;box-shadow:0 24px 70px #00000042}.umbriel-invoice-preview-bar{justify-content:space-between;align-items:center;gap:1rem;min-height:42px;padding:0 .2rem .7rem;display:flex}.umbriel-invoice-preview-bar div{align-items:baseline;gap:.7rem;display:flex}.umbriel-invoice-preview-bar span{color:var(--inv-text);font:500 1rem Bodoni Moda,Georgia,serif}.umbriel-invoice-preview-bar small{color:var(--inv-gold);font-size:.65rem}.umbriel-invoice-preview-bar button{border:1px solid var(--inv-line);color:#d6e2f0;background:0 0;place-items:center;width:42px;height:42px;display:none}.umbriel-invoice-preview-bar button svg{width:1rem}.umbriel-invoice-shell .invoice-sheet{aspect-ratio:210/297;color:#171717;background:#f7f4ed;width:210mm;max-width:100%;min-height:auto;margin:0 auto;padding:clamp(1.1rem,3vw,3rem);overflow:hidden;box-shadow:0 14px 45px #0000004d}.umbriel-invoice-command{z-index:20;border:1px solid var(--inv-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040b1bf2;justify-content:space-between;align-items:center;gap:1rem;max-width:1480px;min-height:70px;margin:1rem auto 0;padding:.7rem 1rem;display:flex;position:sticky;bottom:0}.umbriel-invoice-command>div{gap:.55rem;display:flex}.umbriel-invoice-save-state{color:var(--inv-muted);align-items:center;font-size:.68rem}.umbriel-invoice-save-state>span{border:1px solid #526784;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.umbriel-invoice-save-state.saved>span{color:#63d483;border-color:#63d483}.umbriel-invoice-save-state svg{width:.8rem}@media (width<=1120px){.umbriel-invoice-shell .umbriel-invoice{grid-template-columns:minmax(420px,.95fr) minmax(430px,1.05fr)}.umbriel-invoice-section{grid-template-columns:1fr}}@media (width<=860px){body.umbriel-invoice-previewing{overflow:hidden}.umbriel-invoice-shell{padding-top:1rem}.umbriel-invoice-header{align-items:center}.umbriel-invoice-preview-toggle{display:inline-flex}.umbriel-invoice-shell .umbriel-invoice{display:block}.umbriel-invoice-shell .umbriel-invoice-preview{z-index:200;background:#030817;border:0;border-radius:0;padding:.75rem;display:none;position:fixed;inset:0;overflow:auto}.umbriel-invoice-shell .umbriel-invoice-preview.is-open{display:block}.umbriel-invoice-preview-bar{z-index:2;background:#030817;padding:.45rem .35rem .8rem;position:sticky;top:0}.umbriel-invoice-preview-bar button{display:grid}.umbriel-invoice-shell .umbriel-invoice-preview .invoice-sheet{min-width:0}}@media (width<=620px){.umbriel-invoice-shell{padding-left:1rem;padding-right:1rem}.umbriel-invoice-header h2{font-family:Manrope,sans-serif;font-size:clamp(1.65rem,8vw,2.25rem);font-weight:650}.umbriel-invoice-header p{font-size:.68rem}.umbriel-invoice-preview-toggle{padding:.6rem;font-size:0}.umbriel-invoice-preview-toggle svg{width:1.15rem;height:1.15rem}.umbriel-invoice-steps{margin-bottom:1.35rem}.umbriel-invoice-steps:before{left:11%;right:11%}.umbriel-invoice-steps button{font-size:.62rem}.umbriel-invoice-steps button>span{width:34px;height:34px}.umbriel-invoice-section{padding:1rem 0;display:block}.umbriel-invoice-section-head{margin-bottom:1rem}.umbriel-invoice-section-head h3{font-family:Manrope,sans-serif;font-size:1.05rem;font-weight:650}.umbriel-invoice-fields,.umbriel-invoice-fields.three{grid-template-columns:1fr}.umbriel-invoice-shell .umbriel-invoice-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.umbriel-invoice-review,.umbriel-invoice-finish{min-height:430px;padding:1rem}.umbriel-invoice-review-rows>*{grid-template-columns:.55fr 1fr auto}.umbriel-invoice-command{border-left:0;border-right:0;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.umbriel-invoice-command button{min-width:44px;min-height:44px}.umbriel-invoice-save-state{font-size:.62rem}}@media print{.umbriel-invoice-shell{background:#fff;max-width:none;margin:0;padding:0}.umbriel-invoice-header,.umbriel-invoice-steps,.umbriel-invoice-form,.umbriel-invoice-command,.umbriel-invoice-preview-bar{display:none!important}.umbriel-invoice-shell .umbriel-invoice,.umbriel-invoice-shell .umbriel-invoice-preview,.umbriel-invoice-shell .umbriel-invoice-preview.is-open{box-shadow:none;background:#fff;border:0;margin:0;padding:0;display:block;position:static;overflow:visible}.umbriel-invoice-shell .umbriel-invoice-preview .invoice-sheet{aspect-ratio:auto;width:210mm;min-width:0;max-width:none;min-height:297mm;box-shadow:none;padding:15mm}}
