:root{font-family:Inter,"Segoe UI",Tahoma,sans-serif;color:#17342e;background:#edf2f0;font-size:16px;--ink:#102e28;--lime:#c9ed45;--line:#d5e1dd}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}body>header{background:linear-gradient(120deg,#0b2924,#164a40);color:white;padding:1.25rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 28px #0b292433}body>header strong{font-size:1.45rem;letter-spacing:.08em;color:var(--lime)}#identity{margin-inline-start:auto}.language{background:transparent;color:white;border-color:#ffffff55}main{max-width:1240px;margin:auto;padding:1.25rem}h1{font-size:1.75rem}h2{font-size:1.25rem;margin-top:1.7rem}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:1.7rem;margin:1rem 0;box-shadow:0 12px 35px #17342e0d}.narrow{max-width:480px;margin:3rem auto}label{display:grid;gap:.5rem;margin:.6rem 0;font-size:1rem}input,select,textarea,button{font:inherit;padding:.75rem;border:1px solid #aabdb5;border-radius:9px}input,select,textarea{width:100%;background:white;color:#142d27}textarea{min-height:80px}button{background:var(--lime);cursor:pointer;font-weight:650;color:#142d27}.secondary{background:#edf2ef}.linkButton{background:transparent;border:0;text-decoration:underline;padding:.5rem 0}button:disabled{opacity:.5;cursor:not-allowed}nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.wide{grid-column:1/-1}.row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid #dce5e1}.row span{flex:1}details{border:1px solid #d9e2de;border-radius:12px;margin:1rem 0;padding:1rem;border-inline-start:4px solid #90b929}summary{font-weight:700;cursor:pointer}.criteria{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.criteria p{line-height:1.6}.muted{color:#4e665c}#message{white-space:pre-wrap;color:#a22a22}.reportHead{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:1rem;margin-bottom:1rem}.reportHead h1{margin:.2rem 0;letter-spacing:.06em}.reportHead small{color:#638078}.photos{display:block}.photoPage{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.photoPage figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f7f9f8}.photoPage img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photoPage figcaption{padding:.55rem;font-size:.9rem}.photoPlaceholder{display:grid;place-items:center;color:#789087}.testPhoto{background:#f5f8f7;padding:.75rem;border-radius:9px}.printOnly{display:none}#invitation{overflow-wrap:anywhere;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}#reviewControls,#adminControls,#passwordRequests{margin-top:2rem;padding:1rem;background:#f2f6e7;border-radius:12px}#adminControls{background:#e9f4f2}#audit{font-size:.9rem;line-height:1.8}.error{color:#a22a22}[dir=rtl] body{text-align:right}[dir=rtl] input[type=email]{direction:ltr;text-align:left}@media(max-width:650px){body>header{padding:1rem;flex-wrap:wrap}body>header span{display:none}#identity{margin-inline-start:0}.grid,.criteria,.photoPage{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:1rem}button{min-height:44px}} html[lang=fa] body,html[lang=fa] input,html[lang=fa] select,html[lang=fa] textarea,html[lang=fa] button{font-family:"B Nazanin","B Nazanin Regular",Nazanin,Tahoma,"Segoe UI",sans-serif;font-size:17px}.engineeringHero{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.25rem;margin:1rem 0;background:radial-gradient(circle at 85% 15%,#2d6b5d 0,transparent 35%),linear-gradient(125deg,#0b2924,#123d35);border-radius:20px;color:white;box-shadow:0 18px 45px #0b29242b;overflow:hidden;position:relative}.engineeringHero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff17;border-radius:50%;inset:auto -70px -120px auto}.engineeringHero small{letter-spacing:.14em;color:#cbe94e;font-weight:800}.engineeringHero h1{font-size:2.2rem;margin:.45rem 0}.engineeringHero p{max-width:690px;margin:0;color:#d9e6e2;line-height:1.7}.systemState{min-width:190px;padding:1.1rem;border:1px solid #ffffff26;border-radius:14px;background:#ffffff0d;backdrop-filter:blur(8px)}.systemState i{display:inline-block;width:9px;height:9px;margin-inline-end:.5rem;background:#cbe94e;border-radius:50%;box-shadow:0 0 0 6px #cbe94e1c}.systemState span,.systemState small{display:block}.systemState span{font-size:.78rem;font-weight:800;letter-spacing:.08em}.systemState small{color:#b8cbc5;margin-top:.4rem}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metricGrid article{background:white;border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.25rem;box-shadow:0 8px 24px #17342e0a;position:relative;overflow:hidden}.metricGrid article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#9bbe29}.metricGrid span,.metricGrid small,.metricGrid strong{display:block}.metricGrid span{color:#526c63;font-weight:650}.metricGrid strong{font-size:2.1rem;margin:.3rem 0;color:#0e3a32}.metricGrid small{color:#869a93}.commandBar{padding:.8rem;background:#dfe9e5;border-radius:13px;position:sticky;top:.75rem;z-index:5;box-shadow:0 8px 22px #17342e12}.documentId,.certNumber{text-align:end}.documentId small,.documentId strong,.certNumber small,.certNumber strong{display:block}.outcomeBadge{display:inline-block;margin:1rem 0 .25rem;padding:.45rem .9rem;border-radius:999px;background:#e9f2ef;color:#17483e;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.outcomeBadge.unsafe,.outcomeBadge.rejected{background:#fee8e6;color:#9f241c}.resultSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.resultSummary div{padding:1rem;border-radius:12px;background:#f4f7f6;border-top:4px solid #6b8179}.resultSummary div.pass{border-color:#29a36a}.resultSummary div.action{border-color:#e0a52b}.resultSummary div.fail{border-color:#cf3c32}.resultSummary strong,.resultSummary small{display:block}.resultSummary strong{font-size:1.6rem}.documentControl{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.85rem;color:#506a61}.certDocument{max-width:900px;margin:auto;border:1px solid #b9cbc5;background:white;position:relative;overflow:hidden}.certDocument:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(#c9ed45,#0f4b40)}.certDocument>header{display:flex;justify-content:space-between;align-items:start;padding:2rem 2.5rem;border-bottom:1px solid var(--line);background:#f8faf9}.certDocument>header strong{display:block;font-size:1.45rem;letter-spacing:.08em}.certDocument>header small{display:block;margin-top:.4rem;color:#60776f}.certHero{text-align:center;padding:3.5rem 2rem 2.5rem}.certHero>small{letter-spacing:.08em;color:#688078}.certHero h1{font-size:2.6rem;margin:1.1rem 0 .3rem}.certHero h2{font-weight:500;color:#526b62}.certSeal{display:inline-block;margin-top:1.5rem;padding:.8rem 1.4rem;border:2px solid #1c6958;color:#155446;font-weight:800;letter-spacing:.04em}.certGrid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 2.5rem;border:1px solid var(--line)}.certGrid div{padding:1rem;border:1px solid var(--line)}.certGrid small,.certGrid strong{display:block}.certGrid small{color:#647c73;margin-bottom:.3rem}.certStatement{margin:2rem 2.5rem;line-height:1.8;color:#425b52}.tracePanel{margin:0 2.5rem 2rem;padding:1rem;background:#eef4f2;border-inline-start:4px solid #1c6958}.tracePanel small,.tracePanel code{display:block}.tracePanel code{font-size:.72rem;overflow-wrap:anywhere;margin-top:.5rem}.certDocument>footer{display:flex;justify-content:space-between;padding:1.2rem 2.5rem;background:#0f362f;color:white}@media(max-width:850px){.engineeringHero{align-items:flex-start}.systemState{display:none}.metricGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.metricGrid{grid-template-columns:1fr}.engineeringHero{padding:1.4rem}.engineeringHero h1{font-size:1.7rem}} @media print{@page{size:A4;margin:13mm}body>header,nav,button,body.printing main>:not(#printArea){display:none!important}body{background:white;color:#111}html[lang=fa] body{font-family:"B Nazanin","B Nazanin Regular",Nazanin,Tahoma,sans-serif}body.printing #printArea{display:block!important}main{max-width:none;padding:0}.printReport header{display:flex;justify-content:space-between;border-bottom:3px solid #143c34;padding-bottom:5mm}.printReport header strong{display:block;font-size:18pt}.printReport header small{display:block;margin-top:1.5mm}.outcomeBadge{margin:4mm 0 1mm}.printMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin:6mm 0}.printMeta div{border:1px solid #bbb;padding:3mm}.printMeta small,.printMeta strong{display:block}.resultSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm}.resultSummary div{padding:3mm}.printReport table{width:100%;border-collapse:collapse;font-size:8pt}.printReport th{background:#e8efed}.printReport th,.printReport td{border:1px solid #9eaaa6;padding:2mm;vertical-align:top}.printReport tr{break-inside:avoid}.documentControl{font-size:8pt}.photoPage{width:100%;height:270mm;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7mm;break-before:page;break-after:page;margin:0}.photoPage figure{height:131.5mm;display:flex;flex-direction:column;break-inside:avoid;border:1px solid #777;border-radius:0;margin:0;overflow:hidden}.photoPage img{width:100%;height:119mm;min-height:0;aspect-ratio:auto;object-fit:cover;display:block}.photoPage figcaption{height:12.5mm;padding:2.5mm;font-size:9pt}.photoPlaceholder{height:131.5mm!important}.certDocument{border:2px solid #173f37;min-height:260mm;box-shadow:none}.certDocument:before{width:5mm}.certHero{padding-top:20mm}.certHero h1{font-size:28pt}.certGrid{grid-template-columns:repeat(3,1fr)}.tracePanel code{font-size:7pt}} .correctivePage{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:#f8faf9}.defectCount{padding:.45rem .8rem;border-radius:999px;background:#17342e;color:white;font-weight:750}.correctiveCard{margin:1rem 0;border:1px solid #d8e1de;border-inline-start:6px solid #d18c20;border-radius:14px;background:white;overflow:hidden;box-shadow:0 8px 24px #17342e0b}.correctiveCard.fail{border-inline-start-color:#bd2e2e}.correctiveCard>header{display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;background:#f6f8f7}.correctiveCard h3{margin:0;font-size:1rem}.correctiveStatus{padding:.35rem .6rem;border-radius:7px;background:#fff0d9;color:#9b5700;font-size:.78rem;font-weight:850}.correctiveCard.fail .correctiveStatus{background:#fee5e5;color:#a71919}.correctiveFinding{margin:.9rem 1.1rem;padding:.8rem;background:#f3f6f5;border-radius:9px}.correctivePhotos{display:flex;gap:.6rem;align-items:center;margin:.8rem 1.1rem;min-height:62px}.correctivePhotos img{width:88px;height:62px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.correctiveFields{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:.75rem;padding:0 1.1rem 1.1rem}.correctiveEmpty{text-align:center;padding:2.5rem 1rem;border:1px dashed #aec0ba;border-radius:12px;color:#587168}.correctiveEmpty strong{color:#21483f}@media(max-width:850px){.correctiveFields{grid-template-columns:1fr 1fr}}@media(max-width:520px){.correctiveFields{grid-template-columns:1fr}.correctiveCard>header{align-items:flex-start;flex-direction:column}} .language[lang=fa]{font-family:"B Nazanin","B Nazanin Regular",Nazanin,Tahoma,"Segoe UI",sans-serif;font-size:17px}.language[lang=en]{font-family:Inter,"Segoe UI",Tahoma,sans-serif;font-size:16px} /* Conditional forklift checklist: concise navigation with visible test classification. */ .testTypeLegend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.testTypeLegend span,.testType{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:800;letter-spacing:.02em;background:#edf3f1;color:#36524b}.testTypeLegend .document,.testType.document{background:#e7efff;color:#315b9b}.testTypeLegend .visual,.testType.visual{background:#eaf5ec;color:#277448}.testTypeLegend .functional,.testType.functional{background:#fff2d7;color:#925d00}.testTypeLegend .measurement,.testType.measurement{background:#f0e9ff;color:#6442a4}.testTypeLegend .load,.testType.load{background:#ffe8e6;color:#a53b32}.checkGroup{margin:20px 0;border:1px solid #c9d6d2;border-radius:14px;overflow:hidden;background:#fff}.checkGroup>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#eef4f2;border-bottom:1px solid #c9d6d2}.checkGroup>header h3{margin:0;color:#123b33}.checkGroup>header span{font-size:.82rem;color:#60766f}.checkGroup>details{margin:0;border:0;border-bottom:1px solid #dde6e3;border-radius:0}.checkGroup>details:last-child{border-bottom:0}.checkGroup details[hidden]{display:none}.checkGroup summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkGroup summary .testType{margin-inline-start:auto;white-space:nowrap}.numericLimit{display:block;margin-top:10px;padding:9px 11px;border-inline-start:4px solid #d99a18;background:#fff6df;color:#704d00;border-radius:4px} .instrumentCard{margin-top:1rem;padding:1rem;border:1px solid #cbd9d4;border-radius:16px;background:#f8fbfa}.instrumentRow{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:.65rem;align-items:end;margin:.7rem 0}.instrumentRow label{min-width:0}.instrumentRow button{margin-bottom:.1rem}.instrumentPhoto{grid-column:span 3;padding:.65rem;border:1px solid #c5d5d0;border-radius:9px;background:#fff}.instrumentPhoto input{margin-top:.4rem}.confirmedInstrument button{grid-column:span 1}@media(max-width:900px){.instrumentRow{grid-template-columns:1fr 1fr}.instrumentPhoto,.confirmedInstrument button{grid-column:span 2}} .addInstrumentButton{display:inline-flex!important;align-items:center;justify-content:center;margin-top:.75rem;padding:.75rem 1.1rem;border:1px solid #174f43;background:#174f43;color:#fff;border-radius:10px;font-weight:700;cursor:pointer}.addInstrumentButton:disabled{opacity:.45;cursor:not-allowed} .brandingForm{margin:1rem 0 2rem;padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:#f7faf9}.brandingForm small{color:#527268;font-weight:800;letter-spacing:.08em}.companyLogoPreview{display:block;max-width:220px;max-height:90px;object-fit:contain;margin:1rem 0;padding:.5rem;border:1px solid var(--line);background:#fff} .signatureSettings{display:grid;grid-template-columns:1fr auto;gap:.75rem 1rem;align-items:end;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff}.signaturePreview{display:flex;align-items:center;gap:.75rem}.signaturePreview img{width:170px;height:70px;object-fit:contain;border:1px dashed var(--line);border-radius:8px;background:#fff}.signaturePreview button{white-space:nowrap}@media(max-width:760px){.signatureSettings{grid-template-columns:1fr}.signaturePreview{align-items:flex-start;flex-direction:column}} .profileSignatureCard{margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:#f8fbfa}.profileSignatureCard summary{cursor:pointer;font-weight:700}.profileSignatureCard form{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:end;margin-top:1rem}.profileSignaturePreview{width:170px;height:65px;object-fit:contain;border:1px dashed var(--line);border-radius:8px;background:#fff}@media(max-width:760px){.profileSignatureCard form{grid-template-columns:1fr}} .brandingActions{display:flex;gap:.75rem;flex-wrap:wrap}.brandingActions button{min-width:160px} .validationError{outline:3px solid #d12626!important;outline-offset:4px;background:#fff1f1!important;box-shadow:0 0 0 7px #d1262620!important}.confirmedInstrument{border-inline-start:4px solid #25835f;padding-inline-start:.7rem;background:#f2faf6}.instrumentDraftRow{border:2px dashed #8ba59b;padding:.75rem;border-radius:12px;background:#fff} .decisionStatus{display:none;margin:.8rem 0;padding:.75rem 1rem;border-inline-start:5px solid #c32626;border-radius:8px;background:#fff0f0;color:#8e1d1d;font-weight:750}.decisionStatus.visible{display:block} #selfieGate.complete,#selfieGate.complete.validationError,#selfieGate.complete.progressAttention{outline:0!important;outline-offset:0!important;box-shadow:none!important;background:#edf8f3!important;border-color:#2d8b62!important}.locateMissing{cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:700;color:#9a4e00}.locateMissing:focus-visible{outline:2px solid #9a4e00;outline-offset:3px;border-radius:4px} .recordActions{display:flex;gap:.55rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.recordActions button{white-space:nowrap}.certificateShortcut{border-color:#466c61;background:#eef5f2}@media(max-width:700px){.recordActions{width:100%;justify-content:stretch}.recordActions button{flex:1}} .securityPanel{display:grid;gap:14px;padding:16px 4px}.securityActions{display:flex;gap:10px;flex-wrap:wrap}.securityPanel #mfaSetup{border:1px solid #c8d8d2;border-radius:14px;padding:16px;background:#f7faf8}.securityPanel #mfaQr{display:block;width:180px;height:180px;margin:0 0 12px}.securityPanel code{display:block;overflow-wrap:anywhere;margin-bottom:12px;padding:8px;background:#eef3f1}.sessionRow{display:grid;grid-template-columns:minmax(100px,auto) 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #d9e3df;padding:10px 0}.sessionRow small{color:#61716b}@media(max-width:700px){.sessionRow{grid-template-columns:1fr}.securityActions button{width:100%}} .inspectionSignatureCard{display:grid;grid-template-columns:1fr 150px auto auto;gap:14px;align-items:center;margin:16px 0;padding:14px;border:1px solid #b9ccc5;border-inline-start:5px solid #77a42d;border-radius:12px;background:#f4f8f6}.inspectionSignatureCard.missing{border-color:#d89090;border-inline-start-color:#b52626;background:#fff7f7}.inspectionSignatureCard strong,.inspectionSignatureCard small{display:block}.inspectionSignatureCard small{margin-top:5px;color:#5d7069}.inspectionSignatureCard img{width:140px;height:50px;object-fit:contain;background:#fff;border-bottom:1px solid #71817c}.signatureUploadButton{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 14px;cursor:pointer}.signatureUploadButton input{position:absolute;opacity:0;pointer-events:none}@media(max-width:800px){.inspectionSignatureCard{grid-template-columns:1fr}.inspectionSignatureCard img{width:100%;max-width:180px}} .brandStudioGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brandStudioGrid label:nth-last-child(-n+3){grid-column:span 1}.brandAssets{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:center;margin:14px 0}.brandAssets div{display:flex;align-items:center;gap:8px}.brandAssets img{width:80px;height:58px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}:root{--brand-primary:#123b33;--brand-accent:#c9ed45}body>header{background:linear-gradient(120deg,color-mix(in srgb,var(--brand-primary),#000 15%),var(--brand-primary))}button:not(.secondary):not(.danger):not(.linkButton):not(.language){background:var(--brand-accent)}@media(max-width:700px){.brandStudioGrid,.brandAssets{grid-template-columns:1fr}} .persianSettings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.persianSettings legend{padding:0 8px;font-weight:800;color:var(--brand-primary)}html[data-persian-font=vazirmatn][lang=fa] body,html[data-persian-font=vazirmatn][lang=fa] input,html[data-persian-font=vazirmatn][lang=fa] select,html[data-persian-font=vazirmatn][lang=fa] textarea,html[data-persian-font=vazirmatn][lang=fa] button{font-family:Vazirmatn,"Segoe UI",Tahoma,sans-serif}html[data-persian-font=tahoma][lang=fa] body,html[data-persian-font=tahoma][lang=fa] input,html[data-persian-font=tahoma][lang=fa] select,html[data-persian-font=tahoma][lang=fa] textarea,html[data-persian-font=tahoma][lang=fa] button{font-family:Tahoma,"Segoe UI",sans-serif}html[data-persian-font=bnazanin][lang=fa] body,html[data-persian-font=bnazanin][lang=fa] input,html[data-persian-font=bnazanin][lang=fa] select,html[data-persian-font=bnazanin][lang=fa] textarea,html[data-persian-font=bnazanin][lang=fa] button{font-family:"B Nazanin",Nazanin,Tahoma,sans-serif}html[data-bilingual=secondary_below][lang=fa] [data-en]:not(option):after{content:attr(data-en);display:block;font:400 .72em/1.25 "Segoe UI",Tahoma,sans-serif;color:#71827d;margin-top:2px;direction:ltr}html[data-bilingual=secondary_below][lang=en] [data-fa]:not(option):after{content:attr(data-fa);display:block;font:400 .78em/1.25 Tahoma,sans-serif;color:#71827d;margin-top:2px;direction:rtl}.equipmentCards button:after{display:none!important}.equipmentCards button{position:relative;min-height:154px;padding-top:72px;overflow:hidden;padding-inline-end:1.1rem}.equipmentCards button>img{position:absolute;inset:10px 12px auto auto;width:104px;height:58px;object-fit:contain;opacity:.76;transition:transform .2s ease,opacity .2s ease}.equipmentCards button:hover>img,.equipmentCards button:focus-visible>img{transform:translateY(-2px);opacity:1}.equipmentCards button>b{position:absolute;inset:16px auto auto 18px}.equipmentCards button>span,.equipmentCards button>small{position:relative;z-index:1}@media(max-width:850px){.persianSettings{grid-template-columns:1fr 1fr}}@media(max-width:520px){.persianSettings{grid-template-columns:1fr}.equipmentCards button{min-height:142px}} .templateSettings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.templateSettings legend{padding:0 8px;font-weight:800;color:var(--brand-primary)}.templateSettings>p,.templateKey{grid-column:1/-1}.templateSettings>p{margin:0;color:#5d716a;font-size:.9rem}.templateKey{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.templateSwatch{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:9px}.templateSwatch i{display:block;height:38px;border:1px solid #cad4d0;background:#fff}.templateSwatch.minimal i{border-top:3px solid #4d5b57}.templateSwatch.industrial i{border-top:7px solid var(--brand-primary);box-shadow:inset 4px 0 var(--brand-accent)}.templateSwatch.executive i{border:3px double var(--brand-primary);background:linear-gradient(135deg,#fff 70%,var(--brand-accent) 71%)}@media(max-width:650px){.templateSettings,.templateKey{grid-template-columns:1fr}.templateSettings>p,.templateKey{grid-column:auto}} .equipmentCards button{display:grid;justify-items:start;gap:.5rem;min-height:145px;padding:1.1rem;padding-inline-end:5.4rem;background:#f7faf9!important}.equipmentCards button:after{display:block!important}.equipmentCards button>b{position:static;inset:auto}.equipmentCards button>img{display:none} body[data-role=inspector] .engineeringHero{border-inline-start:7px solid #6fae3d}body[data-role=technical_manager] .engineeringHero{border-inline-start:7px solid #e0a52b}body[data-role=admin] .engineeringHero{border-inline-start:7px solid #4385d1}body[data-role] .engineeringHero>div:first-child{max-width:780px}body[data-role] .metricGrid article{min-height:132px}body[data-role=inspector] .metricGrid article:before{background:#6fae3d}body[data-role=technical_manager] .metricGrid article:before{background:#e0a52b}body[data-role=admin] .metricGrid article:before{background:#4385d1}#roleDashboardEyebrow{display:inline-flex;align-items:center;gap:.45rem}#roleDashboardEyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #c9ed4520} #smartProgress.smartProgress{top:5.7rem} .smartProgress{position:sticky;top:.75rem;z-index:3;margin:0 0 1.25rem;padding:1rem;border:1px solid #c7d6d1;border-radius:14px;background:#f9fbfaee;box-shadow:0 8px 24px #17342e14;backdrop-filter:blur(10px)}.smartProgressHead{display:flex;align-items:end;justify-content:space-between;gap:1rem}.smartProgressHead div{display:flex;align-items:baseline;gap:.7rem}.smartProgressHead small{font-size:.7rem;font-weight:850;letter-spacing:.1em;color:#62776f}.smartProgressHead strong{font-size:1.35rem;color:var(--brand-primary)}.smartProgressHead>span{font-size:.84rem;color:#5d726a}.smartProgressTrack{height:8px;margin:.7rem 0;border-radius:10px;background:#dce6e2;overflow:hidden}.smartProgressTrack i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));transition:width .3s ease}.smartProgressItems{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.smartProgressItems button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;min-height:46px;padding:.55rem .7rem;text-align:start;border:1px solid #d2deda;background:#fff!important;color:#354f47}.smartProgressItems button b{min-width:42px;color:#9b5b0b}.smartProgressItems button span{font-size:.78rem}.smartProgressItems button.complete{border-color:#9ccbb5;background:#eef8f3!important}.smartProgressItems button.complete b{color:#176044}.smartProgressItems button.complete b:before{content:"✓ ";font-weight:900}.smartProgress.ready{border-color:#74b494}.smartProgress.ready .smartProgressTrack i{background:#25855d}.progressAttention{outline:3px solid #d12626!important;outline-offset:5px;transition:outline-color .3s}@media(max-width:800px){.smartProgress{position:static}.smartProgressItems{grid-template-columns:1fr 1fr}.smartProgressHead{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.smartProgressItems{grid-template-columns:1fr}} .equipmentPreviewCard{display:grid;grid-template-columns:120px minmax(210px,1.5fr) repeat(4,minmax(115px,1fr));gap:0;align-items:stretch;margin:1rem 0 1.25rem;border:1px solid #cad8d3;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 26px #17342e0d}.equipmentPreviewVisual{min-height:96px;background-color:#edf4f1;background-position:center;background-repeat:no-repeat;background-size:86px 68px;border-inline-end:1px solid #d3dfdb}.equipmentPreviewIdentity,.equipmentPreviewFact{display:flex;flex-direction:column;justify-content:center;gap:.28rem;padding:.85rem 1rem;border-inline-end:1px solid #e0e7e4;min-width:0}.equipmentPreviewIdentity small,.equipmentPreviewFact small{color:#6b7e77;font-size:.7rem;font-weight:750;letter-spacing:.05em}.equipmentPreviewIdentity strong{font-size:1.05rem;color:var(--brand-primary)}.equipmentPreviewIdentity span,.equipmentPreviewFact b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipmentPreviewIdentity span{color:#546b63;font-size:.85rem}.equipmentPreviewFact b{font-size:.88rem}.equipmentPreviewFact.certificateState b{color:#6c7773}.equipmentPreviewCard.hasCertificate .certificateState b{color:#176044}.equipmentPreviewCard.expired .certificateState b{color:#a42626}.equipmentPreviewCard.expired{border-color:#e5b3b3}@media(max-width:1050px){.equipmentPreviewCard{grid-template-columns:100px 1.5fr repeat(2,1fr)}.equipmentPreviewFact:nth-last-child(-n+2){border-top:1px solid #e0e7e4}}@media(max-width:700px){.equipmentPreviewCard{grid-template-columns:92px 1fr 1fr}.equipmentPreviewIdentity{grid-column:span 2}.equipmentPreviewFact{border-top:1px solid #e0e7e4}.equipmentPreviewFact:last-child{grid-column:span 2}} .inspectionStepper button{background:var(--brand-accent)!important;color:#244238!important;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,transparent)!important}.inspectionStepper button.current{background:var(--brand-accent)!important;color:#17382f!important;box-shadow:inset 0 -4px var(--brand-primary),0 3px 10px #17342e18}.inspectionStepper button.complete{background:var(--brand-accent)!important;color:#176044!important}.inspectionStepper button+button:before{display:none}.inspectionStepper{gap:.35rem!important} button:not(:disabled){transition:background-color .16s ease,color .16s ease,border-color .16s ease,filter .16s ease,transform .12s ease,box-shadow .16s ease}button:not(:disabled):hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 5px 14px #17342e22}button:not(:disabled):active{filter:brightness(.82);transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 5px #0002}button:not(:disabled):focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 42%,white);outline-offset:2px}.linkButton:not(:disabled):hover{box-shadow:none;transform:none}.pageThumbnail:not(:disabled):active{transform:scale(.97)} .displayDensity{display:flex;align-items:center;gap:.5rem;margin:0;margin-inline-start:auto;padding:0 .35rem}.displayDensity span{font-size:.78rem;font-weight:750;color:#4f665e}.displayDensity select{width:auto;min-width:125px;padding:.65rem;background:#fff}.fieldModeToggle.active{background:var(--brand-primary)!important;color:#fff;border-color:var(--brand-primary);box-shadow:inset 0 -3px var(--brand-accent)}html[data-density=compact] main{max-width:1380px;padding:.7rem}html[data-density=compact] .card{padding:1rem;margin:.65rem 0;border-radius:13px}html[data-density=compact] label{gap:.3rem;margin:.35rem 0}html[data-density=compact] input,html[data-density=compact] select,html[data-density=compact] textarea,html[data-density=compact] button{padding:.52rem .65rem}html[data-density=compact] .row{padding:.6rem 0}html[data-density=compact] details{margin:.6rem 0;padding:.7rem}html[data-density=compact] .inspectionStepper,html[data-density=compact] .smartProgress{margin-bottom:.7rem;padding:.55rem}html[data-density=compact] .checkGroup{margin:12px 0}html[data-density=compact] .checkGroup>header{padding:9px 12px}html[data-density=compact] .checkGroup>details{padding:.65rem}html[data-field-mode=on]{font-size:18px}html[data-field-mode=on] body{background:#e6ece9}html[data-field-mode=on] button,html[data-field-mode=on] input,html[data-field-mode=on] select{min-height:54px;border-width:2px}html[data-field-mode=on] button{font-weight:800}html[data-field-mode=on] .commandBar{padding:1rem;border:2px solid var(--brand-primary);background:#f5f9f7}html[data-field-mode=on] .inspectionStepper{position:static;gap:.55rem;padding:.65rem;border:2px solid var(--brand-primary);background:#fff}html[data-field-mode=on] .inspectionStepper button{min-height:62px;font-size:.92rem}html[data-field-mode=on] details{border-width:2px}html[data-field-mode=on] summary{min-height:48px;display:flex;align-items:center}html[data-field-mode=on] .smartProgressItems button{min-height:58px}html[data-field-mode=on] .muted,html[data-field-mode=on] small{color:#40574f}@media(max-width:760px){.displayDensity{order:5;margin-inline-start:0;width:100%}.displayDensity select{flex:1}.fieldModeToggle{flex:1}} .languageLauncher{display:flex;align-items:center;gap:.45rem;background:transparent;color:#fff;border-color:#ffffff55}.languageLauncher span{font-size:1.2rem;line-height:1}.languageDialog{width:min(760px,calc(100vw - 2rem));padding:0;border:0;border-radius:18px;color:#17251f;background:#fff;box-shadow:0 24px 80px #0008}.languageDialog::backdrop{background:#071d19a8;backdrop-filter:blur(3px)}.languageDialogCard{padding:1.7rem}.languageDialog header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.languageDialog h2{margin:0;font-size:1.55rem}.languageDialog h3{margin:1.7rem 0 .7rem;font-size:1rem}.languageDialog p{margin:.45rem 0 0;color:#587067}.languageDialogClose{min-width:42px;padding:.2rem .6rem;background:transparent;border:0;color:#17342e;font-size:1.8rem;line-height:1}.languageSuggested,.languageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.languageDialog [data-language-option]{display:flex;align-items:center;gap:.7rem;min-height:58px;padding:.85rem 1rem;border:1px solid transparent;background:#fff;text-align:start;font-weight:650}.languageDialog [data-language-option]:hover,.languageDialog [data-language-option].selected{background:#f0f6f3;border-color:#c8ddd5}.languageDialog [data-language-option].selected{color:#075f4a}.languageDialog [data-language-option] i{display:none;margin-inline-start:auto;font-style:normal;font-size:1.2rem}.languageDialog .languageGrid [data-language-option].selected i{display:block}.languageFlag{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:1.45rem;line-height:1}@media(max-width:560px){.languageLauncher b{display:none}.languageDialogCard{padding:1.25rem}.languageSuggested,.languageGrid{grid-template-columns:1fr}.languageDialog h2{font-size:1.3rem}} .languageLauncher{display:grid;place-items:center;min-width:44px;min-height:44px;padding:.35rem;border-radius:50%}.languageLauncher b{display:none}.languageLauncher span{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:1.45rem;line-height:1} .languageLauncher{background:transparent!important;border:0!important;box-shadow:none!important}.languageLauncher:hover{background:#ffffff14!important;filter:none!important;transform:none!important;box-shadow:none!important}.languageLauncher img{width:30px;height:30px;display:block}.languageDialog header{margin-bottom:.25rem}.languageDialog .languageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.languageDialog .languageGrid .languageFlag{width:30px;height:30px;display:block}.languageDialog .languageGrid button{border-radius:9px}.languageDialog .languageGrid button.selected{background:#edf6ff;border-color:#b7d7f3}@media(max-width:560px){.languageDialog .languageGrid{grid-template-columns:1fr}} /* Booking-style flag control: transparent square launcher, circular flag only. */ body>header #languageMenu.languageLauncher{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:1px solid #ffffff70!important;border-radius:2px!important;color:inherit!important;box-shadow:none!important}body>header #languageMenu.languageLauncher:hover,body>header #languageMenu.languageLauncher:focus-visible{background:#ffffff14!important;filter:none!important;transform:none!important;box-shadow:none!important}body>header #languageMenu.languageLauncher img{width:30px!important;height:30px!important;display:block!important;border-radius:50%!important}.languageDialog{border:0!important;outline:0!important}.languageDialogCard{padding:28px!important}.languageDialogCard>header{margin:0!important;padding:0 0 18px!important;border:0!important;background:transparent!important;color:#17251f!important}.languageDialog .languageGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.languageDialog .languageGrid button{min-height:56px!important;padding:12px 14px!important;background:#fff!important;border:1px solid transparent!important;border-radius:7px!important;color:#17251f!important;box-shadow:none!important;filter:none!important;transform:none!important}.languageDialog .languageGrid button:hover{background:#f4f7f6!important;border-color:#d4e2dc!important;box-shadow:none!important;filter:none!important;transform:none!important}.languageDialog .languageGrid button.selected{background:#edf6ff!important;border-color:#9bc8ec!important;color:#075f9b!important}.languageDialogClose{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:4px!important;color:#17251f!important;box-shadow:none!important;filter:none!important;transform:none!important}@media(max-width:560px){body>header #languageMenu.languageLauncher{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.languageDialog .languageGrid{grid-template-columns:1fr!important}} html[data-bilingual=secondary_below] [data-secondary]::after{content:attr(data-secondary);display:block;margin-top:2px;color:#71827d;font:400 .78em/1.3 Inter,"Segoe UI",Tahoma,sans-serif;direction:attr(data-secondary-dir);unicode-bidi:plaintext}html[data-bilingual=secondary_below] [data-secondary][data-secondary-dir=rtl]::after{font-family:Tahoma,"Segoe UI",sans-serif;text-align:start} html[data-bilingual=secondary_below] [data-secondary][data-secondary-dir=rtl]::after{direction:rtl} /* Two orderly columns: every language begins at the same physical left edge. */ .languageDialog .languageGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .languageDialog .languageGrid [data-language-option]{width:100%;justify-content:flex-start;direction:ltr!important;text-align:left!important} /* Keep Persian and Arabic glyph shaping, without letting their RTL direction move a flag to the other side. */ .languageDialog .languageGrid [data-language-option][dir=rtl]{unicode-bidi:isolate} /* The requested Persian interface face is B Nazanin, independently of old saved preferences. */ html[lang=fa] body,html[lang=fa] input,html[lang=fa] select,html[lang=fa] textarea,html[lang=fa] button{font-family:"B Nazanin","B Nazanin Regular",Nazanin,Tahoma,sans-serif!important} /* Compact, local camera controls: a capture panel is moved directly below its own upload field. */ .photoUploadControls{display:flex;align-items:center;gap:.5rem;width:100%}.photoUploadControls input[type=file]{flex:1 1 auto;min-width:0;width:auto}.cameraButton{width:auto!important;min-width:0!important;min-height:36px!important;padding:.38rem .7rem!important;white-space:nowrap;flex:0 0 auto}.evidenceCameraInline{margin:.65rem 0!important;width:100%;padding:.8rem!important}.evidenceCameraInline video{transform:none!important;max-height:360px!important}.evidenceCameraInline nav{margin-bottom:0!important}@media(max-width:520px){.photoUploadControls{align-items:stretch}.cameraButton{padding:.38rem .55rem!important}} .imagePicker{position:relative;z-index:4;display:inline-flex;width:auto;margin-top:.55rem;overflow:visible!important}.imagePicker:has(.imagePickerMenu:not([hidden])){z-index:50}.imagePickerTrigger{display:inline-grid!important;place-items:center;box-sizing:border-box;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:1px solid #d3ddd9!important;border-radius:50%!important;background:#f5f7f6!important;color:#18352f!important;font:400 28px/1 Arial,sans-serif!important;box-shadow:none!important}.imagePickerTrigger:hover,.imagePickerTrigger[aria-expanded="true"]{background:#e8efec!important;border-color:#9fb4ac!important}.imagePickerMenu{position:absolute;z-index:51;inset-inline-start:0;bottom:calc(100% + 6px);display:grid;width:190px;gap:2px;padding:5px;border:1px solid #d7dfdc;border-radius:10px;background:#fff;box-shadow:0 10px 28px #102b2429}.imagePickerMenu button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:34px!important;margin:0!important;padding:.38rem .55rem!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#213832!important;font-weight:600!important;text-align:start!important;white-space:nowrap}.imagePickerMenu button:before{content:attr(data-icon);width:24px;margin-inline-end:4px;font-weight:400;text-align:center}.imagePickerMenu button:hover{background:#edf3f1!important}.visuallyHiddenFile{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.requiredPhotoPreview{display:flex;gap:5px;margin-top:.65rem}.requiredPhotoPreview a{display:block;width:42px;height:42px}.requiredPhotoPreview img{width:42px;height:42px;display:block;border-radius:6px;object-fit:cover;border:1px solid #b9ccc5} .a4InlinePhotos{display:flex;flex-wrap:wrap;gap:1mm;margin-top:1mm}.a4InlinePhotos figure{width:34mm;margin:0;border:1px solid #aebdb8;background:#f7f9f8}.a4InlinePhotos figure img{width:100%;height:20mm;display:block;object-fit:cover}.a4InlinePhotos figcaption{padding:1mm;font-size:6pt;line-height:1.25;overflow-wrap:anywhere} /* Defer layout and painting for long off-screen checklist sections. */ #checks .checkGroup{content-visibility:auto;contain-intrinsic-size:auto 720px} #checks>.checkGroup>details{contain:layout style} #mfaRecoveryCodes{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;user-select:all;line-height:1.8;font-size:1rem} #mfaNewCodes{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;user-select:all;line-height:1.8;font-size:1rem} #mfaResetDialog{max-width:min(95vw,620px);border:0;border-radius:16px;padding:0} #mfaResetDialog::backdrop{background:#0d2330a8} #mfaResetDialog .card{margin:0} body.reportPreview main > :not(#printArea) { display: none !important; } .reportPreviewWorkspace{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.5rem;align-items:start}.pageRail{position:sticky;top:6.5rem;display:grid;gap:.8rem;max-height:calc(100vh - 8rem);overflow:auto;padding:.5rem}.pageThumbnail{display:grid;gap:.45rem;padding:.45rem;background:#eef3f1;border:2px solid transparent}.pageThumbnail:hover{border-color:#789b2d}.pageThumbnail>span{font-size:.75rem}.pageMiniature{width:112px;height:158px;overflow:hidden;background:white;box-shadow:0 3px 10px #17342e22}.pageMiniature>.a4Sheet{transform:scale(.135);transform-origin:top left;width:210mm!important;max-width:none!important;margin:0!important;box-shadow:none!important;pointer-events:none}.pageColumn{min-width:0}.a4Sheet{position:relative;width:210mm;min-height:297mm;margin:0 auto 1.5rem;padding:13mm 13mm 18mm;background:white;border:1px solid #cad6d2;box-shadow:0 12px 38px #17342e20;overflow:hidden}.a4Header{display:flex;justify-content:space-between;align-items:start;padding-bottom:5mm;border-bottom:3px solid #143c34}.a4Header strong,.a4Header small,.a4Reference strong,.a4Reference small{display:block}.a4Reference{text-align:end}.a4Sheet>h1{font-size:20pt;margin:7mm 0 5mm}.a4Footer{position:absolute;inset:auto 13mm 7mm;display:flex;justify-content:space-between;padding-top:3mm;border-top:1px solid #b9c7c2;color:#587068;font-size:8.5pt}.a4Table{width:100%;border-collapse:collapse;font-size:8pt}.a4Table th{background:#e8efed}.a4Table th,.a4Table td{padding:2mm;border:1px solid #9eaaa6;vertical-align:top}.a4Table tbody tr{height:50mm}.a4InlinePhotos{display:flex;gap:2mm;margin-top:2mm}.a4InlinePhotos img{width:23mm;height:17mm;object-fit:cover}.a4Defect{margin:4mm 0;padding:4mm;border:1px solid #ddb879;border-inline-start:4mm solid #d58a18;border-radius:2mm}.a4Defect.fail{border-color:#e3aaa7;border-inline-start-color:#bd2e2e}.a4Defect>span{float:inline-end;font-weight:850}.a4Defect>div{display:grid;grid-template-columns:repeat(4,1fr);gap:2mm;margin-top:3mm}.a4Defect>div>div{padding:2mm;background:#f3f6f5}.a4Defect small,.a4Defect b{display:block}.a4PhotoGrid{height:238mm;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6mm}.a4PhotoGrid figure{display:flex;flex-direction:column;margin:0;min-height:0;border:1px solid #9eaaa6;overflow:hidden}.a4PhotoGrid img{width:100%;height:105mm;flex:1;min-height:0;object-fit:cover}.a4PhotoGrid figcaption{height:12mm;padding:2.5mm;font-size:8.5pt}.tocList{list-style:none;padding:0;margin:8mm 0}.tocList li{border-bottom:1px solid #d3ddda}.tocLink{display:flex;width:100%;justify-content:space-between;padding:4mm 2mm;border:0;border-radius:0;background:transparent;text-align:start}.tocLink span{font-weight:900}.reportPreview .printMeta{grid-template-columns:repeat(3,1fr)} @media(max-width:900px){.reportPreviewWorkspace{grid-template-columns:1fr}.pageRail{position:static;display:flex;overflow-x:auto;max-height:none}.a4Sheet{width:100%;min-height:auto}.pageMiniature{display:none}.pageThumbnail{display:block;min-width:max-content}.a4Table{font-size:.72rem}} @media print{body.reportPreview .reportPreviewWorkspace{display:block}.pageRail{display:none!important}.pageColumn{display:block}.a4Sheet{width:184mm;min-height:271mm;margin:0;padding:0 0 12mm;border:0;box-shadow:none;break-after:page;page-break-after:always}.a4Sheet:last-child{break-after:auto;page-break-after:auto}.a4Footer{inset:auto 0 2mm}.a4PhotoGrid{height:225mm}.a4PhotoGrid img{height:99mm}.a4Table tbody tr{height:47mm}} body.reportPreview #printArea { display: block; max-width: 1100px; margin: auto; padding: 2rem; background: white; border-radius: 18px; box-shadow: 0 15px 45px #17342e1a; } body.reportPreview .printReport, body.reportPreview .photoPage { width: 210mm; max-width: 100%; margin: 0 auto 1.5rem; padding: 13mm; background: #fff; border: 1px solid #d4dfdb; box-shadow: 0 8px 30px #17342e12; } body.reportPreview .printReport > header { display: flex; justify-content: space-between; border-bottom: 3px solid #143c34; padding-bottom: 5mm; } body.reportPreview .printMeta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; margin: 6mm 0; } body.reportPreview .printMeta div { border: 1px solid #b9c7c2; padding: 3mm; } body.reportPreview .printMeta small, body.reportPreview .printMeta strong { display: block; } body.reportPreview .printReport table { width: 100%; border-collapse: collapse; font-size: .78rem; } body.reportPreview .printReport th { background: #e8efed; } body.reportPreview .printReport th, body.reportPreview .printReport td { border: 1px solid #9eaaa6; padding: 2mm; vertical-align: top; } body.reportPreview .photoPage { min-height: 270mm; grid-template-rows: 1fr 1fr; gap: 7mm; } body.reportPreview .photoPage figure { min-height: 120mm; } body.reportPreview .photoPage img { height: 108mm; object-fit: cover; } .authExperience{min-height:calc(100vh - 115px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);overflow:hidden;border:1px solid #c9d7d2;border-radius:24px;background:#fff;box-shadow:0 24px 70px #0a292335}.loginHero{position:relative;min-height:690px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);color:#fff;background-image:linear-gradient(90deg,rgba(5,25,23,.92) 0%,rgba(7,34,30,.66) 48%,rgba(7,34,30,.08) 100%),url('/assets/lifting-login-hero.webp?v=seo2');background-size:cover;background-position:center}.loginHero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,23,20,.62),transparent 45%);pointer-events:none}.loginHeroContent,.loginHero footer{position:relative;z-index:1}.heroEyebrow{display:inline-block;padding:.45rem .7rem;border:1px solid #d5f06a66;border-radius:6px;color:#d4f05c;font-size:.76rem;font-weight:850;letter-spacing:.16em}.loginHero h1{margin:1.4rem 0 1rem;font-size:clamp(3rem,6vw,5.8rem);line-height:.88;letter-spacing:-.045em}.loginHero p{max-width:570px;font-size:1.1rem;line-height:1.75;color:#e0eae7}.heroCapabilities{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.heroCapabilities span{padding:.55rem .75rem;border:1px solid #ffffff35;border-radius:999px;background:#ffffff12;backdrop-filter:blur(8px);font-size:.82rem}.loginHero footer{display:flex;align-items:center;gap:.7rem;color:#c7d8d3;font-size:.72rem;font-weight:800;letter-spacing:.12em}.loginHero footer i{width:9px;height:9px;border-radius:50%;background:#caed45;box-shadow:0 0 0 7px #caed451c}.authPanel{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,4rem);background:linear-gradient(145deg,#fff,#f4f8f6)}.authBrand{display:flex;align-items:center;gap:.85rem;max-width:460px;width:100%;margin:0 auto 2.5rem}.authBrand>b{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#123e35;color:#c9ed45;letter-spacing:.05em}.authBrand strong,.authBrand small{display:block}.authBrand strong{letter-spacing:.06em}.authBrand small{margin-top:.2rem;color:#698078}.authPanel .card.narrow{width:100%;max-width:460px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.authPanel .card h1{margin:.35rem 0 .45rem;font-size:2.15rem}.authPanel .card>p{margin:0 0 1.5rem;color:#60776f}.formEyebrow{color:#6b8f21;font-weight:850;letter-spacing:.12em}.authPanel form label{font-size:.9rem;font-weight:700}.authPanel form input{padding:.9rem 1rem;border-color:#bdcec8;background:#fff}.authPanel form input:focus{outline:3px solid #c9ed4545;border-color:#789b2d}.authPanel form>button{width:100%;margin-top:.65rem;padding:.9rem;background:#c9ed45}.authFoot{max-width:460px;width:100%;margin:2rem auto 0;color:#788d85;text-align:center;line-height:1.5} .previewActions { position: sticky; top: 1rem; z-index: 10; padding: 1rem; margin: -.5rem 0 1.5rem; background: #e6eeebdd; backdrop-filter: blur(10px); border-radius: 12px; } .connectionState{display:flex;align-items:center;gap:.45rem;margin-inline-start:auto;padding:.4rem .65rem;border:1px solid #ffffff2e;border-radius:999px;font-size:.75rem}.connectionState i{width:8px;height:8px;border-radius:50%;background:#c9ed45;box-shadow:0 0 0 4px #c9ed4520}.connectionState b{color:#c9ed45}.connectionState.offline{border-color:#efa33f66}.connectionState.offline i{background:#efa33f;box-shadow:0 0 0 4px #efa33f20}.connectionState.pending b{color:#ffd17d} .sectionTitle { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; } .sectionTitle h1 { margin: .2rem 0; } .sectionTitle > span { max-width: 440px; color: #60776f; } .sectionTitle > div > small { color: #6d8e27; font-weight: 800; letter-spacing: .12em; } .searchBox { min-width: min(420px, 100%); margin: 0; } .searchBox input { background: #f5f8f7; border-color: #c6d5d0; } .dashboardFilters{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.75rem;margin:1rem 0 1.25rem;padding:1rem;border:1px solid #d5e1dd;border-radius:14px;background:#f6f9f8}.dashboardFilters label{margin:0}.dashboardFilters span{font-size:.8rem;font-weight:750;color:#597168}.dashboardFilters input,.dashboardFilters select{min-width:0;background:#fff}.actionCards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.actionCard{display:grid;justify-items:start;gap:.25rem;padding:1.15rem;text-align:start;background:#f6f9f8;border:1px solid #d4e0dc;border-inline-start:5px solid #71857e}.actionCard:hover{transform:translateY(-2px);box-shadow:0 9px 22px #17342e12}.actionCard strong{font-size:2rem}.actionCard small{color:#687f77}.actionCard.submitted{border-inline-start-color:#df8b18}.actionCard.technical_approved{border-inline-start-color:#1769d2}.actionCard.approved{border-inline-start-color:#25855d}.actionCard.returned{border-inline-start-color:#cf3f37}.actionCard.draft{border-inline-start-color:#77847f}.dashboardRecord{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.7fr) auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #dde6e3}.recordMeta{display:grid;justify-items:start;gap:.4rem}.statusPill{display:inline-flex;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:850;background:#edf1ef;color:#556a63}.statusPill.submitted{background:#fff0d7;color:#995606}.statusPill.technical_approved{background:#e7f1ff;color:#1255aa}.statusPill.approved{background:#e6f5ed;color:#176044}.statusPill.returned{background:#ffe9e7;color:#a82b25}.recordGroupHead{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.7rem 1rem;border-radius:10px;background:#123f36;color:#fff}.recordGroupHead span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:20px;background:#c9ed45;color:#123f36;font-weight:850} .equipmentRow > div { display: grid; gap: .3rem; flex: 1.4; } .equipmentRow > div small { color: #6a8078; } .performanceGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; } .performanceCard { padding: 1.25rem; border: 1px solid #d6e2de; border-radius: 14px; background: linear-gradient(145deg, #fff, #f5f8f7); } .performanceCard h3 { margin: 0; } .performanceCard > strong { display: block; margin-top: .8rem; font-size: 2rem; color: #123f36; } .performanceCard > small { color: #667d74; } .performanceCard > div { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: 1rem; } .performanceCard > div > span { padding: .7rem; background: white; border: 1px solid #e0e8e5; border-radius: 9px; } .performanceCard small,.performanceCard b { display: block; } .scopeNotice { padding: .9rem 1rem; border-inline-start: 4px solid #6d9a25; background: #f2f7e8; border-radius: 8px; } .scopeNotice.warning { border-color: #d58b18; background: #fff5df; color: #754d0a; } .templateBanner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 1.2rem;padding:1rem 1.15rem;border:1px solid #bcd1c9;border-inline-start:6px solid #25855d;border-radius:12px;background:#edf8f3}.templateBanner div{display:grid;gap:.25rem}.templateBanner small{color:#417064;font-weight:800;letter-spacing:.08em}.templateBanner strong{font-size:1.05rem}.templateBanner p{max-width:680px;margin:0;color:#456158}.templateBanner.warning{border-color:#e2c994;border-inline-start-color:#d58b18;background:#fff7e7}.templateBanner.warning small,.templateBanner.warning p{color:#80530c} .equipmentSelection,.formSectionTitle{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border:1px solid #d5e2dd;border-radius:14px;background:linear-gradient(120deg,#f7faf9,#eef4f1);margin:1rem 0}.equipmentSelection>label{min-width:300px;margin-inline-start:auto}.equipmentSelection h2,.formSectionTitle h2{margin:.15rem 0}.equipmentSelection small,.formSectionTitle small{color:#6d8e27;font-weight:800;letter-spacing:.1em}.stepNumber{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#113d34;color:#c9ed45;font-weight:900}.numericLimit{display:block;margin-top:.75rem;padding:.7rem;border-radius:8px;background:#fff3cd;color:#674b08;border-inline-start:4px solid #d99a1d;line-height:1.5} .equipmentCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.equipmentCards button{display:grid;justify-items:start;gap:.5rem;padding:1.1rem;text-align:start;background:#f7faf9;border:1px solid #ccdad5;transition:.18s transform,.18s border-color,.18s box-shadow}.equipmentCards button:hover{transform:translateY(-3px);border-color:#789b2d;box-shadow:0 10px 24px #17342e16}.equipmentCards b{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#123f36;color:#c9ed45}.equipmentCards span{font-size:1.05rem}.equipmentCards small{color:#72867f} .engineeringHero:before{content:"";position:absolute;z-index:0;inset:auto 180px -32px auto;width:330px;height:185px;opacity:.075;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 290' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='M78 248h390M127 248l51-197h29l49 197M150 160h82M164 105h56M192 51v-23M192 29h230M208 47l202-18M410 29v98M397 127h26l-6 23h-14zM192 29L91 65M91 65h18M178 51l-35 197M207 51l35 197'/%3E%3Ccircle cx='410' cy='160' r='9'/%3E%3Cpath d='M410 150v10'/%3E%3C/svg%3E")}.engineeringHero>div{position:relative;z-index:1}.equipmentCards button{position:relative;min-height:145px;overflow:hidden;padding-inline-end:5.4rem}.equipmentCards button:after{content:"";position:absolute;inset:auto .8rem .8rem auto;width:76px;height:62px;opacity:.16;background:center/contain no-repeat;transition:.2s opacity,.2s transform}.equipmentCards button:hover:after{opacity:.3;transform:translateY(-2px)}.equipmentCards button[data-equipment="forklift"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%230d493e' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 66h83M19 65V39h38l13 26M57 39V18h30v47M87 18v47M95 20v48h17M112 68V35M100 35h12'/%3E%3Ccircle cx='35' cy='68' r='10'/%3E%3Ccircle cx='79' cy='68' r='10'/%3E%3C/svg%3E")}.equipmentCards button[data-equipment="overhead_crane"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%230d493e' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 74V17M108 74V17M8 17h104M20 28h80M61 28v25M51 36h20M61 53v10'/%3E%3Cpath d='M55 63c0 12 13 12 13 2'/%3E%3C/svg%3E")}.equipmentCards button[data-equipment="mobile_crane"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%230d493e' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 65h92l-8-20H72l-8 20M54 48l48-35M60 52l48-35M102 13v20M102 33v9'/%3E%3Ccircle cx='30' cy='68' r='9'/%3E%3Ccircle cx='78' cy='68' r='9'/%3E%3Cpath d='M98 42c0 10 10 10 10 2'/%3E%3C/svg%3E")}.equipmentCards button[data-equipment="gantry_crane"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%230d493e' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M10 76h25M85 76h25M24 76l12-55h48l12 55M30 48h60M35 21h50M61 21v31M53 29h16M61 52v10'/%3E%3Cpath d='M55 62c0 11 12 11 12 2'/%3E%3C/svg%3E")}.equipmentCards button[data-equipment="tower_crane"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='none' stroke='%230d493e' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M28 82h42M39 82l7-67h13l7 67M43 56h20M45 34h16M52 15V7M52 8h60M58 18l49-10M101 10v37M95 47h12M101 47v9'/%3E%3Cpath d='M97 56c0 9 9 9 9 2'/%3E%3C/svg%3E")} .danger{background:#fff3f2!important;color:#9b2525!important;border:1px solid #dba9a5!important}.danger:hover{background:#ffe3e0!important} .selfieGate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;border:2px solid #d59725;border-radius:14px;background:#fff8e8}.selfieGate.complete{border-color:#2d8b62;background:#edf8f3}.selfieGate p{margin:.3rem 0 0}.selfieGate label{margin:0;min-width:220px}.selfieGate input{margin-top:.4rem} .selfieGate #selfieActions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.webcamPanel{flex:1 0 100%;padding:1rem;border-radius:12px;background:#102f29}.webcamPanel video,.webcamPanel>img{display:block;width:min(100%,720px);max-height:480px;object-fit:contain;margin:auto;border-radius:10px;background:#000}.webcamPanel video{transform:scaleX(-1)}.webcamPanel nav{justify-content:center;margin-top:.8rem} .inspectionStepper{grid-column:1/-1;position:sticky;top:.75rem;z-index:4;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0 0 1.25rem;padding:.45rem;border:1px solid #cbd9d4;border-radius:14px;background:#f5f8f7eF;box-shadow:0 8px 24px #17342e16;backdrop-filter:blur(10px)}.inspectionStepper button{position:relative;border:0;border-radius:9px;background:transparent;color:#637871;font-size:.84rem}.inspectionStepper button+button:before{content:"";position:absolute;inset-inline-start:-1px;top:28%;height:44%;border-inline-start:1px solid #cad6d2}.inspectionStepper button.complete{background:#e8f3ec;color:#176044}.inspectionStepper button.complete:after{content:"✓";margin-inline-start:.35rem;font-weight:900}.inspectionStepper button.current{background:#123f36;color:#c9ed45}.inspectionStep{scroll-margin-top:7rem}.inspectionSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.inspectionSummary>div{padding:1rem;border-radius:12px;background:#f1f5f3;border-top:4px solid #7b8d87}.inspectionSummary strong,.inspectionSummary span{display:block}.inspectionSummary strong{font-size:1.7rem}.inspectionSummary .pass{border-color:#1769d2;color:#1255aa}.inspectionSummary .action{border-color:#e08a16;color:#a95700}.inspectionSummary .fail{border-color:#d62f2f;color:#ae1919}.missingRequirements{padding:1rem 1.5rem;border-radius:10px;background:#fff7e8;color:#83520b}.missingRequirements:empty{display:none} .requiredPhotos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin:1rem 0}.requiredPhotos label{position:relative;padding:1rem;border:2px dashed #d39a37;border-radius:12px;background:#fff9ed}.requiredPhotos label:before{content:"Required";font-size:.72rem;font-weight:800;color:#9b5a00}.requiredPhotos label.complete{border-style:solid;border-color:#25855d;background:#edf8f3}.requiredPhotos label.complete:before{content:"✓ Captured";color:#176044}.requiredPhotos span{display:block;font-weight:750}.requiredPhotos input{margin-top:.65rem} [dir=rtl] .requiredPhotos label:before{content:"الزامی"}[dir=rtl] .requiredPhotos label.complete:before{content:"✓ ثبت شد"} .stakeholderCards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stakeholderCards fieldset,.projectCard,.assetDataCard{margin:0;padding:1.15rem;border:1px solid #cedbd6;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f8f7)}.stakeholderCards legend{padding:0 .6rem;color:#174d42;font-weight:850}.projectCard{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:end;gap:.8rem;border-inline-start:5px solid #789b2d}.projectCard h3{margin:.2rem 0}.projectCard small{color:#6d8e27;font-weight:850;letter-spacing:.08em}.projectCard label,.assetDataCard label{margin:0}.assetDataCard{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.stakeholderCards input,.projectCard input,.assetDataCard input,.assetDataCard select{background:#fff} #checks details{transition:border-color .2s,background .2s,box-shadow .2s}#checks details.result-action{border-inline-start-color:#e08a16;background:#fffaf2}#checks details.result-fail{border-inline-start-color:#d62f2f;background:#fff6f6;box-shadow:0 0 0 1px #ffd1d1}#checks details.result-pass{border-inline-start-color:#1769d2}.testEvidence{margin-top:1rem;padding:1rem;border-radius:11px;background:#f3f7f5}.testEvidence>strong{display:block;margin-bottom:.7rem}.testThumbnails{display:flex;gap:.65rem;flex-wrap:wrap}.testThumbnails a{display:block;width:130px;height:96px;border-radius:9px;overflow:hidden;border:2px solid #d0dcd8;background:#fff}.testThumbnails img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.testThumbnails a:hover img{transform:scale(1.05)}.emptyEvidence{color:#687e76;font-size:.9rem}.result-action .testEvidence{background:#fff1dc}.result-fail .testEvidence{background:#ffe7e7} .preSubmitReview{margin-top:2rem;padding:1.4rem;border:1px solid #cedbd6;border-radius:16px;background:#fbfcfc}.readinessBanner{padding:1rem 1.2rem;border-radius:11px;font-weight:800}.readinessBanner.ready{background:#e7f5ed;color:#176044;border-inline-start:5px solid #25855d}.readinessBanner.blocked{background:#fff1dc;color:#925406;border-inline-start:5px solid #e08a16}.reviewIdentity{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1rem 0}.reviewIdentity>div{padding:.75rem;border:1px solid #d6e1dd;border-radius:9px;background:#fff}.reviewIdentity small,.reviewIdentity strong{display:block}.reviewIdentity small{color:#667b74}.reviewColumns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.reviewColumns>section{padding:1rem;border:1px solid #d7e1de;border-radius:12px;background:#fff}.reviewException{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:.75rem;margin:.5rem 0;border-radius:9px}.reviewException p{grid-column:1/-1;margin:0}.reviewException.action{background:#fff1dc;color:#8a5008}.reviewException.fail{background:#ffe7e7;color:#a3221d}.photoCheck{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .75rem;margin:.4rem 0;border-radius:8px;background:#f3f6f5}.photoCheck.complete{color:#176044}.photoCheck.missing{background:#fff1dc;color:#925406}.reviewAcknowledgement{display:flex;grid-template-columns:none;align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem;border:2px solid #789b2d;border-radius:11px;background:#f3f8e9;font-weight:750}.reviewAcknowledgement input{width:auto;margin:.2rem 0 0;transform:scale(1.25)} @media (max-width: 1100px) and (min-width: 721px) { .dashboardFilters { grid-template-columns: repeat(3, 1fr); } .authExperience{grid-template-columns:1fr 430px}.loginHero{padding:2.5rem}.loginHero h1{font-size:3.5rem} } @media (max-width: 720px) { .authExperience{display:block;min-height:0;border-radius:18px}.loginHero{min-height:310px;padding:1.5rem;background-position:62% center}.loginHero h1{font-size:2.8rem;margin:.9rem 0}.loginHero p{font-size:.95rem;line-height:1.55}.heroCapabilities{display:none}.loginHero footer{margin-top:2rem}.authPanel{padding:2rem 1.3rem}.authBrand{margin-bottom:1.5rem}.authPanel .card h1{font-size:1.8rem} .engineeringHero:before{display:none}.equipmentCards button:after{opacity:.11}.equipmentCards button:hover:after{opacity:.18} .sectionTitle { align-items: stretch; flex-direction: column; } .searchBox { min-width: 100%; } .equipmentSelection,.formSectionTitle{align-items:stretch;flex-wrap:wrap}.equipmentSelection>label{min-width:100%;margin-inline-start:0} .selfieGate{align-items:stretch;flex-direction:column}.selfieGate #selfieActions{align-items:stretch;flex-direction:column} .inspectionStepper{position:static;grid-template-columns:1fr 1fr}.inspectionStepper button{font-size:.78rem}.inspectionSummary{grid-template-columns:1fr 1fr} .dashboardFilters{grid-template-columns:1fr 1fr}.actionCards{grid-template-columns:1fr}.dashboardRecord{grid-template-columns:1fr}.dashboardRecord>button{width:100%} .stakeholderCards{grid-template-columns:1fr}.projectCard,.assetDataCard{grid-template-columns:1fr} .reviewIdentity{grid-template-columns:1fr 1fr}.reviewColumns{grid-template-columns:1fr} } @media print { body.reportPreview > header, body.reportPreview .previewActions, body.reportPreview main > :not(#printArea) { display: none !important; } body.reportPreview #printArea { display: block !important; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; } body.reportPreview .printReport, body.reportPreview .photoPage { width: auto; max-width: none; margin: 0; padding: 0; border: 0; box-shadow: none; } } .connectionState.conflict{border-color:#ff7474;background:#7d171733}.connectionState.conflict i{background:#ff6767;box-shadow:0 0 0 4px #ff676722}.connectionState.conflict b{color:#ffb1b1}.offlineConflictPanel{margin:0 auto 18px;padding:18px;border:2px solid #b32a2a;border-radius:14px;background:#fff6f6;color:#512020}.offlineConflictPanel>div:first-child p{margin-bottom:8px}.offlineConflictRow{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-top:1px solid #e4baba}.offlineConflictRow strong,.offlineConflictRow small{display:block}.offlineConflictRow small{margin-top:5px}.offlineConflictRow p{margin:6px 0 0;font-size:.82rem}.offlineConflictActions{display:flex;gap:8px;flex-shrink:0}@media(max-width:760px){.offlineConflictRow{align-items:stretch;flex-direction:column}.offlineConflictActions{flex-direction:column}} .forkliftTechnicalData{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0;padding:1.15rem;border:1px solid #c7d7d1;border-radius:14px;background:#f7faf9}.forkliftTechnicalData legend{padding:0 .65rem;color:var(--brand-primary);font-weight:850}.forkliftTechnicalData label{margin:0}.forkliftTechnicalData .wide{grid-column:1/-1}@media(max-width:850px){.forkliftTechnicalData{grid-template-columns:1fr 1fr}}@media(max-width:520px){.forkliftTechnicalData{grid-template-columns:1fr}.forkliftTechnicalData .wide{grid-column:auto}} .brandStudioGrid input[type=color]{display:block;width:100%;height:52px;min-height:52px;padding:4px;border:1px solid #9eb3ab;border-radius:10px;background:#fff;cursor:pointer}.brandStudioGrid input[type=color]::-webkit-color-swatch-wrapper{padding:0}.brandStudioGrid input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.brandStudioGrid input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.brandStudioGrid input[type=color]:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 14%,transparent)}html[data-field-mode=on] .brandStudioGrid input[type=color]{height:62px;min-height:62px;padding:5px} .adminConfigGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.adminConfigCard{padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:#f7faf9}.adminConfigCard h2{margin:.2rem 0}.adminConfigCard p{color:#5d716a}.adminConfigCard code{user-select:all}.demoCredentialCard{padding:1rem;border:2px solid var(--brand-primary);border-radius:10px;background:#fff}.demoAccessRow{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}@media(max-width:800px){.adminConfigGrid{grid-template-columns:1fr}} #emailDeliveryRecipient,#emailDeliveryEvents p{overflow-wrap:anywhere} #forgotFeedback{margin:.9rem 0 0;padding:.85rem 1rem;border:1px solid #bdd7c4;border-radius:10px;background:#eaf5ed;color:#185334;line-height:1.55;font-size:.9rem} #forgotFeedback[data-state="pending"]{border-color:#c8d4d0;background:#f0f5f3;color:#3e6257} #forgotFeedback[data-state="error"]{border-color:#e8c1c1;background:#fff0f0;color:#8f2727} .accountRow{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.accountRow .accountActions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.accountActions button,.accountActions .accountPrimaryAction,.accountActions .accountSessionAction,.accountActions .accountDisableAction{width:auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px;flex:initial} .brandStudioGrid,.adminConfigGrid,.signatureSettings,.brandingForm,.brandingForm label,.signatureSettings>*,.adminConfigGrid>*{min-width:0;max-width:100%}.brandingForm input,.brandingForm select,.adminConfigGrid input,.adminConfigGrid select{min-width:0;max-width:100%;box-sizing:border-box}.brandingForm button,.signatureSettings button,.adminConfigGrid button,.adminPanel summary{white-space:normal;overflow-wrap:anywhere}.signatureSettings input[type=file]{width:100%;max-width:100%} @media(max-width:700px){.accountRow{grid-template-columns:minmax(0,1fr)}.accountRow .accountActions{grid-template-columns:minmax(0,1fr)}.brandStudioGrid,.adminConfigGrid,.signatureSettings{grid-template-columns:minmax(0,1fr)!important}.adminPanel>.brandingForm,.adminPanel>.adminConfigGrid{width:auto!important}.brandingForm{grid-template-columns:minmax(0,1fr)!important}.adminConfigGrid form,.adminConfigGrid section,.adminPanel .field{min-width:0;max-width:100%}.signatureSettings button{width:100%;min-width:0}} .accountRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.accountRow .accountInfo{min-width:0;overflow-wrap:anywhere}.accountActions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.accountActions button{white-space:nowrap}.accountActions .accountSessionAction{width:135px;min-width:135px;flex:0 0 135px}.accountActions .accountPrimaryAction{width:204px;min-width:204px;flex:0 0 204px}.accountActions .accountDisableAction{width:76px;min-width:76px;flex:0 0 76px}@media(max-width:700px){.accountRow{grid-template-columns:1fr;align-items:stretch}.accountActions{justify-content:stretch}.accountActions button{flex:1!important;width:auto!important;min-width:0!important;white-space:normal}} .adminPanel{margin:.65rem 0;border:1px solid #cbd9d4;border-radius:12px;background:#fff;overflow:hidden}.adminPanel>summary{display:flex;align-items:center;min-height:0;padding:.65rem .85rem;cursor:pointer;font-weight:800;color:#163f36;list-style:none;overflow-wrap:anywhere}.adminPanel>summary::-webkit-details-marker{display:none}.adminPanel>summary:before{content:'▸';display:inline;margin-inline-end:.55rem;color:#17483e;font-size:.95rem;transition:transform .18s ease}.adminPanel[open]>summary{border-bottom:1px solid #d5e1dd;background:#f3f7f5}.adminPanel[open]>summary:before{transform:rotate(90deg)}.adminPanel>.brandingForm,.adminPanel>.adminConfigGrid,.adminPanel>#accountForm,.adminPanel>#invitation,.adminPanel>#passwordRequests,.adminPanel>#userList{margin-inline:1.1rem}.adminPanel>.brandingForm{margin-top:1rem}.adminPanel>.adminConfigGrid{margin-top:0;margin-bottom:1.1rem}.adminPanel>#accountForm{margin-top:1rem}.adminPanel>#userList{margin-bottom:1rem}@media(max-width:700px){.adminPanel>.brandingForm,.adminPanel>.adminConfigGrid,.adminPanel>#accountForm,.adminPanel>#invitation,.adminPanel>#passwordRequests,.adminPanel>#userList{margin-inline:.75rem}} .equipmentTechnicalData{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0;padding:1.15rem;border:1px solid #c7d7d1;border-radius:14px;background:#f7faf9}.equipmentTechnicalData legend{padding:0 .65rem;color:var(--brand-primary);font-weight:850}.equipmentTechnicalData label{margin:0}@media(max-width:850px){.equipmentTechnicalData{grid-template-columns:1fr 1fr}}@media(max-width:520px){.equipmentTechnicalData{grid-template-columns:1fr}} .statusPill.technical_rejected{background:#ffe4e1;color:#941f1a}.actionCard.technical_rejected{border-inline-start-color:#b52620} .statusPill.technical_conditional{background:#fff0d7;color:#8a5108}.actionCard.technical_conditional{border-inline-start-color:#d88616} .platformCredit{display:block;color:#52665f;font-size:.72rem;letter-spacing:.035em;text-align:center}.platformCredit strong{color:#31564d}.authPlatformCredit{max-width:460px;width:100%;margin:.45rem auto 0}.workspacePlatformCredit{margin:1.5rem auto .5rem;padding:1rem;border-top:1px solid #cfdbd7}.systemVersion{margin-top:.65rem!important;padding-top:.55rem;border-top:1px solid #ffffff24;font-size:.65rem!important;line-height:1.35}.printOnly .platformCredit{display:none} .accountRow{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.accountRow .accountActions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.accountRow .accountActions button{width:auto!important;min-width:0!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;min-height:44px;flex:initial!important} @media(max-width:700px){.accountRow{grid-template-columns:minmax(0,1fr)}.accountRow .accountActions{grid-template-columns:minmax(0,1fr)}} .passwordField{position:relative;display:block}.passwordField input{width:100%;padding-inline-end:3.4rem!important}.passwordReveal{position:absolute;inset:50% .45rem auto auto;transform:translateY(-50%);display:grid;place-items:center;width:2.6rem!important;height:2.6rem;margin:0!important;padding:0!important;border:1px solid #b8cac3!important;border-radius:9px!important;background:#f4f8f6!important;color:#173e35!important;box-shadow:none!important;touch-action:none;user-select:none}.passwordReveal:hover,.passwordReveal[aria-pressed=true]{background:#dce9e4!important;border-color:#597a70!important}.passwordReveal:active{transform:translateY(-50%) scale(.94)}html[dir=rtl] .passwordReveal{inset:50% auto auto .45rem}html[dir=rtl] .passwordField input{padding-left:3.4rem!important;padding-right:1rem!important} /* Same approved login layout; smaller decorative hero and semantic heading. */ #workspace .engineeringHero .systemState small{color:#e2eee8} #inspectionDockSentinel{height:1px} #editor .inspectionDock{position:sticky;top:8px;z-index:20;--dock-height:150px} #editor .inspectionDock #inspectionStepper{position:static;top:auto;margin:0 0 .5rem} #editor .inspectionDock .smartProgress{margin:0 0 1rem} #editor .inspectionDock .dockShortLabel{display:none} #editor .inspectionDock.dockCompact #inspectionStepper{padding:.25rem;margin-bottom:.25rem} #editor .inspectionDock.dockCompact #inspectionStepper button{min-height:44px;padding:.35rem;font-size:.82rem} #editor .inspectionDock.dockCompact .dockFullLabel,#editor .inspectionDock.dockCompact #smartProgressState{display:none} #editor .inspectionDock.dockCompact .smartProgressItems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin-top:.4rem} #editor .inspectionDock.dockCompact .smartProgressItems button{min-width:0;min-height:44px;padding:.3rem;gap:.2rem;grid-template-columns:1fr;text-align:center} #editor .inspectionDock.dockCompact .smartProgressItems button b{min-width:0;font-size:.8rem} #editor .inspectionDock.dockCompact .smartProgressItems button span{font-size:.72rem;overflow-wrap:anywhere} #editor .inspectionDock.dockCompact .dockShortLabel{display:inline} #editor .inspectionDock.dockCompact .smartProgress{padding:.45rem .7rem;margin-bottom:.5rem} #editor .inspectionDock.dockCompact .smartProgressHead{margin:0} #editor .inspectionDock.dockCompact .smartProgressTrack{margin-top:.3rem} #editor .inspectionStep,#editor #instrumentCard{scroll-margin-top:calc(var(--inspection-dock-height,150px) + 20px)} @media(max-width:760px){#editor .inspectionDock.dockCompact #inspectionStepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem}#editor .inspectionDock.dockCompact .smartProgressItems{grid-template-columns:repeat(2,minmax(0,1fr))}#editor .inspectionDock.dockCompact .smartProgressItems button{grid-template-columns:auto 1fr;text-align:start;gap:.3rem}} @media print{#editor .inspectionDock{position:static}#editor .inspectionDockSentinel{display:none}} #inspectionSignatureFeedback{grid-column:1/-1;margin:0;line-height:1.6;font-size:.9rem} /* Inspection layout: wrap preview copy and reserve a separate image lane in RTL. */ #editor .equipmentPreviewIdentity span,#editor .equipmentPreviewFact b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5} #editor .equipmentPreviewIdentity,#editor .equipmentPreviewFact{min-width:0} #equipmentPicker .equipmentCards button{min-width:0;padding-inline-end:6.25rem} html[dir=rtl] #equipmentPicker .equipmentCards button:after{right:auto;left:.8rem} #editor .instrumentRow{grid-template-columns:repeat(5,minmax(0,1fr));min-width:0} #editor .instrumentCard,#editor #instruments,#editor .instrumentRow label{min-width:0;max-width:100%} #editor .instrumentRow input,#editor .instrumentRow select{min-width:0;max-width:100%;width:100%} @media(max-width:900px){#editor .instrumentRow{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){ #equipmentPicker .equipmentCards{grid-template-columns:1fr} #editor .instrumentRow{grid-template-columns:minmax(0,1fr)} #editor .instrumentPhoto,#editor .confirmedInstrument button{grid-column:1/-1} } /* Inspector dashboard: accessible secondary copy on white and lime cards. */ #workspace:has(#newRecord:not([hidden])) .metricGrid small, #workspace:has(#newRecord:not([hidden])) .actionCard small{color:#4e665c} #workspace:has(#newRecord:not([hidden])) #actionQueue .sectionTitle>div>small{color:#536e1e} /* Inspector only: keep the mobile toolbar in normal flow so it cannot cover records. */ @media(max-width:760px){ #workspace:has(#newRecord:not([hidden])) .commandBar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem} #workspace:has(#newRecord:not([hidden])) .commandBar>button{width:100%;min-width:0;min-height:44px;white-space:normal;margin:0} #workspace:has(#newRecord:not([hidden])) .commandBar>.displayDensity{grid-column:1/-1;width:auto;margin:0;order:5} #workspace:has(#newRecord:not([hidden])) .commandBar>.displayDensity select{min-width:0;min-height:44px} } .loginHero{background-image:linear-gradient(90deg,rgba(5,25,23,.92) 0%,rgba(7,34,30,.66) 48%,rgba(7,34,30,.08) 100%),url('/assets/lifting-login-hero.webp?v=seo2')} .authPanel .card h2{margin:.35rem 0 .45rem;font-size:2.15rem} .signatureUploadButton{position:relative}.signatureUploadButton input{width:1px!important;height:1px!important;padding:0!important;inset-inline-start:0;overflow:hidden;clip:rect(0,0,0,0)} @media(max-width:650px){.authPanel .card h2{font-size:1.8rem}} @media(max-width:650px){.loginHero h1{font-size:clamp(1.6rem,8vw,2.8rem)}#holdPassword{min-width:44px;min-height:44px}} /* CONTROLLED SAFETY PALETTE: never map these variables to organization branding. */ :root{--safety-accept:#0d58b5;--safety-accept-bg:#e8f2ff;--safety-accept-border:#75a9e8;--safety-observation:#a95700;--safety-observation-bg:#fff1dc;--safety-observation-border:#e7a64d;--safety-reject:#b51616;--safety-reject-bg:#ffe7e7;--safety-reject-border:#e87878;--safety-na:#596762;--safety-na-bg:#edf1ef;--safety-na-border:#aebbb6} .resultCell{font-weight:900;text-align:center;text-transform:uppercase} .resultCell.pass,.inspectionSummary .pass,.resultSummary .pass,.summary .pass{color:var(--safety-accept)!important;border-color:var(--safety-accept-border)!important}.resultCell.pass{background:var(--safety-accept-bg)!important}.result-pass{border-inline-start-color:var(--safety-accept)!important}.result-pass select{border-color:var(--safety-accept-border)!important;color:var(--safety-accept)!important} .resultCell.action,.inspectionSummary .action,.resultSummary .action,.summary .action{color:var(--safety-observation)!important;border-color:var(--safety-observation-border)!important}.resultCell.action,.result-action .testEvidence,.reviewException.action{background:var(--safety-observation-bg)!important;color:var(--safety-observation)!important}.result-action,.correctiveCard:not(.fail){border-inline-start-color:var(--safety-observation)!important}.result-action select{border-color:var(--safety-observation-border)!important;color:var(--safety-observation)!important} .resultCell.fail,.inspectionSummary .fail,.resultSummary .fail,.summary .fail{color:var(--safety-reject)!important;border-color:var(--safety-reject-border)!important}.resultCell.fail,.result-fail .testEvidence,.reviewException.fail,.correctiveCard.fail .correctiveStatus{background:var(--safety-reject-bg)!important;color:var(--safety-reject)!important}.result-fail,.correctiveCard.fail{border-inline-start-color:var(--safety-reject)!important}.result-fail select{border-color:var(--safety-reject-border)!important;color:var(--safety-reject)!important} .resultCell.na,.resultCell.unset,.inspectionSummary .na,.resultSummary .na,.summary .na{color:var(--safety-na)!important;border-color:var(--safety-na-border)!important}.resultCell.na,.resultCell.unset{background:var(--safety-na-bg)!important}.result-na{border-inline-start-color:var(--safety-na)!important}.result-na select{border-color:var(--safety-na-border)!important;color:var(--safety-na)!important} .outcomeBadge.safe{color:var(--safety-accept)!important;background:var(--safety-accept-bg)!important;border:1px solid var(--safety-accept-border)!important}.outcomeBadge.conditional{color:var(--safety-observation)!important;background:var(--safety-observation-bg)!important;border:1px solid var(--safety-observation-border)!important}.outcomeBadge.rejected,.outcomeBadge.unsafe{color:var(--safety-reject)!important;background:var(--safety-reject-bg)!important;border:1px solid var(--safety-reject-border)!important} .inlineEvidence{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.inlineEvidence img{width:26mm;height:20mm;object-fit:cover;border:1px solid #8fa19b} @media print{.resultCell,.summary div,.inspectionSummary div,.resultSummary div,.outcomeBadge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}