.contracts-view{padding:18px 0 30px}.contract-bar,.contract-actions,.contract-preview-top{display:flex;align-items:center;gap:10px}.contract-bar{justify-content:space-between;margin-bottom:22px}.contract-bar h1{font-size:38px}.contract-bar .eyebrow{margin-bottom:9px}.contract-actions{flex-wrap:wrap}.contract-actions span{font-size:12px;color:var(--muted)}
.contract-layout{display:grid;grid-template-columns:minmax(155px,205px) minmax(0,860px);align-items:start;gap:clamp(16px,3vw,44px)}.contract-library{position:sticky;top:14px}.contract-library>button{width:100%;color:var(--indigo)}.contract-library h2{font-size:16px;margin:22px 0 9px}.contract-library #contract-list{display:grid;gap:5px;font-size:13px;color:var(--muted)}.contract-link{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:5px;padding:11px;color:var(--ink)}.contract-link strong,.contract-link small{display:block;overflow-wrap:anywhere}.contract-link small{color:var(--muted);margin-top:4px}.contract-link[aria-current=true]{border-color:#a69cd6;background:#f1effb}
.contract-doc{position:relative;background:#fff;border:1px solid #d6d5dc;border-radius:3px;color:#202027;overflow-wrap:anywhere;padding:clamp(20px,4vw,65px);font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;line-height:1.65;font-size:14px}.contract-doc h2{width:fit-content;max-width:100%;margin:0 auto 32px;border:1px solid #5a5860;padding:6px 22px;text-align:center;font-size:clamp(20px,2.5vw,31px);letter-spacing:.12em;font-weight:650}.contract-doc h3,.contract-doc p{margin:0}.contract-doc h3{font-size:inherit}.face-lines{display:grid;gap:14px}.face-row{display:grid;grid-template-columns:102px minmax(0,1fr);align-items:baseline;gap:7px}.contract-input{display:inline-block;vertical-align:baseline;color:#372c78;background:#f8f7fc;border:0;border-bottom:1px solid #afa7d4;border-radius:2px 2px 0 0;padding:2px 6px;height:32px;max-width:100%;width:100%;font:inherit}.contract-input:focus-visible{outline-offset:0}.value-year{width:4.3em}.value-month,.value-day{width:2.7em}.value-duration{width:3.8em}.value-total{width:12.5em}.ink-value{display:inline-block;min-width:1.7em;min-height:1em;max-width:100%;vertical-align:baseline;white-space:pre-wrap}.build-dates>div+div{margin-top:5px}.vat{font-size:.9em;white-space:nowrap;margin-left:8px}.payments{margin:23px 0}.payments h3{margin-bottom:8px}.payment-item{display:grid;grid-template-columns:105px minmax(0,1fr) 110px;gap:9px;padding:6px 0;border-bottom:1px solid #ecebf1;align-items:baseline}.payment-item output{font-variant-numeric:tabular-nums}.payments p{font-size:.92em;margin-top:8px}.fixed-conditions{margin:18px 0}.contract-doc .agreement{margin:23px 0 12px}.agreement-date{text-align:center;font-weight:700}.party-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.party-pair h3{margin-bottom:7px}.party-pair label{display:block;font-size:.95em;margin:5px 0}.party-pair .ink-value{margin-left:.4em}.party-pair input{width:100%}.party-pair label span:last-child:not(.ink-value){float:right;font-size:.9em}.doc-page{clear:both;text-align:center;color:#777580;font-size:12px;margin-top:26px}.contract-annex{margin:12px 0}.contract-annex summary{cursor:pointer;font-weight:650;padding:13px 16px;background:#f0eff6;border:1px solid var(--line);border-radius:4px}.terms-doc{margin-top:10px}.terms-doc h2{letter-spacing:0;font-size:20px;border:0;padding:0}.terms-doc p{margin:3px 0}.terms-doc .article-start{margin-top:14px}
#contract-preview{width:min(95vw,890px);max-width:900px;max-height:92svh;padding:15px 20px;background:#f4f3f1}.contract-preview-top{position:sticky;top:-15px;background:#f4f3f1;z-index:1;flex-wrap:wrap;padding:9px 0 14px}.contract-preview-top h2{margin:0;flex:1;font-size:20px}
@media(max-width:820px){.contract-layout{grid-template-columns:minmax(0,1fr)}.contract-library{position:static;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.contract-library h2{margin:0}.contract-library #contract-list{grid-column:1/-1;display:flex;overflow:auto}.contract-link{flex:none;width:auto;min-width:120px}.contract-library>button{width:auto}.contract-doc{padding:24px}.contract-bar h1{font-size:30px}}
@media(max-width:620px){header:has(#workspace-nav:not([hidden]) a:nth-child(2)){height:auto;min-height:64px;grid-template-columns:1fr auto;row-gap:1px;padding-block:7px 0}header:has(#workspace-nav:not([hidden]) a:nth-child(2))>.header-right{grid-column:2;grid-row:1}header:has(#workspace-nav:not([hidden]) a:nth-child(2))>#workspace-nav{grid-row:2;grid-column:1/-1}#workspace-nav a{min-height:34px}.contract-bar{align-items:start;flex-wrap:wrap}.contract-doc{padding:18px 13px;font-size:13px}.face-row{grid-template-columns:73px minmax(0,1fr);gap:3px}.payment-item{grid-template-columns:1fr auto;gap:1px 5px}.payment-item>span:nth-child(2){grid-column:1/-1;grid-row:2}.payment-item>span:last-child{grid-row:1;grid-column:2}.party-pair{grid-template-columns:1fr;gap:8px}.contract-doc h2{padding:5px 10px;letter-spacing:.035em}.contract-actions{gap:4px}.contract-actions button{padding:8px 10px}.contract-actions span{font-size:11px}.contracts-view{padding:7px 0 12px}#contract-preview{padding:10px}}
@media print{
 html:has(#print-sheet[data-kind=contract]),body:has(#print-sheet[data-kind=contract]){width:210mm!important;height:auto!important;overflow:visible!important}
 #print-sheet[data-kind=contract]{width:210mm!important;height:auto!important;overflow:visible!important;break-inside:auto;display:block!important}
 #print-sheet .contract-doc{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;font-size:10pt;line-height:1.55;border:0;border-radius:0;box-sizing:border-box;width:210mm;min-height:296mm;margin:0;padding:22mm 24mm 18mm;break-after:page;break-inside:auto}
 #print-sheet .contract-doc:last-child{break-after:auto}
 #print-sheet .cover-doc h2{margin:5mm auto 12mm;padding:2mm 7mm;letter-spacing:.14em;font-size:17pt}
 #print-sheet .face-row{grid-template-columns:28mm 1fr;gap:2mm}#print-sheet .face-lines{gap:3.4mm}
 #print-sheet .payments{margin:5mm 0}#print-sheet .payment-item{display:block;border:0;padding:1mm 0}#print-sheet .payment-item b{display:block}#print-sheet .payment-item>span{margin-left:5mm}
 #print-sheet .fixed-conditions{margin:4mm 0}#print-sheet .agreement{margin:6mm 0 4mm}
 #print-sheet .party-pair{grid-template-columns:1fr 1fr;gap:8mm;margin-top:9mm}
 #print-sheet .party-pair label{display:block;font-size:9.5pt}#print-sheet .doc-page{position:absolute;bottom:8mm;left:0;right:0;margin:0;font-size:9pt}
 #print-sheet .terms-doc{padding:20mm 23mm 18mm;font-size:10pt;line-height:1.46}#print-sheet .terms-doc h2{font-size:14pt;margin:0 0 5mm;border:0;padding:0}#print-sheet .terms-doc p{margin:0 0 1.1mm}#print-sheet .terms-doc .article-start{margin-top:3mm}
}


.contract-preview-top{display:block}.contract-dialog-title,.file-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.contract-dialog-title{justify-content:space-between;margin-bottom:8px}.file-actions button{white-space:nowrap}.file-actions .delete-record{margin-left:auto}.contract-preview-top #contract-file-status{margin:5px 0 0;font-size:12px;color:var(--muted)}#contract-file-status:empty{display:none}.due-input{min-width:0;width:100%;font-size:inherit}.payment-item{grid-template-columns:105px minmax(0,1fr) minmax(105px,25%)}.contract-library #contract-list{max-height:68vh;overflow-y:auto}.contract-export-stage{position:fixed;left:-10000px;top:0;pointer-events:none;background:white}