/* Лека, модерна визия + зелено hover + заоблени + сенки */

:root{
  --green: #18a957;
  --green-hover: linear-gradient(90deg, #17a65a, #32d27a);
  --bg: #f6f8fb;
}

.bg-soft{
  background: var(--bg);
}

.shadow-soft{
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.btn-green{
  background: var(--green);
  border: none;
  border-radius: 14px;
  padding: 12px 16px;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 8px 18px rgba(24, 169, 87, 0.22);
  transition: transform 0.12s ease, background 0.2s ease;
}

.btn-green:hover{
  background: #18a957;
  background-image: var(--green-hover);
  transform: translateY(-1px);
}

.link-green{
  color: var(--green);
  text-decoration: none;
}

.link-green:hover{
  color: #0f8b44;
  text-decoration: underline;
}

.form-control, .form-select{
  border-radius: 14px;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.selected-supplier-pill{
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  font-weight: 800;
}

.supplier-tag{
  display:inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(24, 169, 87, 0.10);
  color: #0f8b44;
  font-weight: 700;
}

.btn-danger-soft{
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
  font-weight: 800;
}

.btn-danger-soft:hover{
  background: rgba(239, 68, 68, 0.15);
}

/* Secondary toolbar look (different from navbar) */
.toolbar-soft{
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(148, 163, 184, 0.25);
}

/* Navbar trash pill */
.nav-trash{
  border-radius: 999px;
  padding: 8px 12px !important;
  margin-top: 2px;
  background: rgba(15, 23, 42, 0.03);
}

.nav-trash:hover{
  background: rgba(24, 169, 87, 0.10);
}

/* Right-side trash button (navbar) */
.btn-trash{
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.35);
  padding: 8px 12px;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05);
  color: #0f172a;
  text-decoration: none;
}

.btn-trash:hover{
  background: rgba(24, 169, 87, 0.10);
  border-color: rgba(24, 169, 87, 0.35);
  color: #0f172a;
}


/* ---------- Info tooltip button (blue) ---------- */
.btn-info-soft {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #e7f3ff;
  border: 1px solid #b6dbff;
  color: #0d6efd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-info-soft:hover {
  background-color: #d0e7ff;
  border-color: #9fcfff;
  color: #0a58ca;
}

.btn-info-soft i {
  font-size: 1.1rem;
}

/* ---------- Light tooltip (bigger font) ---------- */
.tooltip-inner {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid #dee2e6;
  font-size: 0.95rem;
  line-height: 1.4;
  max-width: 360px;
  text-align: left;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Arrow border color to match light tooltip */
.bs-tooltip-top .tooltip-arrow::before { border-top-color: #dee2e6 !important; }
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #dee2e6 !important; }
.bs-tooltip-start .tooltip-arrow::before { border-left-color: #dee2e6 !important; }
.bs-tooltip-end .tooltip-arrow::before { border-right-color: #dee2e6 !important; }

/* ========== Document kind tabs (create pages) ========== */
.doc-kind-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 8px 0 14px 0;
}

.doc-kind-tab{
  display:inline-block;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.6);
  text-decoration:none;
  font-weight:600;
  line-height:1;
}

.doc-kind-tab:hover{
  border-color: rgba(0,0,0,.22);
}

.doc-kind-tab.active{
  border-color: rgba(0,0,0,.35);
  background: rgba(0,0,0,.06);
}