/* Voltina Table Tabs – brand tokens (huisstijl) */
.voltina-table-tabs{
  --vt-pink: #e6007e;
  --vt-orange: #f18700;
  --vt-black: #000000;
  --vt-white: #ffffff;

  --vt-border: rgba(0,0,0,.12);
  --vt-border-strong: rgba(0,0,0,.18);
  --vt-muted: rgba(0,0,0,.70);

  --vt-radius: 18px;
  --vt-radius-sm: 14px;

  --vt-shadow: 0 10px 30px rgba(0,0,0,.06);
  --vt-shadow-soft: 0 6px 18px rgba(0,0,0,.06);

  --vt-grad: linear-gradient(90deg, var(--vt-pink), var(--vt-orange));
}

.voltina-table-tabs .voltina-muted{
  color: var(--vt-muted);
}

/* Tabs */
.voltina-table-tabs .voltina-tab{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .55rem .9rem;
  border-radius: 999px;
  border: 1px solid var(--vt-border);
  background: var(--vt-white);
  color: var(--vt-black);
  text-decoration: none;
  box-shadow: var(--vt-shadow-soft);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.voltina-table-tabs .voltina-tab:hover{
  transform: translateY(-1px);
  border-color: var(--vt-border-strong);
  box-shadow: var(--vt-shadow);
}

.voltina-table-tabs .voltina-tab__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--vt-border-strong);
}

.voltina-table-tabs .voltina-tab.is-active{
  border-color: transparent;
  background: var(--vt-white);
  position: relative;
}

.voltina-table-tabs .voltina-tab.is-active::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 999px;
  padding: 1px;
  background: var(--vt-grad);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.voltina-table-tabs .voltina-tab.is-active .voltina-tab__dot{
  background: var(--vt-grad);
}


/* Buttons */
.voltina-table-tabs .voltina-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem 1.05rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  white-space: nowrap;
}

.voltina-table-tabs .voltina-btn:hover{
  transform: translateY(-1px);
  box-shadow: var(--vt-shadow-soft);
}

.voltina-table-tabs .voltina-btn.is-primary{
  color: var(--vt-white);
  background: var(--vt-black);
}

.voltina-table-tabs .voltina-btn.is-secondary{
  color: var(--vt-black);
  background: var(--vt-white);
  border-color: var(--vt-border-strong);
  position: relative;
}

.voltina-table-tabs .voltina-btn.is-secondary::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 999px;
  padding: 1px;
  background: var(--vt-grad);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .9;
}

/* Table */
.voltina-table-tabs table{
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: var(--vt-white);
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius);
  box-shadow: var(--vt-shadow-soft);
  overflow: hidden;
}

.voltina-table-tabs thead th{
  background: rgba(0,0,0,.02);
}

.voltina-table-tabs .voltina-th{
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 800;
  color: var(--vt-black);
  text-align: left;
  border-bottom: 1px solid var(--vt-border);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}


.voltina-table-tabs .voltina-tr td{
  border-bottom: 1px solid var(--vt-border);
}

.voltina-table-tabs .voltina-tr:last-child td{
  border-bottom: none;
}

.voltina-table-tabs .voltina-td{
  padding: 16px 18px;
  font-size: 16px;
  color: var(--vt-black);
  vertical-align: middle;
}

.voltina-table-tabs .voltina-link{
  color: var(--vt-black);
  text-decoration: none;
  position: relative;
  font-weight: 800;
}

.voltina-table-tabs .voltina-link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 100%;
  background: var(--vt-grad);
  transform: scaleX(.85);
  transform-origin: left;
  transition: transform .15s ease;
}

.voltina-table-tabs .voltina-link:hover::after{
  transform: scaleX(1);
}

/* Accordion */
.voltina-table-tabs .voltina-acc{
  border: 1px solid var(--vt-border);
  border-radius: var(--vt-radius-sm);
  background: var(--vt-white);
  box-shadow: var(--vt-shadow-soft);
  overflow: hidden;
}

.voltina-table-tabs .voltina-acc__summary{
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 800;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.voltina-table-tabs .voltina-acc__summary::-webkit-details-marker{
  display: none;
}

.voltina-table-tabs .voltina-acc__chev{
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0,0,0,.04);
  transform: rotate(90deg);
  transition: transform .15s ease;
}

.voltina-table-tabs details[open] .voltina-acc__chev{
  transform: rotate(270deg);
}

.voltina-table-tabs .voltina-acc__content{
  padding: 0 16px 16px 16px;
  color: var(--vt-muted);
}


.voltina-table-tabs__panel {
  display: none;
}

.voltina-table-tabs__panel.is-active {
  display: block;
}

.voltina-table-tabs__panel { display: none; }
.voltina-table-tabs__panel.is-active { display: block; }