/* ===== Inogrif firemná téma pre Task Manager =====
   Farby, fonty a štýl prevzaté z www.inogrif.com */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --indigo:#190a4e;
  --indigo-2:#241065;
  --magenta:#d6228e;
  --purple:#6a2c91;
  --teal:#27d3c9;
  --ink:#231d44;
  --muted:#615d76;
  --bg:#ffffff;
  --bg-soft:#f7f7fa;
  --line:#e7e6ee;
  --shadow:0 18px 50px -24px rgba(25,10,78,.22);
  --shadow-sm:0 8px 24px -16px rgba(25,10,78,.3);
  --radius:16px;
  --radius-sm:11px;

  /* Premostenie na Bootstrap */
  --bs-primary:#190a4e;
  --bs-primary-rgb:25,10,78;
  --bs-link-color:#190a4e;
  --bs-link-color-rgb:25,10,78;
  --bs-link-hover-color:#241065;
  --bs-body-color:#231d44;
  --bs-body-font-family:'Inter',system-ui,sans-serif;
}

body { background: var(--bg-soft); color: var(--ink); font-family: 'Inter', system-ui, sans-serif; }

h1,h2,h3,h4,h5,h6,.navbar-brand,.btn { font-family: 'Poppins', sans-serif; }

/* ---- Navbar (svetlý, ako na inogrif.com) ---- */
.navbar.tm-nav {
  background: #fff !important;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 2px 12px -8px rgba(25,10,78,.25);
  min-height: 74px;
}
.navbar.tm-nav .navbar-brand img { height: 34px; width: auto; }
.navbar.tm-nav .nav-link {
  font-family: 'Poppins', sans-serif; font-weight: 500; font-size: .95rem;
  color: var(--ink) !important; border-radius: 8px; padding: .5rem .85rem;
  transition: color .2s, background .2s;
}
.navbar.tm-nav .nav-link:hover { color: var(--indigo) !important; background: var(--bg-soft); }
.navbar.tm-nav .nav-link.active { color: var(--indigo) !important; font-weight: 600; }
.navbar.tm-nav .dropdown-menu { border: 1px solid var(--line); box-shadow: var(--shadow-sm); border-radius: var(--radius-sm); }

/* ---- Tlačidlá ---- */
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary { background: var(--indigo); border-color: var(--indigo); }
.btn-primary:hover, .btn-primary:focus { background: var(--indigo-2); border-color: var(--indigo-2); box-shadow: var(--shadow-sm); }
.btn-outline-secondary { border-color: var(--line); color: var(--indigo); }
.btn-outline-secondary:hover { background: var(--indigo); border-color: var(--indigo); }
.btn-link { color: var(--indigo); }

/* ---- Karty ---- */
.card { border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.card-header { background: #fff; border-bottom: 1px solid var(--line); font-family: 'Poppins', sans-serif; }

/* ---- Farebné akcenty ---- */
.text-primary { color: var(--indigo) !important; }
.bg-primary { background: var(--indigo) !important; }
a { color: var(--indigo); }
.table thead.table-light th { color: var(--muted); font-family: 'Poppins', sans-serif; font-weight: 600; font-size: .85rem; text-transform: uppercase; letter-spacing: .02em; }
.eyebrow { color: var(--magenta); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }

/* ---- Prvky z pôvodného rozloženia ---- */
.page-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.priority-badge { display: inline-block; padding: .25em .6em; border-radius: .5rem; color: #fff; font-size: .8rem; font-weight: 600; }
.avatar { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }
.avatar-lg { width: 140px; height: 140px; object-fit: cover; border-radius: var(--radius-sm); }
.avatar-placeholder { display:inline-flex; align-items:center; justify-content:center; background:#ece9f4; color:var(--purple); }
.table td { vertical-align: middle; }
.form-label { font-weight: 600; font-size: .875rem; color: var(--ink); }
.form-control:focus, .form-select:focus { border-color: var(--purple); box-shadow: 0 0 0 .2rem rgba(106,44,145,.15); }
.stat-card .display-6 { font-weight: 700; color: var(--indigo); }
.stat-card { transition: transform .15s, box-shadow .15s; }
.stat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.badge.bg-secondary { background: var(--purple) !important; }