.import-analysis {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 24px;
  gap: 20px;
}

.import-analysis-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.import-analysis-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--vscode-foreground);
}

.import-definition-name {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  color: var(--vscode-foreground);
  padding: 2px 6px;
  margin: -2px -6px;
  width: calc(100% + 12px);
  outline: none;
}

.import-definition-name:hover {
  border-color: var(--vscode-input-border, #3c3c3c);
}

.import-definition-name:focus {
  border-color: var(--vscode-focusBorder, #007fd4);
  background: var(--vscode-input-background, #1e1e1e);
}

.import-analysis-header p {
  margin: 0;
  font-size: 12px;
  color: var(--vscode-descriptionForeground);
}

/* File selection area */
.import-file-selectors {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--vscode-sideBar-background);
  padding: 16px;
  border-radius: 6px;
}

.import-file-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.import-file-row label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--vscode-descriptionForeground);
  min-width: 100px;
  flex-shrink: 0;
}

.import-file-path {
  flex: 1;
  font-size: 12px;
  color: var(--vscode-foreground);
  background: var(--vscode-input-background);
  border: 1px solid var(--vscode-input-border, transparent);
  border-radius: 4px;
  padding: 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-file-path.placeholder {
  color: var(--vscode-input-placeholderForeground);
  font-style: italic;
}

.import-file-row button {
  padding: 6px 12px;
  font-size: 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
}

.import-file-row button:hover {
  background: var(--vscode-button-hoverBackground);
}

.import-analyze-btn {
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  align-self: flex-start;
}

.import-analyze-btn:hover {
  background: var(--vscode-button-hoverBackground);
}

.import-analyze-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Loading state */
.import-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  font-size: 13px;
  color: var(--vscode-descriptionForeground);
}

.import-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid var(--vscode-descriptionForeground);
  border-top-color: var(--vscode-button-background);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  flex-shrink: 0;
}

.import-progress {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.import-progress-step {
  font-size: 13px;
  color: var(--vscode-foreground);
}

.import-progress-detail {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Site info card */
.import-site-info {
  display: flex;
  gap: 20px;
  background: var(--vscode-sideBar-background);
  padding: 16px;
  border-radius: 6px;
}

.import-site-info-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.import-site-info-item .info-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: var(--vscode-descriptionForeground);
}

.import-site-info-item .info-value {
  font-size: 13px;
  color: var(--vscode-foreground);
}

/* Stat cards grid */
.import-stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.import-stat-card {
  background: var(--vscode-sideBar-background);
  border-radius: 6px;
  padding: 16px;
}

.import-stat-card h3 {
  margin: 0 0 10px 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: var(--vscode-descriptionForeground);
}

.import-stat-number {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--vscode-foreground);
}

.import-stat-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--vscode-descriptionForeground);
}

.import-stat-breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.import-stat-tag {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
  background: var(--vscode-badge-background);
  color: var(--vscode-badge-foreground);
}

.import-stat-tag.stat-new {
  background: rgba(115, 201, 145, 0.15);
  color: #73c991;
}

.import-stat-tag.stat-mapped {
  background: rgba(78, 201, 176, 0.15);
  color: #4ec9b0;
}

.import-stat-tag.stat-update {
  background: rgba(117, 190, 255, 0.15);
  color: #75beff;
}

.import-stat-tag.stat-conflict {
  background: rgba(244, 135, 113, 0.15);
  color: #f48771;
}

.import-stat-tag.stat-duplicate {
  background: rgba(204, 167, 0, 0.15);
  color: #cca700;
}

.import-stat-tag.stat-missing {
  background: rgba(150, 150, 150, 0.15);
  color: #969696;
}

/* Detail sections */
.import-detail-section {
  background: var(--vscode-sideBar-background);
  border-radius: 6px;
  padding: 16px;
}

.import-detail-section h3 {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--vscode-foreground);
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

.import-detail-section h3 .toggle-icon {
  font-size: 10px;
  transition: transform 0.15s;
}

.import-detail-section h3 .toggle-icon.open {
  transform: rotate(90deg);
}

