/* prod — кабинет «Производство» (Стиль 2026, только переменные из index.html) */
.pd{display:flex;flex-direction:column;gap:12px;color:var(--text);}
.pd-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px;}
.pd-tabs::-webkit-scrollbar{display:none;}
.pd-tabs button{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;}
.pd-tabs button.on{background:var(--text);color:var(--bg);border-color:var(--text);}
.pd-body{display:flex;flex-direction:column;gap:12px;min-width:0;}
.pd-load{padding:28px;text-align:center;}
.pd-empty{background:var(--panel);border:1px dashed var(--border);border-radius:18px;padding:22px 18px;text-align:center;color:var(--text-dim);font-size:14.5px;line-height:1.45;}
.pd-note{color:var(--text-dim);font-size:13px;line-height:1.4;margin:0;}
.pd-dim{color:var(--text-dim);font-size:13px;margin-top:4px;}
.pd-bad{color:var(--err);} .pd-warn{color:var(--warn);}
.pd-h{font-size:15px;margin:8px 2px 0;font-weight:800;}

.pd-btn{min-height:44px;padding:0 18px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;}
.pd-btn.pd-primary{background:var(--text);color:var(--bg);border-color:var(--text);width:100%;}
.pd-btn:disabled{opacity:.55;}
.pd-ib{min-width:44px;min-height:44px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:22px;line-height:1;cursor:pointer;}
.pd-chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;}

.pd-daynav{display:flex;align-items:center;gap:10px;}
.pd-daynav b{font-size:17px;} .pd-daynav span{color:var(--text-dim);font-size:13px;flex:1;}

.pd-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.pd-kpi>div{background:var(--panel);border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.pd-kpi b{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pd-kpi span{font-size:12px;color:var(--text-dim);}
.pd-kpi.sm>div{background:var(--panel2);}
@media (max-width:520px){.pd-kpi{grid-template-columns:repeat(2,1fr);}}

.pd-alerts{display:flex;flex-direction:column;gap:6px;}
.pd-alert{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:14px;border:0;text-align:left;font:inherit;font-size:14px;cursor:pointer;background:var(--warn-bg);color:var(--text);}
.pd-alert i{flex:0 0 10px;height:10px;border-radius:50%;background:var(--warn);}
.pd-alert.bad{background:var(--err-bg);} .pd-alert.bad i{background:var(--err);}

.pd-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:760px){.pd-grid{grid-template-columns:1fr 1fr;}}
.pd-card{background:var(--panel);border-radius:20px;padding:14px 16px;border:1px solid transparent;display:block;width:100%;text-align:left;font:inherit;color:var(--text);box-sizing:border-box;}
button.pd-card{cursor:pointer;} button.pd-card:active{border-color:var(--border);}
.pd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pd-row>b{min-width:0;overflow-wrap:anywhere;}
.pd-name{font-size:16px;}
.pd-st{flex:0 0 auto;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--muted-bg,var(--panel2));color:var(--text-dim);white-space:nowrap;}
.pd-st.s-driving,.pd-st.s-started{background:var(--panel2);color:var(--text);}
.pd-st.s-onsite,.pd-st.s-warn,.pd-st.s-none{background:var(--warn-bg);color:var(--warn);}
.pd-st.s-done,.pd-st.s-end,.pd-st.s-ok{background:var(--ok-bg);color:var(--ok);}
.pd-st.s-bad,.pd-st.s-skipped{background:var(--err-bg);color:var(--err);}
.pd-bar{height:6px;border-radius:6px;background:var(--panel2);margin:10px 0 8px;overflow:hidden;}
.pd-bar i{display:block;height:100%;background:var(--accent);border-radius:6px;}
.pd-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;}
.pd-cur{margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--panel2);font-size:14px;display:flex;flex-direction:column;gap:2px;}
.pd-cur em{font-style:normal;font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;}
.pd-cur small{color:var(--text-dim);font-size:13px;}

