/* Contribution Widget Styles for Terminal Integration */
.command-section {
  margin: 16px 0;
  padding: 16px;
  border-radius: 8px;
  background: rgba(0, 255, 0, 0.05);
  border: 1px solid rgba(0, 255, 0, 0.2);
}

.command-section h3 {
  color: #00ff00;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}

.command-links {
  margin-top: 12px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.command-links a {
  color: #00ff00;
  text-decoration: none;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid rgba(0, 255, 0, 0.3);
  border-radius: 4px;
  transition: all 0.2s;
}

.command-links a:hover {
  background: rgba(0, 255, 0, 0.1);
  border-color: #00ff00;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 12px 0;
}

.stat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border-left: 3px solid #00ff00;
}

.stat-label {
  color: #ccc;
  font-size: 12px;
}

.stat-value {
  color: #00ff00;
  font-weight: bold;
  font-size: 14px;
}

.stats-detailed {
  margin: 12px 0;
}

.stat-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 255, 0, 0.1);
}

.stat-row:last-child {
  border-bottom: none;
}

.stat-icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.command-tip {
  margin-top: 12px;
  font-size: 11px;
  color: #888;
  font-style: italic;
}

.command-tip code {
  color: #00ff00;
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 4px;
  border-radius: 2px;
  font-family: 'Courier New', monospace;
}

/* Contribution Grid Renderer */
.contribution-grid-container {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  padding: 12px;
  border-radius: 6px;
  max-width: 100%;
}

/* Themes */
.contribution-grid-container.theme-github {
  background: #0d1117;
  color: #e6edf3;
  border: 1px solid #30363d;
}

.contribution-grid-container.theme-terminal {
  background: #000;
  color: #00ff00;
  border: 1px solid #00ff00;
}

.contribution-grid-container.theme-bios {
  background: #1a1a1a;
  color: #03DAC6;
  border: 1px solid #03DAC6;
}

/* Grid layout */
.contribution-grid {
  display: flex;
  gap: 3px;
  overflow-x: auto;
  margin-bottom: 12px;
  justify-content: center;
}

.week {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* Cell sizes */
.size-compact .cell { width: 8px; height: 8px; }
.size-normal .cell { width: 11px; height: 11px; }
.size-large .cell { width: 14px; height: 14px; }

.cell {
  border-radius: 2px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.cell:hover {
  transform: scale(1.2);
  z-index: 10;
  position: relative;
}

/* Level colors - GitHub theme */
.contribution-grid-container.theme-github .level-0 { background: #161b22; }
.contribution-grid-container.theme-github .level-1 { background: #0e4429; }
.contribution-grid-container.theme-github .level-2 { background: #006d32; }
.contribution-grid-container.theme-github .level-3 { background: #26a641; }
.contribution-grid-container.theme-github .level-4 { background: #39d353; }

/* Level colors - Terminal theme */
.contribution-grid-container.theme-terminal .level-0 { background: #001100; }
.contribution-grid-container.theme-terminal .level-1 { background: #003300; }
.contribution-grid-container.theme-terminal .level-2 { background: #005500; }
.contribution-grid-container.theme-terminal .level-3 { background: #007700; }
.contribution-grid-container.theme-terminal .level-4 { background: #00ff00; }

/* Level colors - BIOS theme */
.contribution-grid-container.theme-bios .level-0 { background: #0a1a1a; }
.contribution-grid-container.theme-bios .level-1 { background: #0d2d2a; }
.contribution-grid-container.theme-bios .level-2 { background: #1a4a44; }
.contribution-grid-container.theme-bios .level-3 { background: #26665e; }
.contribution-grid-container.theme-bios .level-4 { background: #03DAC6; }

/* Legend */
.legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  opacity: 0.7;
}

.legend-cells { display: flex; gap: 2px; }
.legend-cell { border-radius: 2px; }
.size-compact .legend-cell { width: 8px; height: 8px; }
.size-normal .legend-cell { width: 11px; height: 11px; }
.size-large .legend-cell { width: 14px; height: 14px; }

/* Tooltip */
.contribution-tooltip {
  position: absolute;
  z-index: 1000;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  pointer-events: none;
  transform: translateX(-50%);
  background: #1c2128;
  border: 1px solid #30363d;
  color: #e6edf3;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.tooltip-date { font-weight: bold; margin-bottom: 2px; }
.tooltip-commits { color: #26a641; }
.tooltip-level { font-size: 11px; opacity: 0.7; }

/* Error state */
.contribution-grid-container .error {
  color: #f85149;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .contribution-grid-container { padding: 8px; }
  .contribution-grid { gap: 2px; }
  .week { gap: 2px; }
  /* Force compact sizes on mobile */
  .size-normal .cell,
  .size-large .cell { width: 8px; height: 8px; }
  .size-normal .legend-cell,
  .size-large .legend-cell { width: 8px; height: 8px; }
}