@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap);html{font-size:clamp(14px,1.5vw,18px);font-family:Noto Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;overflow:hidden;padding:0;margin:0}#SR{height:100%;overflow-y:scroll}input.w-full,textarea.w-full{-webkit-box-sizing:border-box;box-sizing:border-box}button{border:none}body{background-color:#fff;color:#212121;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;letter-spacing:-.025em}h1,h2{font-weight:700;margin-bottom:.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem;font-weight:600}h3,h4{margin-bottom:.25rem}h4{font-size:1rem}p{margin-bottom:.5rem}.sr-root{padding:20px 0}.a4-page{background:#fff;width:210mm;min-height:297mm;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10mm}.sr-toolbar{width:210mm;margin:0 auto 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px}.sr-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1677ff;background:#1677ff;color:#fff;border-radius:6px;padding:8px 14px;cursor:pointer}.sr-btn.secondary{background:#fff;color:#1677ff}.sr-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.compo-service-report{position:relative}.report-header-wrap{position:relative;padding-bottom:20px;.page-title-wrap{position:absolute;bottom:0;left:calc(50% - 150px);.page-title{width:300px;margin:0;padding:0;color:#333;text-align:center;line-height:1.1em;font-size:1.8em}}}.report-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:110px;overflow:hidden}.report-header .header-left .logo{width:220px}.report-header .header-right{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.report-header .header-right .service-report-id{color:#f44;font-size:14px;line-height:1.25em;padding:0;margin:0;text-align:right;padding-bottom:10px}.report-header .header-right .company-info{padding:0;font-size:10px;color:#909399;text-align:right;line-height:1.25em;margin:0}.sr-logo{width:58mm;-o-object-fit:contain;object-fit:contain}.sr-meta{text-align:right}.sr-meta .sr-id{color:#f44;font-size:12px;margin:0 0 6px}.sr-meta .sr-company{color:#909399;font-size:10px;line-height:1.25;margin:0}.info-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:12px}.info-table .section-header{text-align:center;background-color:#f0f0f0}.info-table td{vertical-align:middle;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 8px}.charge-table td{width:33.33%!important}.charge-table{table-layout:fixed!important}.td-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:16px}.td-box .td-box-header{text-align:center;font-weight:700;width:100%}table[border="1"] td{border:1px solid #dcdfe6}.sr-grid-attachments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sr-attachment-img,.sr-attachment-video{width:100%;height:38mm;-o-object-fit:contain;object-fit:contain;border:1px solid #dcdfe6}.signatures-display{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.signature-con-box,.signatures-display{display:-webkit-box;display:-ms-flexbox;display:flex}.signature-con-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.engineer-signatures,.signature-con-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.signature-item-report{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;height:inherit}.signature-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.signature-name{text-align:center;font-size:12px;margin-top:4px}.signature-box{height:4rem;border:1px solid #dcdfe6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;img{height:inherit}}.sr-remarks{border:1px solid #dcdfe6;min-height:24mm;padding:6px 8px;-webkit-box-sizing:border-box;box-sizing:border-box}@page{size:A4;margin:10mm}@media print{body{background:#fff}.sr-toolbar{display:none}.a4-page{width:auto;min-height:auto;margin:0;-webkit-box-shadow:none;box-shadow:none;padding:0}}.attachment-section{.attachment-img,.attachment-link,.attachment-video{height:10rem}}.section{h4{font-size:12px}}.inline-signature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px;span{margin-top:5px;font-size:12px}>div{height:4rem!important;border:1px solid #dcdfe6!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;img{height:100%!important;max-height:4rem!important;-o-object-fit:contain!important;object-fit:contain!important;border:none!important}}}.content-box{font-size:12px}.avoid-break{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.customer-signature{h4{font-size:12px}}