/* ── 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 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; }
/* Zaglavlje liste dijelova */
.kat-dio-header {
  display: grid;
  grid-template-columns: 130px 1fr minmax(44px,auto) auto auto 24px 24px;
  gap: 8px;
  padding: 10px 16px;
  background: #f0f4ff;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 800;
  color: #555;
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
}
.kat-dio-header > div:nth-child(3) {
  text-align: right;
  min-width: 44px;
}
.kat-dio-header > div:nth-child(4) {
  text-align: right;
  min-width: 80px;
}
.kat-dio-header > div:nth-child(5) {
  text-align: right;
  min-width: 72px;
}
/* Kolona Ukupno u redu */
.kat-ukupno {
  font-weight: 800;
  text-align: right;
  min-width: 72px;
  color: #1a1d2e;
}
.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; }

/* ── Katalog import modali (usluge / normativi) ── */
.kat-imp-modal { position: relative; z-index: 1; width: 520px; max-width: 97vw; max-height: 90vh; overflow-y: auto; }
.kat-imp-format-line { margin: 0 0 8px; font-size: 13px; color: #1a1d2e; }
.kat-imp-format-hint { margin: 0 0 4px; font-size: 11px; color: #64748b; line-height: 1.45; }
.kat-imp-sample-link { display: inline-block; margin: 4px 0 16px; padding: 0; border: none; background: none; font-size: 12px; font-weight: 700; color: #3a6bd0; cursor: pointer; text-decoration: underline; font-family: Inter, sans-serif; }
.kat-imp-sample-link:hover { color: #2a5ab8; }
.kat-imp-drop { border: 1.5px dashed #c8d4f0; border-radius: 12px; padding: 24px; text-align: center; cursor: pointer; margin-bottom: 16px; background: #f8f9fd; transition: border-color .15s, background .15s; }
.kat-imp-drop:hover, .kat-imp-drop.kat-imp-drop-over { border-color: #3a6bd0; background: #edf2fc; }
.kat-imp-drop-ico { font-size: 32px; margin-bottom: 8px; line-height: 1; }
.kat-imp-drop-title { font-size: 14px; font-weight: 700; color: #1a1d2e; margin-bottom: 4px; }
.kat-imp-drop-sub { font-size: 11px; color: #888; }
.kat-imp-summary { font-size: 12px; color: #475569; margin-bottom: 12px; padding: 10px 12px; background: #f8f9fd; border: 1px solid #e4e7f2; border-radius: 8px; line-height: 1.45; }
.kat-imp-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.kat-imp-stat { border-radius: 8px; padding: 10px; text-align: center; }
.kat-imp-stat-n { font-size: 20px; font-weight: 900; line-height: 1.1; }
.kat-imp-stat-l { font-size: 10px; font-weight: 700; margin-top: 2px; }
.kat-imp-stat--novi { background: #e8f7ef; color: #16a05a; }
.kat-imp-stat--azur { background: #fff3e0; color: #b36b00; }
.kat-imp-stat--isti { background: #f5f5f5; color: #888; }
.kat-imp-tbl-wrap { background: #fff; border: 1px solid #e4e7f2; border-radius: 8px; overflow: hidden; margin-bottom: 14px; max-height: 200px; overflow-y: auto; }
.kat-imp-tbl { width: 100%; border-collapse: collapse; font-size: 11px; }
.kat-imp-tbl th { padding: 7px 10px; text-align: left; color: #64748b; font-weight: 700; background: #edf2fc; border-bottom: 1px solid #e4e7f2; }
.kat-imp-tbl th.kat-imp-th-num { text-align: right; }
.kat-imp-tbl th.kat-imp-th-st { text-align: center; }
.kat-imp-tbl td { padding: 6px 10px; border-bottom: 1px solid #eef1f8; color: #1a1d2e; }
.kat-imp-tbl tr:last-child td { border-bottom: none; }
.kat-imp-tbl tr.kat-imp-row-novi { background: rgba(22,160,90,.06); }
.kat-imp-tbl tr.kat-imp-row-azur { background: rgba(179,107,0,.08); }
.kat-imp-tbl tr.kat-imp-row-isti { background: #fafbfd; }
.kat-imp-tbl .kat-imp-val { font-weight: 700; text-align: right; }
.kat-imp-tbl .kat-imp-val--price { color: #16a05a; }
.kat-imp-tbl .kat-imp-val--sati { color: #3a6bd0; }
.kat-imp-tbl .kat-imp-st { text-align: center; }
.kat-imp-more { padding: 6px 10px; font-size: 10px; color: #888; text-align: center; }
.kat-imp-empty { text-align: center; color: #888; font-size: 13px; padding: 12px 0 4px; }