/* Detail tables */
.import-detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.import-detail-table th {
  text-align: left;
  padding: 6px 10px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--vscode-descriptionForeground);
  border-bottom: 1px solid var(--vscode-panel-border, rgba(255,255,255,0.1));
}

.import-detail-table td {
  padding: 6px 10px;
  color: var(--vscode-foreground);
  border-bottom: 1px solid var(--vscode-panel-border, rgba(255,255,255,0.06));
}

.import-detail-table tr:last-child td {
  border-bottom: none;
}

.import-detail-table .status-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  border-radius: 10px;
}

.import-detail-table .status-badge.new {
  background: rgba(115, 201, 145, 0.15);
  color: #73c991;
}

.import-detail-table .status-badge.update {
  background: rgba(117, 190, 255, 0.15);
  color: #75beff;
}

.import-detail-table .status-badge.conflict {
  background: rgba(244, 135, 113, 0.15);
  color: #f48771;
}

.import-detail-table .status-badge.content-duplicate {
  background: rgba(204, 167, 0, 0.15);
  color: #cca700;
}

.import-detail-table .status-badge.missing {
  background: rgba(150, 150, 150, 0.15);
  color: #969696;
}

.import-detail-table .slug-cell {
  font-family: var(--vscode-editor-font-family, monospace);
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

.import-detail-table .existing-match {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

/* Tag/category pills */
.import-taxonomy-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.import-taxonomy-pill {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 10px;
  background: var(--vscode-badge-background);
  color: var(--vscode-badge-foreground);
}

.import-taxonomy-pill.exists {
  background: rgba(115, 201, 145, 0.15);
  color: #73c991;
}

.import-taxonomy-pill.new-tax {
  background: rgba(117, 190, 255, 0.15);
  color: #75beff;
}

/* Mapped taxonomy items - green background */
.import-taxonomy-pill.mapped {
  background: rgba(115, 201, 145, 0.25);
  color: #73c991;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.import-taxonomy-pill .pill-arrow {
  opacity: 0.6;
  font-size: 10px;
}

.import-taxonomy-pill .pill-mapped-to {
  font-weight: 600;
}

.import-taxonomy-pill .pill-clear-btn {
  background: none;
  border: none;
  color: inherit;
  opacity: 0.5;
  cursor: pointer;
  padding: 0 2px;
  font-size: 14px;
  line-height: 1;
  margin-left: 2px;
}

.import-taxonomy-pill .pill-clear-btn:hover {
  opacity: 1;
}

/* Editable taxonomy pills */
.import-taxonomy-pill:not(.editing):not(.exists):not(.mapped) {
  cursor: pointer;
}

.import-taxonomy-pill:not(.editing):hover {
  filter: brightness(1.1);
}

.import-taxonomy-pill.editing {
  background: var(--vscode-input-background);
  padding: 0 4px 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.import-taxonomy-pill.editing .pill-name {
  color: var(--vscode-foreground);
}

.import-taxonomy-pill .pill-edit-input {
  background: transparent;
  border: none;
  color: #73c991;
  font-size: 11px;
  padding: 2px 4px;
  width: 100px;
  outline: none;
}

.import-taxonomy-pill .pill-edit-input::placeholder {
  color: var(--vscode-input-placeholderForeground);
}

/* Pill edit container for autocomplete */
.pill-edit-container {
  position: relative;
  display: inline-block;
}

.pill-suggestions-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  min-width: 150px;
  max-width: 250px;
  max-height: 200px;
  overflow-y: auto;
  background: var(--vscode-dropdown-background, var(--vscode-sideBar-background));
  border: 1px solid var(--vscode-dropdown-border, var(--vscode-panel-border));
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.pill-suggestion-item {
  display: block;
  width: 100%;
  padding: 6px 10px;
  font-size: 11px;
  text-align: left;
  background: none;
  border: none;
  color: var(--vscode-foreground);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pill-suggestion-item:hover,
.pill-suggestion-item.selected {
  background: var(--vscode-list-hoverBackground);
}

.pill-suggestion-item.selected {
  background: var(--vscode-list-activeSelectionBackground);
  color: var(--vscode-list-activeSelectionForeground);
}

/* Taxonomy analyze row */
.taxonomy-analyze-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--vscode-panel-border, rgba(255,255,255,0.06));
}

.taxonomy-analyze-dropdown {
  position: relative;
}

.taxonomy-analyze-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  white-space: nowrap;
}

.taxonomy-analyze-btn:hover:not(:disabled) {
  background: var(--vscode-button-hoverBackground);
}

.taxonomy-analyze-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.taxonomy-analyze-btn .import-spinner.small {
  width: 12px;
  height: 12px;
  border-width: 1.5px;
}

.taxonomy-model-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  background: var(--vscode-dropdown-background, var(--vscode-sideBar-background));
  border: 1px solid var(--vscode-dropdown-border, var(--vscode-panel-border));
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 100;
  min-width: 180px;
  max-height: 300px;
  overflow-y: auto;
}

