/* temp/web/css/tabs.css */
.wiki-tabs-container {border: 1px solid #ddd; border-radius: 4px; overflow-x: auto; margin: 15px 0;}
.wiki-tabs-header {background: #f9f9f9; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; overflow-x: visible;}
.wiki-tabs-container.mode-vertical {display: flex; min-height: 200px;}
.wiki-tabs-sidebar {width: 120px; background: #f4f4f4; border-right: 1px solid #ddd; display: flex; flex-direction: column; flex-shrink: 0;}
.wiki-tab-content {flex-grow: 1; min-width: 0; padding: 20px; background: #fff;}
.wiki-nested-body {display: flex; min-height: 300px;}
.nested-sidebar {width: 180px; background: #fafafa;}
.tab-btn {padding: 6px 10px; border: none; background: transparent; cursor: pointer; border-right: 1px solid #eee; border-bottom: 1px solid transparent; white-space: nowrap; font-family: inherit; font-size: 0.9rem; flex-grow: 0;}
.tab-btn:hover {background: #eee;}
.tab-btn.active {background: #fff; font-weight: bold; border-bottom: 2px solid #2ecc71;}
.tab-btn-v {padding: 8px 12px; text-align: left; border: none; background: transparent; cursor: pointer; border-bottom: 1px solid #eee; font-family: inherit; font-size: 0.9rem;}
.tab-btn-v:hover {background: #e9e9e9;}
.tab-btn-v.active {background: #fff; font-weight: bold; border-left: 4px solid #2ecc71;}
.tabs-loading, .tabs-empty, .tabs-error {padding: 16px; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: #888;}
.tabs-error {color: #c0392b;}
.tabs-frame-content {font-size: 0.9rem; line-height: 1.6;}
.tabs-nested {margin-top: 16px; border-top: 1px solid #ddd; padding-top: 12px;}