/**
 * =======================================================
 * Template Name: NiceAdmin - Bootstrap Admin Template
 * Template URL: https://bootstrapmade.com/flex-admin-bootstrap-template/
 * Updated: Apr 8, 2026 with Bootstrap v5.3.8
 * Author: BootstrapMade.com
 * License: https://bootstrapmade.com/license/
 * =======================================================
 */

.footer-centered {
    .footer-links {
        a {
            &:not(:first-child) {
                margin-left: 9px;
            }
        }
    }
}

.form-message {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 4px;

  &--error {
    background: #fdeaea;
    color: #a10000;
    border: 1px solid #f5c2c2;
  }
}

.status {
	.status-dot {
		width: 7px;
		height: 7px;
		border-radius: var(--radius-full);
		background: currentColor;
		box-shadow:none;
	}
}

.table-subtotal {
	background-color: var(--info-color-light);
	td, div {
		font-weight: 700;
		font-size: 1rem;
	}
}

.nav-pills .nav-link.active {
	background-color: var(--info-color);
}

.nav-link:hover, .nav-link:focus {
	color: var(--info-color);
}
.choices__list--multiple .choices__item {
  white-space: normal;
}
.choices__inner {
  min-height: 60px;
  overflow-y: auto;
}
.offcanvas-footer {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 10;
}

.view-switch .btn {
  padding: 6px 10px;
}

.view-switch .btn i {
  font-size: 1.2rem;
}

.view-switch .btn.active {
  background-color: var(--info-color);   /* bootstrap primary */
  color: #fff;
  border-color: var(--info-color);
}

.is-default {
  background-color: #f8f9fa;
}

.alert {
	
.btn-close {
  background: var(--bs-btn-close-bg) center / 1em auto no-repeat;
}

}


#inventarisaties{ 
/* ── toolbar ── */
.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.toolbar-meta{font-size:.8125rem;color:var(--muted-color)}

/* ── groep ── */
.inv-groep{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin-bottom:1.25rem;overflow:hidden}
.inv-groep-header{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--table-header-bg);border-bottom:1px solid var(--border-color);flex-wrap:wrap}
.inv-groep-label{font-size:.75rem;color:var(--muted-color);line-height:1}
.inv-groep-periode{font-size:.875rem;font-weight:600;color:var(--heading-color);font-family:var(--heading-font)}
.inv-groep-badges{margin-left:auto;display:flex;gap:.4rem;align-items:center}

/* ── badges ── */
.badge{display:inline-flex;align-items:center;gap:4px;padding:.2em .55em;font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap}
.badge-soft-success{background:var(--success-color-light);color:var(--success-color)}
.badge-soft-secondary{background:var(--border-color-light);color:var(--muted-color)}
.badge-soft-info{background:var(--info-color-light);color:var(--info-color)}
.badge-soft-warning{background:var(--warning-color-light);color:var(--warning-color)}

/* ── gat ── */
.gat-row{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:var(--warning-color-light);border-bottom:1px solid #f5d87a;font-size:.78rem;color:#7a5400}

/* ── versierij ── */
.inv-row{display:grid;grid-template-columns:20px 1fr auto;align-items:start;gap:.875rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-color-light);transition:background 150ms}
.inv-row:last-child{border-bottom:none}
.inv-row:hover{background:color-mix(in srgb,var(--accent-color),transparent 97%)}
.inv-row.is-active{background:var(--success-color-light)}
.connector{display:flex;flex-direction:column;align-items:center;padding-top:3px}
.connector-dot{width:9px;height:9px;border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--surface-color);flex-shrink:0}
.connector-dot.dot-active{border-color:var(--success-color);background:var(--success-color)}
.connector-dot.dot-old{border-color:var(--light-color)}
.connector-line{width:1px;flex:1;background:var(--border-color);margin-top:4px;min-height:20px}
.inv-meta{min-width:0}
.inv-badges{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.4rem}
.inv-versie{font-size:.72rem;color:var(--light-color)}
.inv-aanbod{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.3rem}
.aanbod-chip{font-size:.75rem;color:var(--muted-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 8px;white-space:nowrap}
.aanbod-chip strong{color:var(--default-color);font-weight:600}
.inv-datum{font-size:.72rem;color:var(--light-color)}
.inv-acties{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding-top:2px}
.acties-row{display:flex;gap:.35rem}

/* ── knoppen ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all 150ms;white-space:nowrap;font-family:var(--default-font)}
.btn-sm{padding:4px 9px;font-size:.75rem}
.btn-info{background:var(--info-color);color:#fff;border-color:var(--info-color)}
.btn-info:hover{background:color-mix(in srgb,var(--info-color),black 10%)}
.btn-outline-secondary{background:transparent;color:var(--muted-color);border-color:var(--border-color)}
.btn-outline-secondary:hover{background:var(--background-color);color:var(--default-color)}
.btn-outline-danger{background:transparent;color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color),transparent 40%)}
.btn-outline-danger:hover{background:var(--danger-color-light)}
.btn:disabled{opacity:.45;cursor:not-allowed}

}

#invDetailModal {
/* Modal */
.modal-subtitle {
  font-size: .75rem;
  color: var(--muted-color, #667085);
  margin-top: 2px;
}

.modal-toolbar {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1.25rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--background-color, #f5f7ff);
  flex-wrap: wrap;
}

/* Tabel */
.cmp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .8rem;
}

.cmp-table thead th {
  padding: .35rem .65rem;
  font-weight: 600;
  color: #667085;
  font-size: .72rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: #eff3ff;
  text-align: left;
}

.cmp-table th.col-label {
  min-width: 180px;
}

.cmp-table td {
  padding: .45rem .65rem;
  border-bottom: 1px solid #ebefff;
  vertical-align: middle;
}

.cmp-table td.col-label {
  color: #667085;
  font-size: .78rem;
  background: #f5f7ff;
  min-width: 180px;
}

.cmp-table tr.section-header td {
  background: #eff3ff;
  font-weight: 600;
  color: #012970;
  font-size: .78rem;
  padding: .35rem .65rem;
}

.cmp-table tbody tr:hover td {
  background: color-mix(in srgb, #4154f1, transparent 96%);
}

.diff-plus { color: #21a66c; font-weight: 600; }
.diff-min  { color: #e74c63; font-weight: 600; }
.diff-same { color: #98a2b3; }	
}

  #Voorwaarden {
	  h3 {
    margin: 0;
    font-size: 0.8rem;
    color: var(--heading-color);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  .modal-header .logo {
    width: 100px;
  }

   .modal-header span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--heading-color);
    font-size: 1.1rem;
    font-weight: 700;
  }
}