/* ── CRM HISTORIJA ── */
.crm-btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; background:#edf2fc; border:1.5px solid #3a6bd0;
  border-radius:8px; color:#3a6bd0; font-size:12px; font-weight:700;
  cursor:pointer; transition:all .15s; margin-top:8px;
}
.crm-btn:hover { background:#3a6bd0; color:#fff; }
.crm-entry {
  background:#fff; border:1.5px solid #e4e7f2; border-radius:12px;
  padding:14px 16px; margin-bottom:8px; cursor:pointer; transition:all .15s;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.crm-entry:hover { border-color:#3a6bd0; transform:translateY(-1px); box-shadow:0 4px 12px rgba(58,107,208,.1); }
.crm-entry-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.crm-date { font-size:12px; font-weight:700; color:#3a6bd0; }
.crm-total { font-size:14px; font-weight:900; color:#16a05a; }
.crm-desc { font-size:13px; font-weight:600; margin-bottom:4px; }
.crm-tags { display:flex; flex-wrap:wrap; gap:4px; }
.crm-tag { font-size:10px; font-weight:600; padding:2px 8px; background:#f0f2f8; border-radius:20px; color:#4a5270; }
/* ── KATALOG ── */
.kat-item {
  display:grid; grid-template-columns:1fr auto auto auto auto;
  align-items:center; gap:8px; padding:10px 16px;
  border-bottom:1px solid #f0f2f8; transition:background .1s;
}
.kat-item-dio {
  grid-template-columns:130px 1fr minmax(44px,auto) auto 24px 24px;
}
.kat-item-usluga {
  grid-template-columns:1fr auto auto auto auto auto;
}
.kat-stock {
  font-size:12px;
  font-weight:800;
  color:#475569;
  min-width:44px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.kat-item:hover { background:#f8f9fd; }
.kat-name { font-size:13px; font-weight:600; }
.kat-code {
  font-size:11px;
  color:#64748b;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  width:130px;
  min-width:130px;
  max-width:130px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kat-price { font-size:13px; font-weight:700; color:#16a05a; min-width:80px; text-align:right; }
.kat-use-btn {
  padding:5px 12px; background:#edf2fc; border:1.5px solid #3a6bd0;
  border-radius:6px; color:#3a6bd0; font-size:11px; font-weight:700;
  cursor:pointer; transition:all .15s; white-space:nowrap;
}
.kat-use-btn:hover { background:#3a6bd0; color:#fff; }
.kat-edit-btn {
  width:24px; height:24px; border-radius:5px; background:none; border:none;
  cursor:pointer; color:#3a6bd0; font-size:13px;
  display:flex; align-items:center; justify-content:center; transition:all .15s;
}
.kat-edit-btn:hover { background:#edf2fc; color:#1e40af; }
.kat-del-btn {
  width:24px; height:24px; border-radius:5px; background:none; border:none;
  cursor:pointer; color:#c0c8dc; font-size:13px;
  display:flex; align-items:center; justify-content:center; transition:all .15s;
}
.kat-del-btn:hover { background:#fdeaea; color:#d63535; }



.cal-nav { width:28px;height:28px;border-radius:50%;border:1.5px solid #e4e7f2;background:#fff;cursor:pointer;font-size:16px;color:#555;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.08);font-family:serif;line-height:1; }
.cal-nav:hover { background:#edf2fc;border-color:#3a6bd0;color:#3a6bd0;transform:scale(1.1); }
.cal-d { text-align:center;padding:4px 2px 6px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;position:relative;transition:all .18s;background:transparent;color:#1a1d2e;min-height:36px; }
.cal-d:hover { background:#edf2fc;color:#3a6bd0;transform:translateY(-1px); }
.cal-d.ct { background:#1a1d2e;color:#fff;font-weight:900;border-radius:8px; }
.cal-d.ct:hover { background:#2d3561;transform:translateY(-1px); }
.cal-d.cs { background:linear-gradient(135deg,#3a6bd0,#5a8de8);color:#fff;font-weight:900;border-radius:8px; }
.cal-d.cs:hover { transform:translateY(-1px);filter:brightness(1.1); }
.cal-d.cw { color:#ccc; }
.cal-d-num { display:block;line-height:1.4; }
.cal-dots { display:flex;justify-content:center;gap:2px;margin-top:2px;min-height:5px; }
.cal-dot { width:4px;height:4px;border-radius:50%;flex-shrink:0; }
.cal-dot.dw  { background:#f0a000; }
.cal-dot.da  { background:#3a6bd0; }
.cal-dot.ds  { background:#8b5cf6; }
.cal-d.ct .cal-dot, .cal-d.cs .cal-dot { opacity:.85; }