/* 센서·로트·발주 화면 — style.css 의 FNA_HACCP 토큰을 그대로 따른다 */
.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--fna-space-md);padding:16px}
.model-card{border:1px solid var(--fna-border);border-radius:var(--fna-radius-lg);padding:16px}
.model-card h2{margin:10px 0 8px;font-size:var(--fna-font-size-lg)}
.model-card p{font-size:var(--fna-font-size-md);color:var(--fna-text-muted);white-space:pre-wrap}
.model-card dl>div{display:flex;justify-content:space-between;font-size:var(--fna-font-size-sm);margin-top:8px;gap:var(--fna-space-md)}
.model-card dt{color:var(--fna-text-muted);font-weight:700}
.model-card dd{margin:0}
.sensor-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.padded{padding:0 16px 16px}
.padded select,dialog select{display:block;width:100%;margin-top:5px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,260px));gap:14px;padding:16px}
.photo-grid:has(.empty){display:block}
.photo-grid figure{margin:0}
.photo-grid img{width:100%;height:180px;object-fit:contain;background:var(--fna-bg);border:1px solid var(--fna-border);border-radius:var(--fna-radius-md)}
.photo-grid figcaption{font-size:var(--fna-font-size-sm);color:var(--fna-text-muted);margin-top:6px}
.info-grid dd{overflow-wrap:anywhere;white-space:pre-wrap}
.no-print{display:block}

@media(max-width:850px){.sensor-layout{grid-template-columns:1fr}}
@media(max-width:650px){
  /* 모바일 메뉴 명단은 여기서 없어졌다. 좁은 화면 사이드바가 서랍이 되면서
     데스크톱과 같은 메뉴를 그대로 쓰므로 고를 필요가 없다 (style.css 650px 블록). */
  .title-row{flex-wrap:wrap}
  .model-grid{padding:12px}
  .panel-head input{max-width:100%}
}
@media print{
  aside,header,footer,.back,.no-print,#print-plan{display:none!important}
  .shell{margin:0}
  main{padding:0;max-width:none}
  .panel{break-inside:avoid;border-radius:0}
  .stats{grid-template-columns:repeat(4,1fr)}
  body{background:var(--fna-surface)}
  .table-wrap{overflow:visible}
  table{white-space:normal}
  a{color:inherit}
  button{display:none}
}