.production-form-actions {
  display: flex;
  gap: 9px;
}

.production-report-controls{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:end;gap:14px;margin:14px 0}.production-report-tabs{display:flex;gap:5px;padding:5px;background:#0d1015;border:1px solid #292f38;border-radius:12px}.production-report-tabs button{cursor:pointer;color:#9098a4;background:transparent;border:0;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:850}.production-report-tabs button.active{color:#fff;background:#e4342e}.production-report-controls label{display:grid;gap:7px;color:#929aa6;font-size:10px;font-weight:800}.production-report-controls select,.production-report-controls input{width:100%;min-height:42px;box-sizing:border-box;color:#fff;background:#0e1116;border:1px solid #343b46;border-radius:11px;padding:10px 12px}

.production-form-actions .save-production {
  flex: 1;
}

.cancel-production-edit {
  color: #cbd0d8;
  cursor: pointer;
  background: #252a33;
  border: 1px solid #343a45;
  border-radius: 13px;
  padding: 0 17px;
  font-weight: 800;
}

.cancel-production-edit:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.profile {
  width: 100%;
  color: inherit;
  text-align: left;
  appearance: none;
}

.profile-page {
  display: grid;
  gap: 22px;
}

.profile-summary-card,
.profile-details-card,
.profile-password-card {
  background: #11141a;
  border: 1px solid #252a33;
  border-radius: 22px;
}

.profile-summary-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 24px;
}

.profile-page-avatar {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #ef4137, #a81410);
  border: 1px solid #ff6961;
  border-radius: 20px;
  box-shadow: 0 12px 30px #e4342e2e;
  font-size: 24px;
  font-weight: 900;
}

.profile-summary-card small,
.profile-details-card .section-title small,
.profile-password-card .section-title small {
  color: #e64a43;
  letter-spacing: 0.12em;
  font-size: 10px;
  font-weight: 900;
}

.profile-summary-card h2 {
  margin: 5px 0 3px;
  color: #f7f8fa;
  font-size: 25px;
}

.profile-summary-card p {
  margin: 0;
  color: #969da8;
}

.profile-role-pill {
  color: #ffb0ac;
  background: #e4342e17;
  border: 1px solid #e4342e55;
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 11px;
  font-weight: 800;
}

.profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
  gap: 22px;
  align-items: start;
}

.profile-details-card,
.profile-password-card {
  padding: 24px;
}

.profile-details-list {
  display: grid;
  gap: 0;
  margin: 22px 0 0;
}

.profile-details-list > div {
  display: grid;
  grid-template-columns: minmax(130px, 0.6fr) minmax(0, 1.4fr);
  gap: 18px;
  padding: 17px 0;
  border-top: 1px solid #242932;
}

.profile-details-list dt {
  color: #7f8793;
  font-size: 12px;
}

.profile-details-list dd {
  min-width: 0;
  margin: 0;
  color: #e9ebef;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 750;
}

.profile-password-card {
  display: grid;
  gap: 16px;
}

.profile-password-card label {
  display: grid;
  gap: 8px;
  color: #adb3bd;
  font-size: 12px;
  font-weight: 700;
}

.profile-password-card input {
  width: 100%;
  box-sizing: border-box;
  color: #f5f6f8;
  background: #0b0d12;
  border: 1px solid #303641;
  border-radius: 13px;
  padding: 13px 14px;
  outline: none;
}

.profile-password-card input:focus {
  border-color: #e34a43;
  box-shadow: 0 0 0 3px #e4342e20;
}

.profile-password-submit {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #ef4137, #c92520);
  border: 0;
  border-radius: 13px;
  padding: 14px 18px;
  font-weight: 900;
}

.profile-password-submit:disabled {
  cursor: wait;
  opacity: 0.6;
}

@media (max-width: 760px) {
  .production-report-controls{grid-template-columns:1fr}.production-report-tabs{display:grid;grid-template-columns:1fr 1fr}.production-report-tabs button{min-height:42px}
  .performance-filters { display:grid; grid-template-columns:1fr; gap:12px; padding:15px; }
  .performance-filters > div { width:100%; }
  .performance-filters label { font-size:10px; }
  .performance-filters input,.performance-filters > button { min-height:44px; }
  .performance-table button,.all-products-row { grid-template-columns:72px minmax(0,1fr) auto; gap:9px; padding:14px 9px; }
  .monthly-production-scroll { border:0; overflow:visible; }
  .monthly-production table { display:block; min-width:0; }
  .monthly-production thead { display:none; }
  .monthly-production tbody { display:grid; gap:9px; }
  .monthly-production tr { display:grid; grid-template-columns:1fr auto; gap:7px 12px; border:1px solid #29303a; background:#0f1319; border-radius:14px; padding:13px; }
  .monthly-production td { border:0; padding:0; text-align:left!important; }
  .monthly-production td:nth-child(1) { color:#a9b0bb; font-size:10px; }
  .monthly-production td:nth-child(2) { grid-column:1/-1; min-width:0; }
  .monthly-production td:nth-child(3)::before { content:"Şarj: "; color:#777f8c; }
  .monthly-production td:nth-child(4)::before { content:"Adet: "; color:#777f8c; }
  .monthly-production td:nth-child(5) { color:#67dfa1; font-weight:800; }
}

.profile-message {
  border-radius: 12px;
  padding: 11px 13px;
  font-size: 12px;
  font-weight: 750;
}

.profile-message.error {
  color: #ffaaa6;
  background: #e4342e14;
  border: 1px solid #e4342e42;
}

.profile-message.success {
  color: #a9e8c0;
  background: #1f9d5514;
  border: 1px solid #2fbd6a42;
}

.profile-security-note {
  margin: -3px 0 0;
  color: #777f8b;
  font-size: 10px;
  line-height: 1.55;
}

.production-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.production-amount {
  text-align: right;
}

.edit-production-button {
  color: #ff938f;
  cursor: pointer;
  background: #e4342e17;
  border: 1px solid #e4342e55;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 9px;
  font-weight: 800;
}

.edit-production-button:hover {
  color: #fff;
  background: #e4342e33;
}

@media (width <= 760px) {
  .production-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .edit-production-button {
    grid-column: 1 / -1;
    justify-self: end;
  }

  .production-form-actions {
    align-items: stretch;
  }

  .profile-summary-card {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 18px;
  }

  .profile-role-pill {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .profile-grid {
    grid-template-columns: 1fr;
  }

  .profile-details-card,
  .profile-password-card {
    padding: 18px;
  }

  .profile-details-list > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}