/* Layout */
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: var(--panel);
  border-bottom: 1px solid var(--border);
}

.workspace {
  display: block;
}

.sidebar { display: none; }

.sheet-area {
  padding: 16px 18px;
}
.sheet-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.sheet-header .sheet-actions { margin-left: auto; }
.sheet-name {
  background: transparent;
  border: none;
  font-size: 18px;
  color: var(--text);
  padding: 8px 10px;
  border-bottom: 1px dashed var(--border);
  outline: none;
}
.input-sm { padding: 8px 10px; background: var(--panel); color: var(--text); border: 1px solid var(--border); border-radius: 8px; }

/* Tabs */
.tabs { display: flex; align-items: stretch; gap: 8px; margin-bottom: 12px; border-bottom: 1px solid var(--border); padding-bottom: 8px; }
.tab { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--border); background: var(--panel); border-radius: 10px; cursor: pointer; }
.tab.active { background: var(--panel-2); border-color: var(--primary-600); }
.tab .close { background: transparent; border: none; color: var(--muted); cursor: pointer; }