/* ====== KALENDARZ – UI ogólne ====== */
.imk-calendar-wrap{--imk-radius:12px;--imk-shadow:0 6px 18px rgba(0,0,0,.08);--imk-accent:#111827}
.imk-cal{background:#fff;border-radius:var(--imk-radius);box-shadow:var(--imk-shadow);overflow:hidden;border:1px solid #e5e7eb}
.imk-cal__bar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}
.imk-cal__title{font-weight:700}

/* --- Kontrolki nawigacji: grid 3 kolumny, aby marginesy nie ruszały sąsiadów --- */
.imk-cal__controls{
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  gap:8px; /* ogólny odstęp między trzema kolumnami */
}
.imk-nav-item{display:flex;align-items:center}
.imk-nav-prev{}
.imk-nav-today{}
.imk-nav-next{}

.imk-cal__btn{display:inline-flex;gap:6px;align-items:center;border:1px solid #d1d5db;background:#fff;padding:6px 10px;border-radius:10px;cursor:pointer}
.imk-cal__btn:active{transform:translateY(1px)}
.imk-cal__filters{display:flex;gap:8px;align-items:center}
.imk-input{border:1px solid #d1d5db;border-radius:10px;padding:6px 10px}

/* Przełącznik Miesiąc/Tydzień */
.imk-view-toggle{display:flex;gap:6px;align-items:center}
.imk-view-btn{border:1px solid #d1d5db;background:#fff;padding:6px 10px;border-radius:10px;cursor:pointer}
.imk-view-btn.is-active{background:#111827;color:#fff;border-color:#111827}

/* ====== Widok miesięczny (siatka) ====== */
.imk-cal__dow{display:grid;grid-template-columns:repeat(7,1fr);background:#f3f4f6;border-bottom:1px solid #e5e7eb}
.imk-cal__dow span{padding:8px 6px;font-size:.85rem;color:#6b7280;text-align:center}
.imk-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb}
.imk-cal__cell{background:#fff;min-height:120px;padding:8px 6px;display:flex;flex-direction:column}
.imk-cal__cell--click{cursor:pointer}
.imk-cal__day{font-size:.95rem;font-weight:700;color:#374151}
.imk-cal__dayname{font-size:.75rem;color:#6b7280;margin-top:2px}
.imk-cal__items{margin-top:6px;display:flex;flex-direction:column;gap:6px}

/* Karta (miesiąc) + akcje */
.imk-item{border:1px solid #e5e7eb;border-left:3px solid var(--imk-accent);border-radius:10px;padding:6px 8px;background:#fff}
.imk-item__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.imk-item__time{font-size:.78rem;color:#6b7280}
.imk-item__text{font-size:.88rem;line-height:1.2}

/* ====== Widok tygodniowy (lista wierszy) ====== */
.imk-weeklist{display:flex;flex-direction:column;border-top:1px solid #e5e7eb}
.imk-weekrow{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff}
.imk-weekrow:hover{background:#fafafa}

/* Lewa kolumna */
.imk-weekday{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-weight:700;color:#374151}
.imk-weekday__date{font-weight:700;color:#111827}
.imk-weekday__line2{display:flex;gap:8px;align-items:center}
.imk-weekday__num{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:999px;font-size:.9rem;background:#fff}

.imk-weekitems{display:flex;flex-direction:column;gap:8px}
.imk-weekitem{border:1px solid #e5e7eb;border-left:3px solid var(--imk-accent);border-radius:10px;padding:8px 10px;background:#fff}
.imk-weekitem__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.imk-weekitem__meta{font-size:.82rem;color:#6b7280}
.imk-weekitem__text{font-size:.92rem;line-height:1.25}

/* Akcje (przycisk usuń) */
.imk-action{border:1px solid #e5e7eb;border-radius:8px;padding:2px 6px;font-size:.78rem;background:#fff;cursor:pointer;line-height:1}
.imk-action--danger{border-color:#dc2626;color:#dc2626}
.imk-action--danger:hover{background:#dc2626;color:#fff}

/* Mobile */
@media (max-width:900px){
  .imk-weekrow{grid-template-columns:1fr}
  .imk-weekday{margin-bottom:6px}
  .imk-cal__cell{min-height:100px}
  .imk-item__text{font-size:.84rem}
}

/* ====== Modal ====== */
.imk-modal{position:fixed;inset:0;background:rgba(17,24,39,.45);display:flex;align-items:center;justify-content:center;z-index:10000}
.imk-modal__card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:16px;max-width:560px;width:92%}
.imk-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.imk-modal label{display:block;font-weight:600;margin:.25rem 0}
.imk-modal input,.imk-modal textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px}
.imk-modal textarea{min-height:120px}
.imk-modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}

/* --- Ikony w przyciskach nawigacji: domyślne rozmiary --- */
.imk-cal__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1}
.imk-cal__btn .e-font-icon-svg,
.imk-cal__btn svg{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:currentColor}
.imk-cal__btn--prev,
.imk-cal__btn--next{min-width:36px;min-height:36px;padding:6px 8px}

/* --- Kontrolki nawigacji: w jednym rzędzie --- */
.imk-cal__controls{
  display: flex;
  align-items: center;
  gap: 8px;        /* odstęp między trzema elementami */
  flex-wrap: nowrap; /* nie zawijaj do kolejnej linii */
}

.imk-nav-item{
  display: inline-flex;
  align-items: center;
}

/* opcjonalnie: zostawiamy puste klasy-wrappersy na marginesy z Elementora */
.imk-nav-prev{}   /* marginesy ustawiasz w sekcji „NAWIGACJA: Strzałka ◀” */
.imk-nav-today{}  /* marginesy w „NAWIGACJA: Przycisk ‘Dzisiaj’” */
.imk-nav-next{}   /* marginesy w „NAWIGACJA: Strzałka ▶” */