/* ComponentERP beta, T2794 B10 Inspection in/out (IN-1..IN-12): styles for inspection.js. */
:root{--in-pass:light-dark(#186743,#86ddb3);--in-fail:light-dark(#b42318,#ff9b8f);--in-skip:light-dark(#8e4714,#ffbe91);--in-na:var(--muted)}
.in-grid h2{margin-top:0}
.in-res{font-weight:600}
.in-res.in-passed,.in-res.in-complete{color:var(--in-pass)}
.in-res.in-failed{color:var(--in-fail)}
.in-res.in-skipped{color:var(--in-skip)}
.in-res.in-not{color:var(--in-na);font-weight:400}
.badge.in-done{color:var(--in-pass)}
.badge.in-hold{color:var(--in-skip)}
.in-holdnote{margin:0 0 12px}
#modal.in-modal{width:min(1100px,calc(100% - 28px))}
#modal.in-modal #modalbody{max-height:calc(100dvh - 120px);overflow:auto}
.in-lot>p.muted{margin:0 0 10px}
.in-block{border:1px solid var(--line);border-radius:6px;padding:12px;margin:0 0 12px;background:var(--panel)}
.in-block h3{margin:0 0 10px;font-size:14px}
.in-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 12px}
.in-info .field{margin:0}
.in-sec{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.in-sec legend{font-weight:700;padding:0 0 6px;font-size:13px}
.in-q{padding:8px;border-radius:5px;background:var(--stripe,var(--group))}
.in-q p{margin:0 0 4px;font-size:12.5px}
.in-q textarea{width:100%;min-height:38px;margin-top:4px;font-size:12px}
.in-q .radios label{display:inline-flex;align-items:center;gap:4px}
.in-q .radios .in-pass:has(input:checked){color:var(--in-pass);font-weight:600}
.in-q .radios .in-fail:has(input:checked){color:var(--in-fail);font-weight:600}
.in-prior summary{cursor:pointer;font-weight:600}
.in-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:8px 0 0;font-size:12.5px}
.in-dl dt{color:var(--muted)}
.in-dl dd{margin:0}
.in-place{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.in-place select{min-width:180px;max-width:100%}
.in-alloc{width:90px}
.in-acts{display:flex;flex-wrap:wrap;gap:4px}
.in-acts .tiny{margin:0}
.in-block>h3+.in-info{margin-top:4px}
.in-info{padding-top:4px}
/* T2827: page content follows the width #content has (container "main", base.css), not the viewport; the @media copy keeps dialogs/menus outside #content on the viewport */
@container main (max-width:736px){.in-sec{grid-template-columns:1fr}.in-info{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.in-sec:where(:not(#content *)){grid-template-columns:1fr}.in-info:where(:not(#content *)){grid-template-columns:1fr 1fr}}
@container main (max-width:396px){.in-info{grid-template-columns:1fr}}
@media (max-width:420px){.in-info:where(:not(#content *)){grid-template-columns:1fr}}
.in-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
.in-head .field{grid-column:auto;margin:0}
.in-head select,.in-head input{width:100%}
@container main (max-width:396px){.in-head{grid-template-columns:1fr}}
@media (max-width:420px){.in-head:where(:not(#content *)){grid-template-columns:1fr}}
#modal.in-modal .tablewrap,.in-block .tablewrap{min-height:0}
.in-block{overflow-x:auto}
.in-locs{display:grid;gap:8px}
.in-loc{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.in-grid .tablewrap{min-height:0;max-height:none}
.in-loc>div{min-width:0}.in-place select{min-width:0;flex:1 1 180px}
#modal.in-modal #editform>*,.in-lot,.in-lot>*{min-width:0;max-width:100%}
.in-sub{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 0}
.in-sub>*:not(:last-child)::after{content:"·";margin:0 6px;color:var(--muted);display:inline-block}
.in-sub>.badge{margin-left:6px}
.in-sub>.badge::after,.in-sub>*:has(+.badge)::after{content:none}