/* Produção — filtros, planejamento mensal e ajustes do quadro */
.prod-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 18px}
.prod-filters .search input{width:240px;max-width:100%}
.prod-plans{margin-bottom:18px;padding:14px 16px}
.prod-plans .box-h{margin-bottom:10px}
.prod-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.prod-plan{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;color:inherit;min-width:0}
button.prod-plan:hover{border-color:var(--accent-line);box-shadow:var(--shadow-1)}
.prod-plan.empty{flex-direction:row;align-items:center;justify-content:space-between;border-style:dashed;background:transparent}
.drawer .block > h4{flex-wrap:wrap}
.drawer .steps .step input[type=date]{color:inherit}
@media (max-width:860px){
  .prod-filters .search{flex:1 1 100%}
  .prod-filters .search input{width:100%}
  .prod-filters select.filter{flex:1 1 40%;max-width:none}
  .prod-plan-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(190px,72%);overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
  .prod-plan-grid::-webkit-scrollbar{display:none}
}

/* Meu dia */
.ini-head{max-width:980px}
.ini-group{margin-top:6px}
.ini-group + .ini-group{margin-top:16px}
.ini-group h3{font:650 13.5px/1.3 var(--body);color:var(--ink-2);display:flex;align-items:center;gap:8px;margin:0 0 2px}
.ini-row{padding:9px 4px}
.ini-open{background:none;border:0;text-align:left;padding:0;color:inherit;flex:1;min-width:0;border-radius:8px}
.ini-open:hover .t{color:var(--accent)}
.ini-row .r{flex-direction:row;align-items:center;gap:10px}
.ini-msg{align-items:flex-start}
.ini-msg-tx{font-size:13.5px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.ini-kudo{padding:10px 0;border-bottom:1px solid var(--line)}
.ini-kudo:last-child{border-bottom:0;padding-bottom:0}
.ini-kudo p{margin:7px 0 3px;font-size:14px}
.pick svg{width:22px;height:22px;color:var(--accent);flex:none}
@media (max-width:560px){
  .ini-row{flex-wrap:wrap}
  .ini-row .r{width:100%;justify-content:space-between}
}

/* ---------- produção por cliente ---------- */
.prod-progress{margin-bottom:18px;padding:16px 18px}
.prod-progress .box-h{margin-bottom:8px}
.pp-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.pp-pct{font:700 30px/1 var(--display);letter-spacing:-.02em}
.pp-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pp-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 11px;font-size:13.5px}
.pp-item .nm{color:var(--ink-2)}
.pp-item b{font-variant-numeric:tabular-nums}
.pp-item.done{border-color:color-mix(in oklab,var(--ok) 35%,var(--line));background:var(--ok-soft)}
.pp-item.done svg{width:16px;height:16px;color:var(--ok)}
.pp-ring{width:16px;height:16px;border-radius:50%;flex:none;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-3) 0);mask:radial-gradient(circle,transparent 4.5px,#000 5px);-webkit-mask:radial-gradient(circle,transparent 4.5px,#000 5px)}
.prod-ov{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.prod-ov-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.prod-ov-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-2)}
.pp-pct-sm{font:700 20px/1 var(--display);flex:none}
.pp-mini{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--ink-2)}
.pp-mini span.ok{color:var(--ok)}
.chip.lc-mini svg{width:12px;height:12px}
.links-main{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface-2);margin-top:16px}
.links-main > h4 svg{width:16px;height:16px;color:#7D2AE8}
.lm-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:8px}
.lm-row label{font-size:13px;font-weight:600;color:var(--ink-2)}
.lm-row input{border:1px solid var(--line-2);background:var(--surface);border-radius:9px;padding:7px 10px;font-size:14px;min-width:0;width:100%}
.pieces{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.piece{display:grid;grid-template-columns:22px 70px 150px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);font-size:13.5px}
.piece:last-child{border-bottom:0}
.piece .pc-lb{font-weight:600}
.piece select,.piece input:not([type=checkbox]){border:1px solid transparent;background:transparent;border-radius:7px;padding:4px 6px;font-size:13.5px;width:100%;min-width:0}
.piece select:hover,.piece input:not([type=checkbox]):hover{background:var(--surface-2)}
.piece.done .pc-lb{color:var(--ok)}
.prod-rt-intro{margin-bottom:16px}
.prod-rt-intro > .row-flex > svg{width:20px;height:20px;color:var(--accent);margin-top:2px}
.prod-rt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.prod-rt.off{opacity:.65}
.prod-rt-next{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}
@media (max-width:860px){
  .lm-row{grid-template-columns:1fr}
  .piece{grid-template-columns:22px 60px minmax(0,1fr) auto}
  .piece input:not([type=checkbox]){grid-column:2/-1}
  .prod-ov,.prod-rt-list{grid-template-columns:minmax(0,1fr)}
}