.taxonomy-model-option {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 12px;
  text-align: left;
  background: none;
  border: none;
  color: var(--vscode-foreground);
  cursor: pointer;
}

.taxonomy-model-option:hover {
  background: var(--vscode-list-hoverBackground);
}

.taxonomy-analyze-hint {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  font-style: italic;
}

.taxonomy-mapped-count {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(115, 201, 145, 0.2);
  color: #73c991;
  margin-left: 8px;
}

/* Post and Media rows with tooltip - enhanced hover state */
.import-detail-table tr.post-row-with-tooltip,
.import-detail-table tr.media-row-with-tooltip {
  cursor: help;
  transition: background-color 0.15s ease;
}

.import-detail-table tr.post-row-with-tooltip:hover,
.import-detail-table tr.media-row-with-tooltip:hover {
  background-color: var(--vscode-list-hoverBackground, rgba(255, 255, 255, 0.04));
}

/* Categories column styling */
.import-detail-table .categories-cell {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* MIME type column styling */
.import-detail-table .mime-type-cell {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  font-family: var(--vscode-editor-font-family, monospace);
}

/* Post type column styling */
.import-detail-table .post-type-cell {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  font-family: var(--vscode-editor-font-family, monospace);
}

/* Empty state */
.import-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  gap: 12px;
  color: var(--vscode-descriptionForeground);
}

.import-empty-state svg {
  opacity: 0.3;
}

.import-empty-state p {
  margin: 0;
  font-size: 13px;
}

/* =================================
   MACROS SECTION STYLES
   ================================= */

.macro-summary-counts {
  display: inline-flex;
  gap: 8px;
  margin-left: auto;
  font-size: 11px;
  font-weight: normal;
}

