/* ===============================================
   Scholar Workspace Layout
   Scholar uses the shared workspace five-column layout.
   This file styles the module pane (.scholar-main) only.
   =============================================== */

/* Module pane: Main content */
.scholar-main {
  flex: 1;
  overflow: hidden; /* Prevent outer scrolling; children handle their own */
  padding: 0;
  background: var(--workspace-bg-primary, #0d0d0d);
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0; /* Allow shrinking in flex context */
  border-bottom: 1px solid var(--workspace-border-default, #3a3a3a);
}

.scholar-main .pane-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 50px;
  min-height: 50px;
  background: var(--workspace-bg-secondary, #151515);
  border-bottom: 1px solid var(--workspace-border-default, #3a3a3a);
  flex-shrink: 0;
  position: relative;
}

.scholar-main .pane-header h5 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary, #d4e1e8);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Scholar Tab Navigation - Terminal tab style */
.scholar-tabs {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 8px;
  gap: 4px;
  overflow-x: auto;
  min-width: 0;
  flex: 1;
}

.scholar-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: transparent;
  border: none;
  border-radius: 6px 6px 0 0;
  color: var(--text-secondary, #6c8ba0);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.scholar-tab:hover {
  background: var(--workspace-bg-tertiary, #1a1a1a);
  color: var(--text-primary, #d4e1e8);
  text-decoration: none;
}

.scholar-tab.active {
  background: transparent;
  color: var(--text-primary, #d4e1e8);
  font-weight: 600;
  border-bottom: 2px solid rgba(5, 150, 105, 0.6);
}

.scholar-tab i {
  font-size: 12px;
}

.scholar-tab.active i {
  color: var(--workspace-icon-primary, #059669);
}

/* Light mode tab styles */
[data-theme="light"] .scholar-tab {
  color: var(--text-muted, #57606a);
}

[data-theme="light"] .scholar-tab:hover {
  color: var(--text-primary, #1a2a40);
  background: var(--workspace-bg-tertiary, #d8dee4);
}

[data-theme="light"] .scholar-tab.active {
  color: var(--text-primary, #1a2a40);
  border-bottom: 2px solid rgba(16, 185, 129, 0.5);
}

/* Disabled tab state */
.scholar-tab.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.scholar-tab.disabled:hover {
  background: transparent;
  color: inherit;
}

.scholar-main .pane-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.scholar-main .pane-header-actions .btn {
  font-size: 12px;
  padding: 4px 10px;
}

.scholar-main .pane-header h5 i {
  color: var(--workspace-icon-primary, #059669);
}

.scholar-main .pane-content {
  flex: 1;
  overflow-y: auto;
  padding: 0; /* Remove padding to maximize space; child containers handle padding */
  display: flex;
  flex-direction: column;
  min-height: 0; /* Allow shrinking in flex context */
}

/* Right panel: Properties/details
   Base styles from shared collapsible-panel.css
   Only scholar-specific overrides here */
.scholar-properties {
  width: 320px;
  min-width: 40px;
  display: flex;
  flex-direction: column;
  transition:
    width 0.2s ease,
    min-width 0.2s ease;
  flex-shrink: 0;
  border-bottom: 1px solid var(--workspace-border-default, #3a3a3a);
}

/* Collapsed width handled by shared collapsible-panel.css */

/* Remove default container styles inside scholar-main */
.scholar-main > .container {
  max-width: none;
  padding: 0;
}

/* Light mode overrides - sidebar/properties handled by shared CSS.
   Only scholar-specific light mode overrides here. */
[data-theme="light"] .scholar-main .pane-header {
  background: var(--workspace-bg-secondary);
  border-bottom-color: var(--workspace-border-default);
}

/* ===============================================
   NO ROUNDED CORNERS - Flat panel design
   =============================================== */

.scholar-main,
.scholar-main .pane-header,
.scholar-main .pane-content,
.scholar-properties,
.scholar-properties .properties-header,
.scholar-properties .properties-content {
  border-radius: 0 !important;
}

/* Override any card/panel rounded corners in scholar module pane */
.scholar-main .card,
.scholar-main .panel,
.scholar-main .search-card,
.scholar-main .result-card,
.scholar-main .paper-card {
  border-radius: 0 !important;
}

/* Ensure no margins in pane content - flexbox already set above */
.scholar-main .pane-content {
  padding: 0;
  margin: 0;
  /* display: flex and flex-direction: column already set above */
}

/* Override container padding inside scholar-main */
.scholar-main .pane-content > .container,
.scholar-main .pane-content > .container-fluid {
  padding: 0;
  margin: 0;
  max-width: 100%;
}