.admin-sidebar nav{gap:3px}.admin-sidebar nav a{font-size:15px;padding:11px 13px}.admin-sidebar nav .nav-separator{border-top:1px solid var(--line);margin-top:14px;padding-top:18px}.office-role{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:15px 18px;border:1px solid #bdc9c1;background:#e8ede9;font-size:13px;color:#46564c}.office-role select{font:inherit;font-weight:600;padding:8px 12px;margin-left:10px;border:1px solid #a8b8af;background:white}.status.error,.form-error{color:#991b26;background:#f9e9eb}.form-error{padding:12px;font-size:14px}.form-error:empty{display:none}.invoice-detail-layout{display:grid;grid-template-columns:minmax(490px,1fr) 320px;gap:30px;align-items:start}.invoice-sheet-wrap{background:#dce2de;padding:25px;overflow:auto}.invoice-paper{width:100%;min-width:490px;max-width:740px;min-height:980px;margin:auto;padding:44px 42px 32px;background:white;color:#283238;position:relative;font:14px/1.5 Barlow,sans-serif;box-shadow:0 2px 10px #28372f12}.invoice-watermark{color:#a51b26;font-size:10px;letter-spacing:.06em;font-weight:600;border-bottom:1px solid #e8d4d7;padding-bottom:12px;margin-bottom:24px}.invoice-letterhead{display:flex;justify-content:space-between;gap:25px;align-items:start;min-height:96px}.invoice-letterhead>div>strong{font-size:18px;display:block;color:var(--invoice-color)}.invoice-letterhead>div>span{display:block;font-size:12px;color:#536168;margin-top:9px}.invoice-letterhead img{height:auto;object-fit:contain;max-height:84px;max-width:180px}.invoice-letterhead.logo-left{flex-direction:column-reverse;gap:16px;min-height:140px}.invoice-address{font-size:14px;margin:34px 0 38px;min-height:72px;max-width:280px}.invoice-document-head{display:flex;align-items:start;justify-content:space-between;gap:25px;margin-bottom:26px}.invoice-document-head h2{font:600 30px/1.15 Barlow,sans-serif;margin:0!important;letter-spacing:-.015em}.invoice-document-head dl{font-size:11px;margin:0;min-width:220px}.invoice-document-head dl>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:4px}.invoice-document-head dt{color:#536168}.invoice-document-head dd{margin:0;font-weight:600;text-align:right}.invoice-items{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.invoice-items th{font-weight:600;background:var(--invoice-color);color:white;padding:10px}.invoice-items th:not(:first-child),.invoice-items td:not(:first-child){text-align:right;white-space:nowrap}.invoice-items td{padding:16px 10px;vertical-align:top;border-bottom:1px solid #d9dfe1}.invoice-items td:first-child{width:52%}.invoice-items small{display:block;font-size:10px;color:#6b767b;margin-top:5px}.invoice-totals{margin:24px 0 20px auto;max-width:270px;font-size:12px}.invoice-totals>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.invoice-totals .grand-total{border-top:2px solid var(--invoice-color);padding-top:12px;margin-top:14px;font-size:17px;font-weight:600}.invoice-payment{font-size:12px;margin:25px 0 50px;color:#536168}.invoice-foot{border-top:1px solid #d8dfda;padding-top:17px;font-size:11px;color:#5e6c63;overflow-wrap:anywhere}.invoice-foot>p{margin-bottom:16px;white-space:normal;max-width:none}.invoice-foot>div{font-size:10px}.invoice-actions{display:grid;gap:13px;margin-top:24px}.invoice-editor-layout{display:grid;grid-template-columns:minmax(340px,430px) minmax(490px,1fr);gap:25px;align-items:start}.invoice-editor-layout .admin-panel{padding:22px}.invoice-editor-layout .field{font-size:14px}.invoice-editor-layout .field input,.invoice-editor-layout .field select,.invoice-editor-layout .field textarea{font-size:14px;padding:10px 11px;min-height:43px}.invoice-editor-layout .field-grid{gap:18px}.invoice-editor-layout input[type=range]{padding:0;accent-color:var(--red)}.invoice-editor-layout input[type=color]{padding:4px;width:100%;min-height:43px}.invoice-editor-layout input[type=file]{font-size:12px;max-width:100%;padding:8px}.editor-preview{position:sticky;top:20px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:20px;background:#e8ede9;padding:14px 20px;font-size:13px;border:1px solid #c5d0c9;border-bottom:0}.preview-toolbar span{color:#536168}.editor-item{border:1px solid #c3cfc6;padding:15px;margin:0 0 20px;min-width:0}.editor-item legend{font-size:13px;padding:0 6px;color:#536168}.item-values{display:grid;grid-template-columns:.7fr 1fr .7fr;gap:10px;margin-top:16px}.text-button{color:#a71120;background:none;border:0;padding:8px 0;text-align:left;min-height:36px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.text-button:disabled{color:#738078;cursor:default}.editor-item .text-button{font-size:12px;margin-top:12px}.rights-table td:not(:first-child),.rights-table th:not(:first-child){text-align:center;min-width:110px}.rights-table td:not(:first-child){font-size:20px;color:#346145}.customer-document{display:flex;justify-content:space-between;gap:22px;padding:17px 0;border-bottom:1px solid #d9dfe1;font-size:15px}.customer-document a{color:var(--red);font-weight:600}.customer-document span{color:#536168}.mail-preview .settings-list dd{max-width:65%;overflow-wrap:anywhere}.mail-body{padding:35px 0;border-bottom:1px solid #d9dfe1;margin-bottom:20px;font-size:16px}.mail-body img{margin-bottom:35px}.mail-body h2{font-size:37px!important;margin-bottom:25px!important}.mail-body p{margin:17px 0}.invoice-detail-layout .admin-panel .timeline{font-size:13px;overflow-wrap:anywhere}dialog:has(#customer-form){max-width:min(700px,calc(100vw - 35px));max-height:90svh;overflow:auto}dialog:has(#user-form){max-height:90svh;overflow:auto}.office-access-label{font-size:12px;color:#6c746f;padding:10px 0}.admin-sidebar .sidebar-bottom{line-height:1.6}
@media(min-width:1900px){.invoice-editor-layout{grid-template-columns:470px 1fr}.invoice-paper{max-width:790px;min-height:1050px}.invoice-editor-layout .invoice-sheet-wrap{padding:35px}}
@media(max-width:1250px){.invoice-detail-layout{grid-template-columns:1fr}.invoice-detail-layout>.admin-stack{grid-template-columns:1fr 1fr}.invoice-editor-layout{grid-template-columns:340px minmax(490px,1fr);overflow-x:auto;padding-bottom:20px}.invoice-editor-layout .invoice-sheet-wrap{padding:15px}.invoice-paper{padding:32px 28px;min-height:920px}.invoice-document-head{gap:16px}.invoice-document-head dl{min-width:190px}}
@media(max-width:850px){.invoice-editor-layout{display:flex;flex-direction:column;overflow:visible}.invoice-editor-layout>#invoice-editor,.editor-preview{width:100%}.editor-preview{position:static}.invoice-editor-layout .invoice-sheet-wrap{overflow:auto}.invoice-detail-layout>.admin-stack{grid-template-columns:1fr}.admin-sidebar{align-items:center;flex-wrap:wrap}.admin-sidebar nav{flex:1}.admin-sidebar nav .nav-separator{border:0;margin:0;padding-top:8px}.office-role{display:block}.office-role>span{display:block;margin-top:12px}.invoice-paper{min-width:490px}.admin-title>.admin-actions{margin-top:15px}.invoice-detail-layout{display:block}.invoice-detail-layout>.admin-stack{margin-top:25px}.admin-grid>.admin-panel.mail-preview{margin-bottom:24px}}
@media(max-width:600px){.admin-sidebar nav a{font-size:12px;padding:8px}.invoice-sheet-wrap{padding:12px;max-width:100%}.invoice-editor-layout .admin-panel{padding:17px}.invoice-editor-layout .field-grid{gap:16px}.office-role{font-size:12px;padding:13px}.office-role select{margin-left:7px}.customer-document{display:block;font-size:14px}.customer-document span{display:block;margin-top:9px}.invoice-detail-layout{grid-template-columns:1fr}.invoice-detail-layout .admin-stack{margin-top:20px}.invoice-editor-layout .invoice-sheet-wrap{padding:10px}.preview-toolbar{font-size:12px;padding:12px}.mail-preview .settings-list>div{display:block}.mail-preview .settings-list dd{max-width:100%;text-align:left;margin-top:8px}.mail-body{font-size:15px}.mail-body h2{font-size:32px!important}.item-values{grid-template-columns:.8fr 1fr .8fr;gap:8px}.item-values .field{font-size:12px!important}.rights-table td:first-child{min-width:200px}.invoice-editor-layout .field input[type=file]{font-size:12px;width:100%}.invoice-editor-layout .invoice-paper{min-width:490px}.admin-sidebar .logo{margin-right:5px}}