.macro-summary-counts .mapped-count {
  color: var(--vscode-charts-green, #89d185);
}

.macro-summary-counts .unmapped-count {
  color: var(--vscode-charts-orange, #cca700);
}

.macros-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.macro-item {
  background: var(--vscode-input-background);
  border: 1px solid var(--vscode-input-border, transparent);
  border-radius: 6px;
  overflow: hidden;
}

.macro-item.mapped {
  border-left: 3px solid var(--vscode-charts-green, #89d185);
}

.macro-item.unmapped {
  border-left: 3px solid var(--vscode-charts-orange, #cca700);
}

.macro-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.macro-header:hover {
  background: var(--vscode-list-hoverBackground, rgba(255, 255, 255, 0.04));
}

.toggle-icon.small {
  font-size: 8px;
  width: 10px;
}

.macro-name {
  font-weight: 600;
  font-family: var(--vscode-editor-font-family, monospace);
  color: var(--vscode-foreground);
}

.macro-status-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.macro-status-badge.mapped {
  background: rgba(137, 209, 133, 0.15);
  color: var(--vscode-charts-green, #89d185);
}

.macro-status-badge.unmapped {
  background: rgba(204, 167, 0, 0.15);
  color: var(--vscode-charts-orange, #cca700);
}

.macro-count {
  margin-left: auto;
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

.macro-usages {
  padding: 0 12px 12px 30px;
}

.macro-usages-header {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--vscode-input-border, rgba(255, 255, 255, 0.1));
}

.macro-posts-label {
  font-style: italic;
}

.macro-usages-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.macro-usage {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 4px;
  border-left: 3px solid transparent;
  background: var(--vscode-sideBar-background);
}

.macro-usage.valid {
  border-left-color: var(--vscode-charts-green, #89d185);
}

.macro-usage.invalid {
  border-left-color: var(--vscode-errorForeground, #f85149);
  background: rgba(248, 81, 73, 0.08);
}

.macro-usage.unknown {
  border-left-color: var(--vscode-descriptionForeground);
}

.macro-usage-params {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-family: var(--vscode-editor-font-family, monospace);
  font-size: 12px;
}

.no-params {
  color: var(--vscode-descriptionForeground);
  font-style: italic;
  font-family: inherit;
}

.macro-param {
  display: inline-flex;
  align-items: center;
  gap: 1px;
}

.param-key {
  color: var(--vscode-symbolIcon-propertyForeground, #9cdcfe);
}

.param-value {
  color: var(--vscode-symbolIcon-stringForeground, #ce9178);
}

.macro-usage-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.validation-badge {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
}

.validation-badge.valid {
  background: rgba(137, 209, 133, 0.2);
  color: var(--vscode-charts-green, #89d185);
}

.validation-badge.invalid {
  background: rgba(248, 81, 73, 0.2);
  color: var(--vscode-errorForeground, #f85149);
}

.validation-badge.unknown {
  background: rgba(128, 128, 128, 0.2);
  color: var(--vscode-descriptionForeground);
}

.usage-count {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
  min-width: 24px;
  text-align: right;
}
/* Conflict section styles */
.conflicts-section .conflicts-table {
  table-layout: fixed;
}

.conflicts-table th:nth-child(1),
.conflicts-table td:nth-child(1) {
  width: 20%;
}

.conflicts-table th:nth-child(2),
.conflicts-table td:nth-child(2) {
  width: 30%;
}

.conflicts-table th:nth-child(3),
.conflicts-table td:nth-child(3) {
  width: 25%;
}

.conflicts-table th:nth-child(4),
.conflicts-table td:nth-child(4) {
  width: 25%;
}

.conflict-row .entry-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conflict-row .entry-title.tooltip-target {
  cursor: help;
  text-decoration: underline dotted;
  text-decoration-color: var(--vscode-descriptionForeground);
  text-underline-offset: 2px;
}

.conflict-row .entry-title.tooltip-target:hover {
  text-decoration-color: var(--vscode-foreground);
}

/* Post hover card */
.post-hover-card {
  z-index: 1000;
  min-width: 300px;
  max-width: 420px;
  padding: 10px 12px;
  background: var(--vscode-editorHoverWidget-background, #2d2d30);
  border: 1px solid var(--vscode-editorHoverWidget-border, #454545);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  text-decoration: none;
  text-align: left;
  color: var(--vscode-editorHoverWidget-foreground, #cccccc);
  pointer-events: none;
}

.post-hover-title {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
  color: var(--vscode-foreground);
}

.post-hover-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--vscode-descriptionForeground);
  font-size: 11px;
}

.post-hover-content {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--vscode-editorHoverWidget-border, #454545);
}

.post-hover-content-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--vscode-descriptionForeground);
  margin-bottom: 4px;
}

.post-hover-content-text {
  font-size: 11px;
  line-height: 1.4;
  color: var(--vscode-foreground);
  word-break: break-word;
}

.conflict-row .new-entry-cell .entry-title {
  color: var(--vscode-charts-blue, #75beff);
}

.conflict-row .existing-entry-cell .entry-title {
  color: var(--vscode-charts-yellow, #cca700);
}

.conflict-row .entry-categories {
  display: block;
  font-size: 10px;
  color: var(--vscode-descriptionForeground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
}

.conflict-row .resolution-cell {
  padding: 4px 8px;
}

.resolution-select {
  width: 100%;
  padding: 4px 8px;
  font-size: 11px;
  background: var(--vscode-dropdown-background);
  color: var(--vscode-dropdown-foreground);
  border: 1px solid var(--vscode-dropdown-border, var(--vscode-input-border, #3c3c3c));
  border-radius: 4px;
  cursor: pointer;
  outline: none;
}

.resolution-select:hover {
  border-color: var(--vscode-focusBorder, #007fd4);
}

.resolution-select:focus {
  border-color: var(--vscode-focusBorder, #007fd4);
  outline: 1px solid var(--vscode-focusBorder, #007fd4);
  outline-offset: -1px;
}

.resolution-select option {
  background: var(--vscode-dropdown-listBackground, var(--vscode-dropdown-background));
  color: var(--vscode-dropdown-foreground);
}

/* Import Execution Section */
.import-execute-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background: var(--vscode-sideBar-background);
  border-radius: 6px;
  border: 1px solid var(--vscode-editorWidget-border, transparent);
}

.import-execute-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--vscode-descriptionForeground);
}

.import-count-tag {
  background: var(--vscode-badge-background);
  color: var(--vscode-badge-foreground);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

.import-execute-btn {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  white-space: nowrap;
}

.import-execute-btn:hover {
  background: var(--vscode-button-hoverBackground);
}

.import-execute-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Import Execution Progress */
.import-execution-progress {
  padding: 16px;
  background: var(--vscode-sideBar-background);
  border-radius: 6px;
  border: 1px solid var(--vscode-editorWidget-border, transparent);
}

.import-execution-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.import-execution-header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--vscode-foreground);
}

.import-eta {
  font-size: 12px;
  color: var(--vscode-descriptionForeground);
}

.import-progress-bar {
  height: 6px;
  background: var(--vscode-progressBar-background, #0e639c);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
  opacity: 0.3;
}

.import-progress-fill {
  height: 100%;
  background: var(--vscode-button-background);
  border-radius: 3px;
  transition: width 0.3s ease;
}

.import-progress-info {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}

.import-phase {
  font-weight: 600;
  color: var(--vscode-foreground);
}

.import-detail {
  flex: 1;
  color: var(--vscode-descriptionForeground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-counter {
  color: var(--vscode-descriptionForeground);
  font-variant-numeric: tabular-nums;
}

/* Execution Complete */
.import-execution-complete {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: var(--vscode-inputValidation-infoBackground, rgba(0, 127, 212, 0.1));
  border: 1px solid var(--vscode-inputValidation-infoBorder, #007fd4);
  border-radius: 6px;
  color: var(--vscode-foreground);
  font-size: 13px;
  font-weight: 500;
}

.import-execution-complete svg {
  fill: var(--vscode-charts-green, #89d185);
  flex-shrink: 0;
}

/* Execution Error */
.import-execution-error {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: var(--vscode-inputValidation-errorBackground, rgba(243, 70, 70, 0.1));
  border: 1px solid var(--vscode-inputValidation-errorBorder, #f34646);
  border-radius: 6px;
  color: var(--vscode-foreground);
  font-size: 13px;
}

.import-execution-error svg {
  fill: var(--vscode-errorForeground, #f34646);
  flex-shrink: 0;
}

/* Date Distribution Card */
.import-date-distribution {
  background: var(--vscode-sideBar-background);
  border-radius: 6px;
  padding: 16px;
  border: 1px solid var(--vscode-editorWidget-border, transparent);
}

.import-date-distribution h3 {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--vscode-foreground);
}

.distribution-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.distribution-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.distribution-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--vscode-editorWidget-border, #3c3c3c);
}

.distribution-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--vscode-descriptionForeground);
}

.distribution-total {
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

.distribution-bars {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.distribution-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 20px;
}

.distribution-year {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--vscode-foreground);
  min-width: 36px;
  text-align: right;
}

.distribution-bar-container {
  flex: 1;
  height: 12px;
  background: var(--vscode-input-background);
  border-radius: 2px;
  overflow: hidden;
}

.distribution-bar {
  height: 100%;
  border-radius: 2px;
  min-width: 2px;
  transition: width 0.3s ease;
}

.distribution-bar-posts {
  background: var(--vscode-charts-blue, #75beff);
}

.distribution-bar-media {
  background: var(--vscode-charts-green, #89d185);
}

.distribution-count {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--vscode-descriptionForeground);
  min-width: 32px;
  text-align: right;
}