[hidden]{display:none!important}
aside button.current,aside .nav-settings{width:100%;text-align:left;border:0}
aside .nav-settings{margin-top:8px;white-space:normal}
.contact-fields{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
#address-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
#address-fields>.hint{grid-column:1/-1;margin:0}
.address-card{padding:16px;border:1px solid var(--line);border-radius:7px;background:#fbfcfa}
.address-grid{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-top:15px}
.address-grid>.wide{grid-column:1/-1}
.check-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:13px}
.check-label input{width:16px;height:16px;accent-color:#31564a;flex:none}
.copybar{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;background:#f0f4ee;padding:15px;border-radius:7px}
.material-link{margin-top:12px;max-width:350px;font-size:11px}
.material-link select{padding:7px;font-size:12px}
.cost-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 22px;padding:15px;background:#f1f5ed;border-radius:7px}
.cost-breakdown>div{font-size:11px;color:#647367}
.cost-breakdown strong{display:block;font-size:16px;color:var(--ink);margin-top:7px;font-weight:550}
.product-card{border:1px solid var(--line);border-radius:7px;padding:16px;margin-bottom:14px;background:#fff}
.product-fields{display:grid;grid-template-columns:2fr .6fr 1.3fr .6fr 1fr;gap:14px;align-items:end}
.product-fields .check-label{font-size:11px;padding-bottom:10px}
.product-cost-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:14px;margin-top:16px;padding-top:15px;border-top:1px dashed var(--line);align-items:end}
.unit-cost{font-size:12px;line-height:1.6;color:#536d55;padding-bottom:5px}
.text-label{margin-bottom:7px}.text-label button{font-size:10px;padding:4px 7px}
@media(max-width:1150px){.product-fields{grid-template-columns:2fr 1fr 1fr}.product-cost-fields{grid-template-columns:1fr 1fr}.cost-breakdown{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){#address-fields{grid-template-columns:1fr}.copybar{grid-template-columns:1fr}.cost-breakdown{grid-template-columns:1fr 1fr}.product-fields,.product-cost-fields{grid-template-columns:1fr 1fr}.product-fields>label:first-child{grid-column:1/-1}.section-top{flex-wrap:wrap}.contact-fields{grid-template-columns:1fr 1fr}}

#customer-kind{margin-top:20px}#tax-mode-fields .address-card{margin-top:18px}#tax-mode-fields .check-label{margin-bottom:10px}

.subline.foam-subline{grid-template-columns:minmax(0,1fr) auto minmax(0,220px)}
.foam-volume-toggle{white-space:nowrap}
@media(max-width:720px){
 .subline.foam-subline{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .foam-subline .derived{grid-column:1/-1}
}

.handover-crew{display:flex;flex-wrap:wrap;gap:.45rem 1rem;border:0;padding:0;margin:.75rem 0}
.handover-crew legend{margin-bottom:.35rem}
.handover-sign-dialog{width:min(42rem,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);border:1px solid #c6d3cb;border-radius:.75rem;padding:1rem;color:#20362e;overscroll-behavior:contain}
html:has(.handover-sign-dialog[open]),body:has(>.handover-sign-dialog[open]){overflow:hidden}
.handover-sign-dialog[open]:has(.handover-sign-preview){display:flex;flex-direction:column}
.handover-sign-dialog:has(.handover-sign-preview)>:not(.handover-sign-preview){flex-shrink:0}
.handover-sign-dialog [data-preview-mode]{align-self:flex-start}
.handover-sign-dialog::backdrop{background:#172c24a8}
.handover-sign-dialog canvas{display:block;width:100%;height:clamp(8rem,25dvh,13rem);touch-action:none;border:1px solid #aebfb6;border-radius:.4rem;background:#fafcfb}
.handover-sign-dialog [data-error]{color:#9c3529}
.handover-sign-preview{position:relative;flex:0 1 auto;min-height:0;max-height:52dvh;overflow:clip;margin:0 0 .5rem;border:1px solid #aebfb6;border-radius:.4rem;background:#f3f6f3}
.handover-sign-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
