/* Legacy Crouse catalog and official letter layouts. Scoped to their presets so
   Meanwell, Niawell, User Guide and Article remain unchanged. */
.template-crouse .doc-page-inner,
.template-bil .doc-page-inner{padding-top:20px}

/* Crouse */
.legacy-crouse-header{padding:0 4px 10px!important;min-height:auto!important;background:none!important;color:var(--doc-text)!important}
.legacy-crouse-header .legacy-crouse-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.legacy-crouse-brand{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.legacy-crouse-logo{width:auto!important;max-width:110px!important;height:auto!important;max-height:72px!important;object-fit:contain}
.legacy-crouse-brand>div{display:flex;flex-direction:column;align-items:center;line-height:1.35}
.legacy-crouse-brand strong{font-family:var(--doc-logo-font),var(--doc-font);font-size:24px;color:var(--doc-accent)}
.legacy-crouse-brand small{font-size:11px;color:#283894}
.legacy-crouse-product{display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:4px}
.legacy-crouse-product strong{font-size:24px;font-weight:500}
.legacy-crouse-product span{font-size:24px;font-weight:800}
.legacy-template-rule{height:3px;width:100%;border-radius:6px;background:var(--doc-accent)}
.template-crouse .doc-content{padding-top:12px}
.legacy-crouse-images{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,.78fr);gap:18px;align-items:center;width:100%;margin:0 auto 8px}
.legacy-crouse-main-image{display:grid;place-items:center;min-height:280px}
.legacy-crouse-main-image img{display:block;max-width:100%;max-height:300px;object-fit:contain;padding:8px}
.legacy-crouse-side-images{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.legacy-crouse-side-images figure{margin:0;display:grid;place-items:center;min-height:128px;width:100%}
.legacy-crouse-side-images img{display:block;max-width:100%;max-height:138px;object-fit:contain;padding:6px}
.legacy-crouse-section{width:100%;margin:12px 0 0;break-inside:avoid-page}
.legacy-crouse-section h2{display:flex;align-items:center;gap:9px;margin:0 0 8px;font:800 18px/1.5 var(--doc-font);color:var(--doc-text)}
.legacy-crouse-section h2 i{display:inline-block;width:12px;height:12px;background:var(--doc-accent);flex:0 0 12px}
.legacy-crouse-section ul{margin:0;padding-inline-start:28px;line-height:1.85}
.legacy-crouse-description .rich-content{font-size:14px;line-height:1.9;text-align:justify}
.legacy-crouse-specs table{width:100%;border-collapse:collapse;font-size:13px}
.legacy-crouse-specs th,.legacy-crouse-specs td{padding:8px 10px;border:1px solid #777;vertical-align:middle}
.legacy-crouse-specs th{width:40%;font-weight:800;background:color-mix(in srgb,var(--doc-accent) 8%,#fff)}
.legacy-crouse-specs td{width:60%}
.template-crouse .block-dynamic-specs{margin-top:14px}
.legacy-crouse-footer{display:grid!important;grid-template-columns:42px 1fr 50px;align-items:end;gap:12px;padding:8px 2px 0!important;border-top:1px solid #aeb7c1;background:none!important;color:#1b2430!important;min-height:56px!important}
.legacy-crouse-page{font-size:13px;text-align:center}
.legacy-crouse-file{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-size:9px}
.legacy-crouse-qr{width:46px;height:46px;object-fit:contain}

/* Official letter */
.legacy-letter-header{padding:0 4px 10px!important;min-height:auto!important;background:none!important;color:var(--doc-text)!important}
.legacy-letter-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.legacy-letter-brand{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;min-width:0}
.legacy-letter-brand img{max-width:145px;max-height:76px;object-fit:contain}
.legacy-letter-brand>div{display:flex;flex-direction:column;align-items:center;line-height:1.4}
.legacy-letter-brand strong{font-size:18px;font-weight:900;color:var(--doc-accent)}
.legacy-letter-brand small{font-size:10px;color:#283894}
.legacy-letter-register{display:grid;gap:3px;min-width:190px;margin:0;font-size:11px}
.legacy-letter-register div{display:grid;grid-template-columns:58px 1fr;gap:7px;align-items:center}
.legacy-letter-register dt{font-weight:800;margin:0}
.legacy-letter-register dd{margin:0;white-space:nowrap}
.template-bil .doc-content{padding-top:12px;min-height:0}
.legacy-letter-intro{display:grid;gap:11px;margin-bottom:18px;font-size:14px}
.legacy-letter-god{text-align:center;font-weight:800;font-size:16px;margin-bottom:8px}
.legacy-letter-respectful{display:block;font-size:15px}
.legacy-letter-recipient,.legacy-letter-subject{display:flex;gap:8px;align-items:flex-start;width:100%}
.legacy-letter-subject span{font-weight:800}
.template-bil .block-richtext[data-semantic="letter_body"] .rich-content{font-size:15px;line-height:2.05;text-align:justify}
.legacy-sign-zone{display:flex;justify-content:center;align-items:flex-end;width:100%;min-height:180px;margin:20px auto 44px;break-inside:avoid-page}
.legacy-signatory-block{position:relative;width:min(100%,320px);min-height:165px;text-align:center;padding:10px 20px}
.legacy-sign-respect{font-weight:800;margin-bottom:8px}
.legacy-signatory-copy{position:relative;z-index:3;display:flex;flex-direction:column;gap:3px;margin-top:80px}
.legacy-signatory-copy strong{font-size:14px}.legacy-signatory-copy small{font-size:12px}
.legacy-sign-images{position:absolute;inset:26px 0 auto;display:flex;align-items:center;justify-content:center;min-height:100px}
.legacy-signature-image,.legacy-stamp-image{position:absolute;max-width:145px;max-height:120px;object-fit:contain}
.legacy-signature-image{z-index:2;transform:translateX(22px);opacity:.94}.legacy-stamp-image{z-index:1;transform:translateX(-30px);opacity:.78}
.legacy-letter-footer{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px 0!important;border-top:1px solid #222;background:none!important;color:#111!important;min-height:52px!important}
.legacy-letter-contact{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;font-size:9px;line-height:1.4}
.legacy-letter-contact span{display:inline-flex;align-items:center;gap:5px}.legacy-letter-footer>small{font-size:8px;color:#596273}

@media(max-width:760px){
  .legacy-crouse-header-row,.legacy-letter-header-row{gap:10px}.legacy-crouse-brand strong{font-size:18px}.legacy-crouse-product strong,.legacy-crouse-product span{font-size:17px}
  .legacy-crouse-images{grid-template-columns:1fr}.legacy-crouse-side-images{flex-direction:row}.legacy-letter-register{min-width:150px;font-size:9px}.legacy-letter-brand strong{font-size:14px}
}
@media print{
  .legacy-crouse-specs th{background:#f7f7f7!important}.legacy-crouse-footer,.legacy-letter-footer{color:#000!important}
}

/* Crouse dynamic specification table follows the original CRouse visual system. */
.template-crouse .legacy-dynamic-specs{margin-top:15px}
.template-crouse .legacy-dynamic-specs .mainTable{width:100%;max-width:100%;border-color:#151515!important;border-radius:0!important;box-shadow:none!important}
.template-crouse .legacy-dynamic-specs .dynamic-model-header{background:#d9d9d9!important}
.template-crouse .legacy-dynamic-specs .dynamic-model-header>.tcell{min-height:42px!important;background:#d9d9d9!important;border-color:#151515!important;color:#111!important}
.template-crouse .legacy-dynamic-specs .dynamic-model-label-head{background:#fff!important}
.template-crouse .legacy-dynamic-specs .dynamic-section-group{border-color:#151515!important}
.template-crouse .legacy-dynamic-specs .dynamic-section-cell{background:#fff!important;border-color:#151515!important;font-weight:800}
.template-crouse .legacy-dynamic-specs .dynamic-feature-name{background:#fafafa!important;border-color:#151515!important;font-weight:800}
.template-crouse .legacy-dynamic-specs .dynamic-parameter-cell{background:#fff!important;border-color:#151515!important}
.template-crouse .legacy-dynamic-specs .tcell>span{padding:7px 6px!important}
.template-crouse .legacy-dynamic-specs .dynamic-model-title{font-size:.72rem!important;font-weight:800!important}
.template-crouse .legacy-dynamic-specs .dynamic-section-cell strong{font-size:.74rem!important}
.template-crouse .legacy-dynamic-specs .dynamic-feature-name>span,
.template-crouse .legacy-dynamic-specs .dynamic-parameter-cell>span{font-size:.7rem!important}

/* The legacy letter keeps the sign area visible even before real assets are uploaded. */
.template-bil .legacy-signature-image[src*="signature-sample"],
.template-bil .legacy-stamp-image[src*="stamp-sample"]{filter:saturate(.78);opacity:.58}