.pd-sheet-w{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:flex-end;justify-content:center;}
.pd-sheet{background:var(--bg);width:100%;max-width:640px;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:16px 16px 24px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;}
@media (min-width:760px){.pd-sheet-w{align-items:center;}.pd-sheet{border-radius:22px;}}
.pd-sh-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.pd-sh-h b{font-size:18px;display:block;} .pd-sh-h span{color:var(--text-dim);font-size:13px;}
.pd-tl{display:flex;flex-direction:column;gap:8px;}
.pd-tl-i{display:flex;gap:10px;background:var(--panel);border-radius:18px;padding:12px;font-size:14px;}
.pd-tl-t{flex:0 0 48px;font-weight:800;display:flex;flex-direction:column;} .pd-tl-t small{font-weight:400;color:var(--text-dim);}
.pd-tl-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.pd-tl-i.s-done{opacity:.92;} .pd-tl-i.s-skipped{opacity:.6;}
.pd-rep{margin-top:6px;padding:8px 10px;border-radius:12px;background:var(--ok-bg);font-size:13.5px;}

.pd-seg{display:inline-flex;align-self:flex-start;background:var(--panel);border-radius:14px;padding:3px;gap:3px;}
.pd-seg button{min-height:40px;padding:0 16px;border:0;border-radius:11px;background:transparent;color:var(--text-dim);font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.pd-seg button.on{background:var(--text);color:var(--bg);}
.pd-best{display:flex;align-items:center;gap:8px;background:var(--ok-bg);border-radius:14px;padding:10px 14px;font-size:14px;}
.pd-best i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--ok);}
.pd-tw{overflow-x:auto;background:var(--panel);border-radius:18px;-webkit-overflow-scrolling:touch;}
.pd-t{border-collapse:separate;border-spacing:0;font-size:13px;min-width:100%;}
.pd-t th,.pd-t td{padding:8px 8px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap;}
.pd-t thead th{font-weight:700;color:var(--text-dim);font-size:12px;}
.pd-t th small,.pd-t td small{display:block;font-size:11px;color:var(--text-dim);font-weight:400;}
.pd-t .pd-stick{position:sticky;left:0;background:var(--panel);text-align:left;z-index:1;max-width:140px;overflow:hidden;text-overflow:ellipsis;}
.pd-t .pd-sum{background:var(--panel2);}
.pd-t tr.best .pd-stick{color:var(--ok);}
.pd-t tr.tot th,.pd-t tr.tot td{border-bottom:0;font-weight:800;}
.pd-t td.pd-warn b{color:var(--warn);}
.pd-t2 td{min-width:72px;}

.pd-iss{border-left:4px solid var(--border);} .pd-iss.bad{border-left-color:var(--err);} .pd-iss.warn{border-left-color:var(--warn);}
.pd-iss>div{margin-top:4px;font-size:14px;}
.pd-sevh{font-size:13px;font-weight:800;margin:4px 2px -4px;color:var(--text-dim);} .pd-sevh.bad{color:var(--err);} .pd-sevh.warn{color:var(--warn);}
.pd-q{background:var(--panel2);border-radius:12px;padding:8px 10px;font-size:13.5px;}
.pd-q em{font-style:normal;font-weight:700;display:block;font-size:12px;color:var(--text-dim);}
.pd-mt{border-left:4px solid var(--warn);} .pd-mt.bad{border-left-color:var(--err);}

.pd-cr.off{opacity:.65;}
.pd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.pd-tags span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;}
.pd-tags .ok{background:var(--ok-bg);color:var(--ok);} .pd-tags .warn{background:var(--warn-bg);color:var(--warn);}
.pd-ppl{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:14px;}
.pd-ppl em{font-style:normal;font-size:12px;font-weight:700;color:var(--text-dim);display:block;}
.pd-ppl small{color:var(--text-dim);}
.pd-acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;} .pd-acts .pd-btn{flex:1;}
.pd-form{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.pd-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim);font-weight:700;}
.pd-form input{min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 12px;font:inherit;font-size:15px;box-sizing:border-box;width:100%;}
.pd-err{color:var(--err);font-size:13px;min-height:0;}