.wpjsutils-tabs {
.tab-list {
display: flex;
gap: 4px;
padding: 4px;
list-style-type: none;
margin: 0;
position: relative;
z-index: 2;
background: #f1f5f9;
border-radius: 10px;
width: max-content;
max-width: 100%;
li {
border: 0;
border-radius: 6px;
padding: 8px 14px;
margin: 0;
cursor: pointer;
font-size: 0.875rem;
font-weight: 500;
color: #475569;
transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
&:hover {
color: #0f172a;
}
&.active {
background: #ffffff;
color: #1d4ed8;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06),
0 1px 3px rgba(15, 23, 42, 0.08);
}
&:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
}
}
}
.panel {
position: relative;
margin-top: 12px;
z-index: 1;
display: none;
padding: 20px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
&.active { display: block; }
}
}