/* Compact document layouts shared by master data and transaction forms. */
.main:has(.record-header){max-width:1360px;padding-top:26px}
.record-header{gap:14px;margin-bottom:22px;align-items:center;flex-wrap:wrap}
.record-header>div:not(.record-actions){flex:1;min-width:180px}
.record-header h1{font-size:23px;letter-spacing:-.6px;margin:0 0 5px;line-height:1.3}
.record-header p{font-size:12px;line-height:1.6}
.record-header .eyebrow{font-size:10px;margin-bottom:5px!important;letter-spacing:1px}
.record-back,.record-header .icon-button{width:44px;height:44px}
.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0;flex-shrink:0}
.record-actions form{margin:0}
.record-actions .button{min-height:44px}
.record-more{position:relative;flex-shrink:0}
.record-more>summary{list-style:none;cursor:pointer}
.record-more>summary::-webkit-details-marker{display:none}
.record-more[open]>summary{background:#edf4ff;color:var(--blue);border-color:#bad0fa}
.record-menu{position:absolute;right:0;top:calc(100% + 8px);width:max-content;min-width:208px;max-width:min(300px,calc(100vw - 40px));z-index:20;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 10px 35px #142b4524;display:flex;flex-direction:column;gap:3px}
.record-menu .button{border:0;border-radius:7px;background:white;color:var(--ink);text-align:left;justify-content:flex-start;white-space:normal;width:100%;font-weight:500}
.record-menu .button:hover{background:#f1f5fb}
.record-menu .warning-action,.record-menu .danger{color:#b94d37}
.record-menu .danger:hover{background:#fff1ed}
.record-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.record-title-line h1{margin:0}
.invoice-record-header .eyebrow{margin:5px 0 0!important;font-weight:500;letter-spacing:.4px}
.record-form.edit-panel,.record-form.finance-form{max-width:none}
.record-form>.form-body{padding:26px 28px}
.record-fields,.record-form .finance-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.record-fields>.field,.record-form .finance-fields>.field{margin:0;min-width:0}
.record-fields>.field:has(textarea),.record-fields>.field:has(input[type=file]),.record-fields>.field:has(input[type=checkbox]),.record-form .finance-fields>.field:has(textarea),.record-form .finance-fields>.field:has(input[type=file]){grid-column:1/-1}
.record-fields>.message,.record-fields>.errorlist,.record-form .finance-fields>.message{grid-column:1/-1}
.record-form .field label,.sale-form .field label{font-size:12px;color:#344b66;margin-bottom:8px}
.record-form .form-intro{margin-bottom:22px}
.record-form textarea{min-height:96px}
.record-header~.panel+.panel{margin-top:18px}
.record-header~.finance-summary{display:flex;flex-wrap:wrap;gap:20px 36px;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 24px;margin-bottom:18px}
.record-header~.finance-summary>div{border:0;border-radius:0;padding:0;box-shadow:none;background:transparent;flex:1;min-width:150px}
.record-header~.finance-summary strong{font-size:17px;margin-top:6px}
.sale-form{gap:0;border:1px solid var(--line);border-radius:14px;background:white}
.sale-form>.panel{border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.sale-form>.panel+.panel{border-top:1px solid var(--line)}
.sale-header{padding:26px 28px}
.sale-header-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.customer-field-customer_mode,.customer-field-customer,.customer-field-new_address{grid-column:1/-1}
.sale-form .panel-heading{padding:20px 28px}
.sale-form h2,.record-document h2{font-size:15px;letter-spacing:-.2px}
.sale-form .panel-heading p{font-size:12px}
.sale-form .summary-layout{padding:24px 28px}
.sale-form .form-footer{border-radius:0 0 14px 14px}
.record-document .invoice-parties{padding:26px 28px;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.invoice-parties>div:last-child{justify-self:end;max-width:440px}
.invoice-parties h2{font-size:16px;letter-spacing:-.3px}
.invoice-parties strong{font-size:13px}
.invoice-parties p{font-size:12px;margin:4px 0 0;overflow-wrap:anywhere}
.record-meta{padding:12px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc}
.record-meta p{margin:0;font-size:12px;line-height:1.7}
.record-document .document-lines td{padding-top:18px;padding-bottom:18px}
.record-document .invoice-totals{padding:20px 28px 24px}
.record-history{border-top:1px solid var(--line)}
.record-history .panel-heading{padding:18px 28px 12px}
.record-history .panel-heading h2{margin:0;font-size:14px}
.record-empty{padding:0 28px 20px;margin:0;font-size:12px}
.record-document>.detail-actions{padding:0 28px;margin:0 0 20px}
.record-header~.panel.form-body h2{font-size:16px}
.record-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.record-section-header h2{margin:0;font-size:16px}
.main>.panel.form-body:has(form) .record-fields{margin:18px 0}
.record-fields .field{min-width:0;margin:0}
.record-fields>.field:has(textarea),.record-fields>.field:has(input[type=file]){grid-column:1/-1}
.main>.panel.form-body+.panel{margin-top:18px}
@media(max-width:1000px){.record-header>.record-actions{flex-basis:100%;margin-left:58px;justify-content:flex-start}.invoice-record-header>.record-actions{flex-basis:auto;margin-left:auto;justify-content:flex-end}.record-header>.badge{margin-left:auto}}
@media(max-width:600px){
 .main:has(.record-header){padding:20px 16px 36px}
 .record-header{flex-direction:row;gap:12px;margin-bottom:18px}
 .record-header>div:not(.record-actions){min-width:0;flex:1}
 .record-header h1{font-size:20px;overflow-wrap:anywhere}
 .record-header>div>p:not(.eyebrow){font-size:12px}
 .record-header>.badge{margin-left:56px}
 .record-header>.record-actions,.invoice-record-header>.record-actions{flex-basis:100%;margin-left:0;justify-content:flex-end;gap:8px}
 .record-actions>.button.primary,.record-actions>form:has(.primary){flex:1}
 .record-actions>form>.button{width:100%}
 .record-actions .button{white-space:normal;text-align:center;padding:10px 13px;font-size:12px}
 .record-menu .button{text-align:left}
 .record-form>.form-body,.sale-header{padding:22px 18px}
 .record-fields,.record-form .finance-fields,.sale-header-grid{grid-template-columns:1fr;gap:20px}
 .record-form input:not([type=checkbox]),.record-form textarea,.record-form .ts-control,.sale-header input,.sale-header .ts-control{font-size:16px}
 .record-header~.finance-summary{padding:18px;gap:18px}
 .record-header~.finance-summary>div{min-width:125px}
 .record-header~.finance-summary strong{font-size:15px}
 .sale-form .panel-heading{padding:18px}
 .sale-form .summary-layout{padding:22px 18px}
 .record-document .invoice-parties{grid-template-columns:1fr;gap:18px;padding:22px 18px}
 .invoice-parties>div:last-child{justify-self:start}
 .record-meta{padding:12px 18px}
 .record-document .invoice-totals{padding:18px}
 .record-history .panel-heading{padding:18px 18px 12px}
 .record-empty{padding:0 18px 20px}
 .record-document>.detail-actions{padding:0 18px}
 .record-title-line{gap:8px}
 .record-title-line .badge{font-size:10px}
 .record-section-header{align-items:flex-start;flex-wrap:wrap}
 .record-section-header .button{margin-left:auto;font-size:12px}
}

.business-logo-preview{display:flex;align-items:center;gap:16px;margin-bottom:24px}.business-logo-preview img{object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:8px;background:white}.business-logo-preview p{margin:0;font-size:12px}

.customer-import-help ol{font-size:13px;line-height:1.75;padding-left:22px}.customer-import-help li+li{margin-top:8px}.customer-import-help .message.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}@media(max-width:650px){.customer-import-table,.customer-import-table tbody{display:block;min-width:0;width:100%}.customer-import-table thead{display:none}.customer-import-table tr{display:block;padding:16px;border-bottom:1px solid var(--line)}.customer-import-table td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border:0;padding:7px 0;font-size:13px;overflow-wrap:anywhere}.customer-import-table td:before{content:attr(data-label);font-size:11px;color:var(--muted);font-weight:600}.customer-import-table td>div{min-width:0}.customer-import-table small{font-size:11px;line-height:1.6}}