.haccp{padding:12px 16px 40px}
.haccp input,.haccp select{font:inherit;padding:11px 12px;background:#f5f5f5;color:#0b0b0b;border:0;border-radius:8px;min-width:0}
.haccp .auth input{width:100%}
.who{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:12px;background:#1d1d1d;border-radius:12px}
.who label{font-weight:800;color:#ffffff}
.who input{flex:1;min-width:180px;font-size:18px}
.who input.need{outline:3px solid #e8a04a}
.link{color:#a9a9a9;margin-left:auto}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tabs button{padding:12px 16px;font-weight:700}
.tabs button.on{background:#f20e0e;color:#fff;border-color:#f20e0e}
.msg{padding:12px 14px;border-radius:10px;margin-bottom:12px;font-weight:700}
.msg.ok{background:#173020}
.msg.err{background:#7a3a2a}
.card{background:#151515;border:1px solid #2f2f2f;border-radius:12px;margin-bottom:14px;overflow:hidden}
.card h2{font-size:19px;background:#222222;color:#ffffff;margin:0;padding:10px 14px}
.card .body{padding:12px 14px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #2f2f2f}
.row:first-of-type{border-top:0}
.row .name{flex:1 1 220px;font-weight:600;font-size:17px}
.row .sub{display:block;font-weight:400;font-size:13px;color:#a9a9a9;margin-top:2px}
.row .temp{width:110px}
.row .actie{flex:1 1 100%}
.row.done .name{opacity:.6}
.badge{font-size:13px;padding:4px 9px;border-radius:20px;background:#173020;white-space:nowrap}
.badge.bad{background:#8a3f2c}
.badge.open{background:#6b5a2e}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-items:end}
.form label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#a9a9a9}
.form .wide{grid-column:1/-1}
.form .checkline{flex-direction:row;align-items:center;gap:10px;font-size:16px;color:#f5f5f5}
.form .checkline input{width:26px;height:26px;accent-color:#f20e0e;padding:0}
.haccp button.primary{background:#f20e0e;color:#fff;border-color:#f20e0e;font-weight:800;padding:12px 16px}
.haccp button:disabled{opacity:.5;cursor:default}
table.list{width:100%;border-collapse:collapse}
table.list th,table.list td{text-align:left;padding:9px 10px;border-bottom:1px solid #2f2f2f;vertical-align:top;font-size:15px}
table.list th{color:#ffffff;font-size:13px}
table.list tr.bad td{background:#4a2a20}
.scroll{overflow:auto}
.empty{color:#a9a9a9;padding:12px 14px}
.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tabs.zones button{padding:9px 12px;font-weight:600;font-size:14px}
.row button{padding:11px 16px}
.hint{color:#a9a9a9;font-size:14px}
.card .tabs.zones{margin-bottom:10px}