.sqb-double-tabs { display: flex; gap: 24px; align-items: flex-start; }
.sqb-double-tabs__primary { flex: 0 0 220px; display: flex; flex-direction: column; gap: 2px; padding: 8px; border: 1px solid rgba(10, 30, 50, .08); border-radius: 12px; background: #f7f7f8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7); }
.sqb-double-tabs__panels { min-width: 0; flex: 1 1 auto; padding: 28px; border: 1px solid rgba(10, 30, 50, .12); border-radius: 12px; background: #fff; box-shadow: 0 12px 32px rgba(10, 30, 50, .08); }
.sqb-double-tabs__button { appearance: none; width: 100%; border: 0; background: transparent; color: #0a1e32; cursor: pointer; font: inherit; text-align: left; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.sqb-double-tabs__button--primary { position: relative; padding: 11px 12px; border-radius: 8px; font-size: 14px; line-height: 1.35; font-weight: 500; }
.sqb-double-tabs__button--primary:hover { background: rgba(255, 255, 255, .65); transform: translateX(2px); }
.sqb-double-tabs__button--primary.is-active { background: #fff; color: #0a1e32; box-shadow: 0 1px 3px rgba(10, 30, 50, .12), 0 6px 14px rgba(10, 30, 50, .06); font-weight: 600; animation: sqb-double-tabs-primary-select .24s ease both; }
.sqb-double-tabs__primary-panel, .sqb-double-tabs__secondary-panel { display: none; }
.sqb-double-tabs__primary-panel.is-active, .sqb-double-tabs__secondary-panel.is-active { display: block; animation: sqb-double-tabs-fade-in .28s ease both; }
.sqb-double-tabs__secondary { display: flex; gap: 8px; margin-bottom: 28px; overflow-x: auto; scrollbar-width: thin; }
.sqb-double-tabs__button--secondary { flex: 0 0 auto; width: auto; padding: 10px 16px; border-bottom: 2px solid transparent; font-weight: 600; white-space: nowrap; }
.sqb-double-tabs__button--secondary:hover { transform: translateY(-2px); }
.sqb-double-tabs__button--secondary:hover, .sqb-double-tabs__button--secondary.is-active { color: #d62023; border-bottom-color: #d62023; }
.sqb-double-tabs__documents { display: grid; gap: 2px; margin-top: 28px; }
.sqb-double-tabs__document { margin: 0; }
.sqb-double-tabs__document .percentageHighlight { margin-bottom: 0 !important; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sqb-double-tabs__document-name { align-items: center; gap: 12px; min-width: 0; }
.sqb-double-tabs__document-name img { width: 28px; height: 28px; object-fit: contain; }
.sqb-double-tabs__document-name p { margin: 0; }
.sqb-double-tabs__document:hover .percentageHighlight { border-color: rgba(214, 32, 35, .45); box-shadow: 0 8px 18px rgba(10, 30, 50, .08); transform: translateY(-2px); }
@keyframes sqb-double-tabs-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sqb-double-tabs-primary-select { from { opacity: .6; transform: scale(.98); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
    .sqb-double-tabs *, .sqb-double-tabs *::before, .sqb-double-tabs *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width: 767px) {
    .sqb-double-tabs { display: block; }
    .sqb-double-tabs__primary { flex-direction: row; overflow-x: auto; gap: 4px; margin-bottom: 20px; padding-bottom: 8px; scrollbar-width: thin; }
    .sqb-double-tabs__panels { padding: 20px; }
    .sqb-double-tabs__button--primary { flex: 0 0 auto; width: auto; padding: 10px 16px; white-space: nowrap; }
    .sqb-double-tabs__secondary { margin-bottom: 20px; }
}