/* A focused invoice editor. The printable invoice retains the existing white paper design. */
.invoice-page{max-width:1220px}.invoice-hero-simple{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:34px clamp(26px,5vw,55px);border-radius:20px;background:radial-gradient(circle at 88% 10%,rgba(23,184,255,.29),transparent 39%),linear-gradient(120deg,#05172f,#0b3973 68%,#071d3c);border-color:rgba(93,194,255,.4)}.invoice-hero-simple h1{font-size:clamp(32px,4vw,54px)}.invoice-hero-simple p{max-width:590px}.invoice-hero-mark{font-size:clamp(100px,15vw,210px);line-height:1;color:rgba(98,214,255,.15);text-shadow:0 0 55px rgba(27,191,255,.4)}.invoice-steps{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0;color:#9fbeda;font-size:12px;font-weight:700}.invoice-steps span{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid rgba(104,187,241,.23);border-radius:999px;background:rgba(6,38,80,.6)}.invoice-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#153d68;color:#c9eeff}.invoice-steps .is-current{color:#eaffff;border-color:#3abdf6;background:#0b4d84}.invoice-steps .is-current b{background:#5ee7ff;color:#08223f}.invoice-workspace-simple{grid-template-columns:minmax(0,1fr) 335px;gap:24px;margin-top:0}.invoice-editor-simple section,.invoice-editor-simple .invoice-optional{margin:0 0 15px;padding:25px 27px;border:1px solid rgba(82,180,242,.31);border-radius:16px;background:linear-gradient(145deg,rgba(11,51,98,.9),rgba(3,25,57,.95));box-shadow:0 15px 35px rgba(0,9,30,.15)}.invoice-section-title{display:flex;align-items:flex-start;gap:17px;margin-bottom:22px}.invoice-section-title>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0763b0,#0e96d9);color:#eaffff;font-size:12px;font-weight:800}.invoice-section-title h2{margin:0 0 4px!important;font-size:21px!important}.invoice-section-title p{color:#a6c5e0;font-size:13px;margin:0}.invoice-editor-simple .invoice-fields{gap:15px}.invoice-editor-simple label{font-size:12px}.invoice-editor-simple input,.invoice-editor-simple textarea,.invoice-editor-simple select{border-radius:9px;border-color:rgba(105,189,238,.54);background:#04182f;min-height:47px}.invoice-editor-simple input:focus,.invoice-editor-simple textarea:focus,.invoice-editor-simple select:focus{outline:2px solid #5ddaff;outline-offset:1px}.invoice-editor-simple input::placeholder,.invoice-editor-simple textarea::placeholder{color:#7493b1}.invoice-editor-simple .invoice-item{grid-template-columns:minmax(0,1fr) 83px 120px 34px;padding:12px;border:1px solid rgba(101,182,234,.17);border-radius:12px;background:rgba(2,20,44,.42)}.invoice-editor-simple .invoice-item .remove-item{height:47px;border-radius:9px}.invoice-editor-simple .invoice-add{border-radius:9px;background:rgba(15,108,185,.42);color:#ccefff}.invoice-optional{padding:0!important}.invoice-optional summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 26px;cursor:pointer}.invoice-optional summary::-webkit-details-marker{display:none}.invoice-optional summary>span:first-child{display:grid;gap:3px}.invoice-optional summary strong{font-size:16px;color:#e9f7ff}.invoice-optional summary small{font-size:12px;color:#92b4d3}.invoice-optional summary>span:last-child{font-size:26px;color:#80d7ff;transition:transform .2s}.invoice-optional[open] summary>span:last-child{transform:rotate(180deg)}.invoice-optional-body{padding:0 26px 25px}.invoice-optional .invoice-hint{margin:0 0 15px}.invoice-workspace-simple .invoice-live{position:sticky;top:22px;border-radius:16px;padding:27px;background:linear-gradient(155deg,#0d3b74,#031c41);box-shadow:0 25px 55px #0004}.invoice-workspace-simple .invoice-live h2{font-size:clamp(27px,3vw,36px);white-space:nowrap;font-variant-numeric:tabular-nums}.invoice-workspace-simple .invoice-live p{margin:0 0 22px}.invoice-live .invoice-total-line{margin-top:8px;border-top:2px solid #2fa9e9;color:#fff;font-size:17px;font-weight:800}.invoice-side-save{width:100%;margin-top:18px;border-radius:11px;min-height:52px}.invoice-live small{display:block;margin-top:12px;color:#a8c9e3;line-height:1.5}.invoice-mobile-action{display:none}.invoice-recent-simple{margin-top:25px;padding:23px 26px;border:1px solid rgba(80,178,236,.29);border-radius:16px;background:rgba(4,32,68,.72)}.invoice-recent-simple h2{margin:0 0 12px}.invoice-recent-simple>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.invoice-recent-simple a{color:#d9f1ff;text-decoration:none}.invoice-recent-simple a:hover{color:#71dfff}.invoice-toolbar-actions .invoice-send{border-radius:8px}.invoice-toolbar .invoice-status{margin-top:7px}
@media(max-width:900px){.invoice-workspace-simple{grid-template-columns:1fr}.invoice-workspace-simple .invoice-live{position:static}.invoice-side-save{display:none}.invoice-mobile-action{display:block;padding:10px 0 4px}.invoice-mobile-action .invoice-save{border-radius:11px}.invoice-mobile-action p{margin:8px 0 0;text-align:center;color:#9fc3de;font-size:12px}}
@media(max-width:700px){.invoice-hero-simple{padding:27px 23px}.invoice-hero-mark{display:none}.invoice-steps{gap:6px}.invoice-steps span{font-size:10px;padding:6px 8px;gap:5px}.invoice-steps b{width:18px;height:18px}.invoice-editor-simple section{padding:19px 17px}.invoice-editor-simple .invoice-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 35px}.invoice-editor-simple .invoice-item .item-description{grid-column:1/-1}.invoice-optional summary{padding:19px 17px}.invoice-optional-body{padding:0 17px 20px}.invoice-recent-simple>div{grid-template-columns:1fr}.invoice-workspace-simple .invoice-live h2{white-space:normal}}
@media print{.invoice-hero-simple,.invoice-steps,.invoice-workspace-simple,.invoice-recent-simple{display:none!important}}