.invoice-workspace{min-width:0;background:#edf1f0}.invoice-topbar{height:auto;min-height:88px;gap:14px;padding:14px 22px;background:#fff}.invoice-topbar .topbar__title{min-width:260px;margin-right:auto}.invoice-topbar h1{font-size:22px}.invoice-topbar p{font-size:11px}.invoice-back{color:var(--teal);font-size:11px;text-decoration:none;white-space:nowrap}.invoice-prototype{max-width:190px;padding:7px 9px;border-radius:14px;background:#eef2f1;color:#6f7d80;font-size:9px}.invoice-layout{display:grid;grid-template-columns:minmax(620px,1fr) 360px;gap:14px;padding:14px 18px 30px}.invoice-preview-area{min-width:0}.invoice-preview-head{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);margin:0 auto 9px;padding:0 4px;color:#728083;font-size:10px}.invoice-preview-head b,.invoice-preview-head span{display:block}.invoice-preview-head b{color:#263638;font-size:12px}.invoice-preview-head div span{margin-top:3px}.invoice-paper{position:relative;width:min(100%,760px);min-height:900px;margin:0 auto;overflow:hidden;box-shadow:0 18px 44px rgba(30,39,39,.12);background:#fffefb;color:#191a1b}.invoice-paper__stripe{height:7px;background:linear-gradient(90deg,#101214 0 72%,#aa762b 72%)}.invoice-paper__content{padding:22px 30px}.invoice-paper__head{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #ded8cd}.invoice-logo{width:58px;height:58px;padding:5px;background:#111214}.invoice-brand{margin-right:auto}.invoice-brand b,.invoice-brand span,.invoice-number b,.invoice-number span{display:block}.invoice-brand b{font-size:19px}.invoice-brand span{margin-top:4px;color:#aa762b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.invoice-number{text-align:right}.invoice-number h2{margin:0 0 6px;font-size:20px}.invoice-number b{font-size:10px}.invoice-number span{margin-top:4px;color:#77736d;font-size:9px}.invoice-parties{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #ded8cd}.invoice-parties>div+div{padding-left:16px;border-left:1px solid #ded8cd}.invoice-paper h3{margin:0 0 8px;color:#aa762b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.invoice-paper p{margin:5px 0 0;font-size:9px;line-height:1.5}.invoice-parties b,.invoice-customer b{font-size:10px}.invoice-customer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0}.invoice-customer>div+div{padding-left:20px;border-left:1px solid #ded8cd}.invoice-items-wrap{overflow-x:auto}.invoice-items{width:100%;border-collapse:collapse;font-size:8px}.invoice-items th,.invoice-items td{padding:7px;border:1px solid #ded8cd;text-align:left;vertical-align:middle}.invoice-items th{color:#6f6a64;font-weight:500}.invoice-items td:nth-last-child(-n+3),.invoice-items th:nth-last-child(-n+3){text-align:right;white-space:nowrap}.invoice-items img{width:62px;height:46px;object-fit:cover;background:#111}.invoice-items b,.invoice-items span{display:block}.invoice-items span{margin-top:4px;color:#77736d;line-height:1.4}.invoice-total{display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:center;margin-top:12px;padding:13px 15px;border:1px solid #cfa96c}.invoice-total span{font-size:9px;font-weight:600}.invoice-total strong{color:#aa762b;font-size:23px;white-space:nowrap}.invoice-total small{grid-column:2;color:#77736d;font-size:8px;text-align:right}.invoice-terms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;padding:12px 0;border-top:1px solid #ded8cd;border-bottom:1px solid #ded8cd}.invoice-footer{display:flex;justify-content:space-between;gap:16px;padding-top:14px;color:#77736d;font-size:8px}.invoice-footer b{color:#191a1b;font-weight:500}.invoice-editor{align-self:start;display:grid;gap:10px}.invoice-editor-section{border:1px solid var(--line);background:#fff}.invoice-editor-section>header{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.invoice-editor-section>header>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e7f2f2;color:var(--teal);font-size:11px;font-weight:700}.invoice-editor-section h2,.invoice-editor-section p{margin:0}.invoice-editor-section h2{font-size:13px}.invoice-editor-section header p{margin-top:4px;color:#758285;font-size:9px}.invoice-payment-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 14px 0}.invoice-payment-switch button{min-height:38px;border:1px solid var(--teal);border-radius:3px;background:#fff;color:var(--teal);font-size:9px;cursor:pointer}.invoice-payment-switch button.is-active{background:var(--teal);color:#fff}.invoice-recalculation{margin:12px 14px 14px}.invoice-recalculation div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:9px}.invoice-recalculation dt{color:#6f7d80}.invoice-recalculation dd{font-weight:600}.invoice-recalculation .is-total{padding-top:10px;border-bottom:0;font-size:11px}.invoice-editor-section>label{display:block;margin:11px 14px 0;color:#6f7d80;font-size:9px}.invoice-editor-section select,.invoice-editor-section textarea{width:100%;margin-top:5px;padding:8px;border:1px solid #d3dcda;border-radius:3px;background:#fff;color:#263638;font-size:10px}.invoice-editor-section textarea{resize:vertical}.invoice-locked{margin:11px 14px 14px!important;padding:9px;background:#faf1e3;color:#8a642d!important;font-size:8px!important;line-height:1.45}.invoice-checks{display:grid;gap:6px;padding:12px 14px;color:#397658;font-size:9px}.invoice-final .button{width:calc(100% - 28px);margin:0 14px 8px}.invoice-demo-status{min-height:18px;margin:0;padding:0 4px;color:#647275;font-size:9px}.invoice-mobile-tabs{display:none}
@media(max-width:1280px){.invoice-layout{grid-template-columns:minmax(570px,1fr) 320px;padding-left:12px;padding-right:12px}.invoice-topbar{padding-left:16px;padding-right:16px}.invoice-paper__content{padding-left:24px;padding-right:24px}}
@media(max-width:980px){html,body{min-width:0}.invoice-workspace{margin-left:var(--sidebar-width)}.invoice-layout{grid-template-columns:1fr}.invoice-editor{grid-template-columns:1fr 1fr}.invoice-editor-section:first-child{grid-row:span 2}.invoice-topbar{flex-wrap:wrap}.invoice-topbar .topbar__title{order:-1;width:100%}.invoice-paper{min-height:0}}
@media(max-width:720px){.invoice-workspace{width:calc(100% - 64px);margin-left:64px;padding-top:0}.invoice-topbar{min-width:0;align-items:flex-start}.invoice-topbar .topbar__title{min-width:0}.invoice-topbar h1,.invoice-topbar p{overflow-wrap:anywhere}.invoice-topbar .button{flex:1}.invoice-mobile-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr 1fr;padding:7px 9px;border-bottom:1px solid var(--line);background:#fff}.invoice-mobile-tabs button{min-height:34px;border:1px solid var(--teal);background:#fff;color:var(--teal);font-size:10px}.invoice-mobile-tabs button.is-active{background:var(--teal);color:#fff}.invoice-layout,.invoice-preview-area,.invoice-paper{width:100%;max-width:100%;min-width:0}.invoice-layout{padding:9px}.invoice-editor{display:none;grid-template-columns:1fr}.invoice-workspace.show-settings .invoice-preview-area{display:none}.invoice-workspace.show-settings .invoice-editor{display:grid}.invoice-editor-section:first-child{grid-row:auto}.invoice-paper__content{padding:17px 14px}.invoice-paper__head{align-items:flex-start;flex-wrap:wrap}.invoice-number{width:100%;padding-top:8px;border-top:1px solid #ded8cd;text-align:left}.invoice-parties,.invoice-customer,.invoice-terms{grid-template-columns:1fr}.invoice-parties>div+div,.invoice-customer>div+div{padding:11px 0 0;border-top:1px solid #ded8cd;border-left:0}.invoice-items th:first-child,.invoice-items td:first-child,.invoice-items th:nth-child(2),.invoice-items td:nth-child(2),.invoice-items th:nth-child(5),.invoice-items td:nth-child(5){display:none}.invoice-total{grid-template-columns:1fr}.invoice-total small{grid-column:1;text-align:left}.invoice-footer{flex-direction:column}.invoice-demo-status:not(:empty){position:fixed;z-index:8;right:10px;bottom:10px;left:74px;padding:10px 12px;border-radius:4px;background:#263638;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}}
@media(max-width:390px){.invoice-topbar .button{flex-basis:100%}.invoice-total strong{font-size:20px}.invoice-payment-switch{grid-template-columns:1fr}}