dialog.invoice-workspace-dialog{width:calc(100vw - 24px);max-width:1780px;height:calc(100dvh - 24px);max-height:100dvh;border:1px solid #c6d8e9;border-radius:24px;padding:0;overflow:hidden;background:#eef3f9}
dialog.invoice-workspace-dialog[open]{display:flex;flex-direction:column}.invoice-workspace-dialog .modal-body{max-height:none}.invoice-workspace-dialog .modal-head,.invoice-workspace-dialog .modal-foot{flex-shrink:0}.invoice-workspace-dialog #invoice-fullscreen{width:190px;font-size:17px;white-space:nowrap}.invoice-workspace-dialog .tablewrap{min-height:0}.invoice-workspace-dialog button.blue{background:#287fcc;box-shadow:0 2px 0 #b4c8da}.invoice-workspace-dialog button.green{background:#268259;box-shadow:0 2px 0 #b4c8da}
.invoice-workspace-dialog .modal-head{padding:16px 20px;min-height:88px;gap:16px}.invoice-workspace-dialog .modal-head h2{font-size:29px}.invoice-workspace-dialog .modal-head .modal-icon{width:64px;height:64px;min-width:64px}.invoice-workspace-dialog .modal-head .heading{flex:1}.invoice-workspace-dialog .modal-head button{min-height:60px}.invoice-workspace-dialog .modal-body{padding:10px 18px;flex:1;min-height:0;overflow:hidden}.invoice-workspace-dialog .modal-foot{display:block;padding:8px 20px 14px;background:#f3f7fb}.invoice-workspace-dialog .modal-foot p{margin:0 0 6px}.invoice-workspace-dialog #invoice-status:empty{display:none}
#invoice-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;height:100%;position:relative;min-height:0}.invoice-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0}.invoice-dates{display:grid;grid-template-columns:1fr .85fr 1fr 1.3fr;gap:10px;background:white;border:1px solid #b7d2ec;border-radius:14px;padding:10px 12px;box-shadow:0 2px #c8d9e8}.invoice-workspace-dialog label{font-size:14px;font-weight:500;margin:0}.invoice-workspace-dialog input,.invoice-workspace-dialog select{min-height:42px;padding:8px;font-size:16px;width:100%;box-sizing:border-box}.invoice-workspace-dialog input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin:8px}
.invoice-search-area{position:relative;z-index:2}.invoice-search-bar{display:flex;gap:7px;background:#e9f3ff;border:1px solid #cadff2;padding:12px 8px;border-radius:13px;margin-top:4px}.invoice-search-bar input{min-width:0;flex:1;font-size:20px}.invoice-search-bar button{min-height:54px;padding:8px 14px;white-space:nowrap}.invoice-search-bar #invoice-find,.invoice-search-bar #invoice-clear{font-size:0;width:50px;min-width:50px;padding:10px}.invoice-search-bar .desktop-icon{width:25px;height:25px}
#invoice-matches{position:absolute;top:100%;left:8px;right:0;background:white;border:2px solid #5894ca;border-radius:6px;max-height:360px;overflow:auto;box-shadow:0 4px 6px #23496733}#invoice-matches[hidden]{display:none}#invoice-matches table{margin:0;width:100%}#invoice-matches th,#invoice-matches td{padding:9px 14px;font-size:16px}#invoice-matches button{min-height:44px;min-width:130px}#invoice-matches p{margin:10px;font-size:14px}#invoice-matches tr.selected{outline:2px solid #5894ca;outline-offset:-2px}
.invoice-items{overflow:auto;position:relative;background:#f8fbff;border:1px solid #bdcfdf;min-height:0}#invoice-lines table{width:100%;margin:0}#invoice-lines th{position:sticky;top:0;z-index:1}#invoice-lines th,#invoice-lines td{padding:7px;font-size:14px}#invoice-lines th:first-child{width:28%}#invoice-lines input{min-width:66px;max-width:110px;min-height:40px}#invoice-lines button{min-height:40px;padding:8px}#invoice-empty{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:170px;color:#5e7d9b}#invoice-empty[hidden]{display:none}#invoice-empty h2{font-size:26px;color:#305879;margin:10px}#invoice-empty p{margin:7px}#invoice-empty span{align-self:center;padding:10px 16px;background:#eaf2fa;border-radius:7px;font-size:13px;margin-top:10px}.invoice-notes{border:1px solid #d8e3ee;border-radius:12px;background:#f3f7fc;padding:10px;margin-top:4px}.invoice-notes summary{cursor:pointer}.invoice-notes textarea{height:64px;min-height:64px;width:100%;margin-top:7px}
.invoice-sidebar{background:white;border:1px solid #c9d9e8;box-shadow:0 2px #c8d9e8;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;min-height:0}.invoice-sidebar-scroll{flex:1;overflow:auto;min-height:0}.invoice-section{background:#346bb0;color:white;border-radius:5px;padding:7px 10px;font-size:17px;margin:0 0 7px}.invoice-section.teal{background:#237b83}.invoice-sidebar h2{font-size:21px;margin:7px 0}.invoice-two{display:grid;grid-template-columns:1fr 1fr;gap:5px}.invoice-sidebar button{font-size:12px;min-height:40px;padding:6px;white-space:nowrap}.invoice-tier{display:flex;align-items:center;gap:7px;padding:10px 0}.invoice-tier select{min-width:0;flex:1;min-height:32px;font-size:14px;padding:5px}#invoice-balance{font-size:20px;color:#217461;margin:4px 0}#invoice-credit{font-size:14px;margin:4px 0;line-height:1.45}.invoice-pair{display:flex;justify-content:space-between;gap:8px;margin:10px 0;font-size:15px}.invoice-grand{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#173d63,#347fab);border-radius:8px;color:white;padding:14px 10px;margin:14px 0}.invoice-grand b{font-size:30px}.invoice-credit-warning{font-size:13px;font-weight:600;color:#617c96}.invoice-sidebar-tools{padding-top:10px}.invoice-sidebar-tools>button{width:100%;margin-top:6px}.invoice-shortcuts{font-size:12px;color:#617c96}.invoice-footer-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.65fr;gap:8px}.invoice-footer-actions button{min-height:52px;font-size:16px}.invoice-workspace-dialog.invoice-maximized{width:100vw;max-width:none;height:100dvh;border-radius:0}
#invoice-overlay{position:absolute;inset:0;background:#27445c66;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px}#invoice-overlay[hidden]{display:none}.invoice-child{background:#f5f9fe;border:1px solid #b8cee4;border-radius:16px;max-height:100%;width:min(100%,960px);display:flex;flex-direction:column;box-shadow:0 12px 50px #173d6340;overflow:hidden}.invoice-child>h2{padding:18px;margin:0}.invoice-child-body{padding:12px 20px;overflow:auto;min-height:0}.invoice-child footer{padding:12px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #c6d8e9}.invoice-child table{width:100%}.invoice-child label{display:block;margin:10px 0}.invoice-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}#invoice-overlay-error,#invoice-status{color:#a42f3e}
@media(min-width:1600px){#invoice-workspace{grid-template-columns:minmax(0,1fr) 385px}.invoice-sidebar button{font-size:14px}.invoice-sidebar{padding:10px 16px}.invoice-sidebar h2{font-size:24px}}
@media(max-width:1050px){#invoice-workspace{grid-template-columns:minmax(0,1fr) 275px;gap:8px}.invoice-dates{grid-template-columns:1fr 1fr}.invoice-workspace-dialog .modal-body{padding:6px 10px}.invoice-workspace-dialog .modal-head{padding:8px 12px;min-height:64px}.invoice-workspace-dialog .modal-head h2{font-size:23px}.invoice-workspace-dialog .modal-head .modal-icon{width:44px;height:44px;min-width:44px}.invoice-workspace-dialog .modal-head button{min-height:44px}.invoice-sidebar{padding:8px}.invoice-sidebar .invoice-two{grid-template-columns:1fr}.invoice-sidebar-scroll{overflow:auto}.invoice-grand b{font-size:25px}.invoice-footer-actions button{font-size:13px;padding:7px}.invoice-shortcuts{display:none}#invoice-lines table{min-width:690px}}
@media(max-width:650px){#invoice-workspace{grid-template-columns:1fr;overflow:auto;grid-template-rows:minmax(380px,1fr) auto}.invoice-sidebar{min-height:400px}.invoice-footer-actions{grid-template-columns:1fr 1fr}.invoice-search-bar #invoice-browse{font-size:0;width:45px}.invoice-search-bar button{min-height:44px}.invoice-workspace-dialog #invoice-fullscreen{display:none}.invoice-workspace-dialog .modal-head .muted{font-size:11px}.invoice-customer-fields{grid-template-columns:1fr}}

.invoice-section{display:flex;align-items:center;gap:7px}.invoice-section svg{width:21px;height:21px}.invoice-workspace-dialog .modal-icon svg{width:30px;height:30px}.invoice-workspace-dialog .modal-icon{display:flex;align-items:center;justify-content:center}