/* R21 — sade proje, servis ve tek planlama akışı */
#planning.tab-panel{
  max-width:none;
  padding-left:clamp(10px,1.5vw,24px);
  padding-right:clamp(10px,1.5vw,24px);
}
#planning .weekly-planner-panel{padding:16px}
#planning .weekly-planner-layout{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:12px;
}
#planning .planning-project-pool{
  max-height:720px;
  overflow:auto;
  border-color:#60a5fa;
  background:linear-gradient(180deg,#eff6ff,#f8fafc);
}
#planning .weekly-board{min-width:1180px}
#planning .weekly-day-column{min-width:158px}
#planning .weekly-project-card{
  border-left:5px solid #64748b;
  box-shadow:0 4px 12px rgba(15,23,42,.07);
}
#planning .weekly-project-card.montaj{border-left-color:#16a34a}
#planning .weekly-project-card.servis{border-left-color:#f97316}
#planning .weekly-project-card.malzeme{border-left-color:#2563eb}
#planning .weekly-project-card.fabrika{border-left-color:#7c3aed}
#planning .weekly-card-title{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#planning .planning-entry-grid{grid-template-columns:minmax(0,1fr)}
#planning .plan-form-panel{max-width:920px}
#planning .planning-project-pool .weekly-project-card{margin-bottom:9px}

.project-material-composer{
  display:grid;
  gap:12px;
  margin-top:12px;
  padding:14px;
  border:1px solid #bfdbfe;
  border-radius:14px;
  background:#f8fbff;
}
.project-material-composer .composer-actions{
  display:grid;
  grid-template-columns:minmax(140px,220px) auto;
  gap:10px;
  align-items:end;
}
.project-piece-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:260px;
  overflow:auto;
}
.project-piece-choice{
  display:grid;
  gap:3px;
  min-height:68px;
  padding:9px 11px;
  border:1px solid #cbd5e1;
  border-radius:11px;
  background:#fff;
  color:#0f172a;
  text-align:left;
  cursor:pointer;
}
.project-piece-choice:hover{border-color:#2563eb;background:#eff6ff}
.project-piece-choice.selected{
  border-color:#16a34a;
  background:#ecfdf5;
  box-shadow:inset 0 0 0 1px #16a34a;
}
.project-piece-choice b{font-size:12px}
.project-piece-choice span,.project-piece-choice small{font-size:10px;color:#64748b}
#projectMaterialRequirementList,.project-supply-list{display:grid;gap:8px;margin-top:10px}
.project-material-row,.project-supply-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid #dbe3ee;
  border-radius:12px;
  background:#fff;
}
.project-material-row>div,.project-supply-row>div{display:grid;gap:3px}
.project-material-row b,.project-supply-row b{font-size:12px}
.project-material-row small,.project-supply-row small,.project-supply-row em{font-size:10px;color:#64748b;font-style:normal}
.project-material-kind{
  width:max-content;
  padding:3px 7px;
  border-radius:999px;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
}
.project-material-kind.piece{background:#dcfce7;color:#15803d}

@media(max-width:1050px){
  #planning .weekly-planner-layout{grid-template-columns:1fr}
  #planning .planning-project-pool{max-height:none}
}
@media(max-width:720px){
  .project-material-composer .composer-actions,.project-piece-options{grid-template-columns:1fr}
  .project-material-row,.project-supply-row{grid-template-columns:1fr}
}