.wrap-t { padding: 10px; }

.tabs-t { background: var(--tab-bg); border: 1px solid var(--tab-border); border-radius: var(--radius); padding: 10px; }

/* Скрываем радиокнопки */
.tabs-t input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }

/* Контейнер с заголовками вкладок */
.tab-labels-t { display: flex; gap: 8px; flex-wrap: wrap; }

.tab-labels-t label {
cursor: pointer;
padding: 10px 14px;
border: 1px solid var(--tab-border);
border-bottom: 0;
border-radius: 10px 10px 0 0;
background: #eee;
color: var(--muted);
user-select: none;
transition: background .2s ease, color .2s ease, box-shadow .2s ease;
margin-bottom: 0px !important;
min-width: 100px;
text-align: center;
display: flex;
align-items: center;    /* по центру вертикали */
justify-content: center;
}

/* Состояние :hover и :focus-visible */
.tab-labels-t label:hover, .tab-labels-t label:focus-visible {
background: #e6e8eb;
outline: none;
box-shadow: 0 0 0 3px rgba(47,111,235,.15);
}

/* Активная метка вкладки */
#tab-1-t:checked ~ .tab-labels-t label[for="tab-1-t"],
#tab-2-t:checked ~ .tab-labels-t label[for="tab-2-t"],
#tab-3-t:checked ~ .tab-labels-t label[for="tab-3-t"] {
background: #ffffff;
color: var(--text);
border-color: var(--tab-border);
box-shadow: 0 -2px 0 0 var(--tab-active) inset;
}

/* Контейнер с панелями */
.tab-panels-t { background: var(--tab-active); border: 1px solid var(--tab-border); border-radius: 0 10px 10px 10px; padding: 0; }

.panel-t { display: none; opacity: 0; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease; 
	min-height: 200px;
	/*background-color: #ffffff;*/
}

/* Показываем соответствующую панель */
#tab-1-t:checked ~ .tab-panels-t #panel-1-t,
#tab-2-t:checked ~ .tab-panels-t #panel-2-t,
#tab-3-t:checked ~ .tab-panels-t #panel-3-t { display: block; opacity: 1; transform: translateY(0); }

/* Адаптивность */
@media (max-width: 560px) {
.tab-labels-t { gap: 6px; }
.tab-labels-t label { padding: 8px 10px; font-size: 14px; }
.wrap-t, .tabs-t { padding-left: 0; padding-right: 0;}
}