:root{--g:#1d5e2f;--lg:#eef5ee}*{box-sizing:border-box}body{color:#1b1b1b;background:#f7f7f4;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header.top{background:var(--g);color:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}header.top a{color:#fff;font-weight:600;text-decoration:none}header.top img{height:40px}main{max-width:1200px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:14px;padding:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{vertical-align:top;border:1px solid #ccc;padding:4px 6px}th{background:var(--g);color:#fff;text-align:left}tr.grp td{background:var(--lg);font-weight:700}td.n{text-align:right;white-space:nowrap}input,select,textarea{font:inherit;border:1px solid #bbb;border-radius:4px;max-width:100%;padding:6px}button,.btn{background:var(--g);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:4px;padding:7px 12px;text-decoration:none;display:inline-block}button.sec,.btn.sec{background:#666}button.x{background:#a33;padding:2px 7px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}label{color:#444;flex-direction:column;gap:2px;font-size:12px;display:flex}.muted{color:#666;font-size:12px}.warn{background:#fff3cd;border:1px solid #e0c060;border-radius:6px;padding:8px}.photos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.photos figure{background:#fff;border:1px solid #ddd;border-radius:6px;margin:0;overflow:hidden}.photos img{object-fit:cover;width:100%;height:150px;display:block}.photos figcaption{padding:4px 6px;font-size:12px}.done{color:#777;text-decoration:line-through}.pill{background:#e7e7e7;border-radius:10px;padding:1px 7px;font-size:11px}.gate{background:#fde2e2}.over{color:#a33;font-weight:700}.doc{background:#fff;max-width:1000px;margin:0 auto;padding:24px}.dochead{border-bottom:3px solid var(--g);align-items:center;gap:14px;margin-bottom:10px;padding-bottom:8px;display:flex}.dochead img{height:80px}@media print{header.top,.noprint{display:none!important}body{background:#fff}main,.doc{padding:0}table{font-size:10px}}@media (max-width:640px){main,.doc{padding:8px}.dochead{flex-wrap:wrap}.dochead img{height:56px}.grid{grid-template-columns:1fr}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;font-size:16px}}
