.nightshade-tabdock {
display: flex;
gap: 8px;
min-height: 0;
height: 100%;
}
.nightshade-tabdock-pane {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
min-height: 0;
border: 1px solid var(--nightshade-panel-border);
border-radius: 9px;
overflow: hidden;
background: var(--nightshade-panel);
}
.nightshade-tabdock-tabs {
display: flex;
gap: 2px;
padding: 4px;
min-height: 34px;
border-bottom: 1px solid var(--nightshade-panel-border);
background: var(--nightshade-panel-2);
flex-wrap: wrap;
}
.nightshade-tabdock-tab {
display: inline-flex;
}
.nightshade-tabdock-tab-btn {
padding: 4px 10px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--nightshade-text-dim);
font: inherit;
cursor: grab;
}
.nightshade-tabdock-tab-btn.active {
background: var(--nightshade-accent-soft);
color: var(--nightshade-accent);
border-color: var(--nightshade-accent-soft);
}
.nightshade-tabdock-body {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
padding: 10px;
}
.nightshade-tabdock-empty {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--nightshade-text-dim);
}