/* ===== Blizzfull Deploy — Minimal overrides (Tailwind handles most styling) ===== */

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Links */
a { color: #60a5fa; text-decoration: none; }
a:hover { text-decoration: underline; }
.no-underline:hover { text-decoration: none; }

/* Mono font */
code, pre { font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace; }

/* Remove default details marker in all browsers */
details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }

/* Diff block base — syntax colors applied by JS */
.diff-block {
  margin: 0;
  padding: 12px 16px;
  background: #0c1222;
  color: #cbd5e1;
  overflow-x: auto;
  font-size: 12px;
  line-height: 1.65;
  white-space: pre;
  tab-size: 4;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace;
}

/* Select arrow fix for dark backgrounds */
select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 32px !important;
}

/* Checkbox styling for dark mode */
input[type="checkbox"] {
  accent-color: #3b82f6;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #1f2937; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #374151; }

/* Smooth transitions for interactive elements */
.file-card { transition: border-color 0.15s ease; }
.file-card:has([open]) { border-color: rgba(59, 130, 246, 0.2); }

/* Directory group chevron rotation */
.dir-group .dir-chevron { transition: transform 0.15s ease; }
.dir-group[open] .dir-chevron { transform: rotate(90deg); }

/* Batch patch chevron rotation */
details .batch-chevron { transition: transform 0.15s ease; }
details[open] .batch-chevron { transform: rotate(90deg); }

/* Animate spinner */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Hidden utility */
.hidden { display: none !important; }