/* ===== WRAPPER ===== */
.kd-wrap{ width:100%; display:flex; justify-content:center; margin:20px 0; font-family: Arial, sans-serif; }
.kd-card{ width:760px; max-width:95vw; display:grid; grid-template-columns:320px 1fr; border:1px solid #e2e2e2; background:#fff; }
.kd-left{ padding:16px; border-right:1px solid #e2e2e2; }
.kd-right{ padding:16px; }

.kd-title{ font-size:18px; font-weight:700; margin-bottom:6px; }
.kd-subtitle{ font-size:13px; color:#555; margin-bottom:12px; }

/* ===== LISTA SPRZĘTU + ILOŚCI ===== */
.kd-list{ list-style-type: disc; padding-left:18px; margin-bottom:16px; }
.kd-list ul{ list-style-type: disc; padding-left:22px; margin-top:6px; }
.kd-list li{ margin-bottom:8px; }

.kd-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.kd-check{ display:inline-flex; align-items:center; gap:6px; font-size:14px; cursor:pointer; }

.kd-qty{
  width:72px;
  padding:6px 8px;
  border:1px solid #d1d5db;
  border-radius:6px;
  font-size:13px;
}
.kd-qty:disabled{ opacity:0.5; cursor:not-allowed; background:#f3f4f6; }

.kd-qty-fixed{
  min-width:72px;
  text-align:right;
  font-size:12px;
  color:#6b7280;
}

/* ===== HEADER KALENDARZA ===== */
.calendar-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
#current-month{ font-size:14px; font-weight:700; text-transform:capitalize; }

#prev-month,#next-month{
  width:32px; height:32px;
  border:1px solid #000; background:#fff;
  cursor:pointer; font-size:18px; font-weight:700; color:#000;
  border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  line-height:1; padding:0;
}

/* ===== KOMUNIKATY ===== */
.kd-msg{
  display:none; margin:6px 0 10px 0; padding:10px 14px;
  border-radius:10px; font-size:13px; line-height:1.35;
  background:#f6f7f9; color:#1f2937; border:1px solid transparent;
}
.kd-msg.is-visible{ display:block; }
.kd-msg.is-error{ background:#fff1f2; border-color:#fecdd3; color:#7f1d1d; }
.kd-msg.is-ok{ background:#f0fdf4; border-color:#bbf7d0; color:#14532d; }

/* ===== PODSUMOWANIE (jasne) ===== */
.kd-summary{
  margin:0 0 10px 0; padding:10px 12px;
  border-radius:14px; background:#ffffff; color:#111827;
  font-size:12.5px; display:flex; gap:8px; flex-wrap:wrap;
  border:1px solid #e5e7eb;
}
.kd-summary .kd-pill{
  background:#f3f4f6; padding:6px 10px; border-radius:999px;
  display:inline-flex; gap:6px; align-items:center; color:#111827;
}
.kd-summary .kd-pill b{ font-weight:600; }

/* ===== DNI TYGODNIA ===== */
.kd-dow{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; margin-bottom:6px; font-size:12px; font-weight:600; text-align:center; }

/* ===== KALENDARZ ===== */
#calendar.kd-calendar{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
#calendar.kd-calendar .day{ padding:8px 0; text-align:center; border-radius:4px; font-size:13px; user-select:none; }

#calendar.kd-calendar .day.available{ background:#4CAF50; color:#fff; cursor:pointer; }
#calendar.kd-calendar .day.reserved,
#calendar.kd-calendar .day.neutral,
#calendar.kd-calendar .day.past{ background:#8e979c; color:#fff; cursor:not-allowed; }
#calendar.kd-calendar .day.kd-selected{ background:#E53935; color:#fff; font-weight:700; }
#calendar.kd-calendar .day.kd-hover{ outline:2px solid rgba(0,0,0,0.25); outline-offset:-2px; }

/* ===== PRZYCISK ===== */
.kd-reserve-btn{
  margin-top:12px; width:100%; padding:10px;
  border-radius:6px; border:1px solid #000;
  background:#0d6efd; color:#fff; font-weight:700; cursor:pointer;
}

/* ===== LEGENDA ===== */
.kd-calendar-legend{ margin-top:10px; font-size:12px; display:flex; justify-content:center; gap:14px; color:#444; }
.kd-calendar-legend .kd-legend-item{ display:inline-flex; align-items:center; gap:6px; }
.kd-calendar-legend .kd-dot{ width:10px; height:10px; border-radius:2px; display:inline-block; }
.kd-calendar-legend .kd-dot.available{ background:#4CAF50; }
.kd-calendar-legend .kd-dot.neutral{ background:#8e979c; }