/* Claude Code exact theme - dark gray bg, dark green, white text, red accents */
:root, :root.dark {
  --background: #191919;
  --surfacePrimary: #1e1e1e;
  --surfaceSecondary: #252525;
  --divider: #2a2a2a;
  --textPrimary: #fff;
  --textSecondary: #ccc;
  --blue: #1a472a;
  --dark-blue: #153620;
  --icon: #888;
  --icon-blue: #1a472a;
  --icon-green: #1a472a;
  --icon-red: #da3633;
  --icon-orange: #888;
  --icon-yellow: #888;
  --icon-violet: #888;
  --iconPrimary: #1a472a;
  --iconSecondary: #1a472a;
  --iconTertiary: #666;
  --action: #1a472a;
  --hover: rgba(26,71,42,0.15);
  --borderPrimary: #2a2a2a;
  --borderSecondary: #333;
  --dividerPrimary: #2a2a2a;
  --dividerSecondary: #333;
  --item-selected: #fff;
}

body, #app {
  background: #191919 !important;
  color: #fff !important;
}

/* Header / toolbar */
header, #header, nav, .breadcrumbs {
  background: #1e1e1e !important;
  color: #fff !important;
  border-color: #2a2a2a !important;
}

/* Header action buttons - transparent bg, white/gray icons */
header button, header .action, header .button,
#header button, #header .action,
.action {
  background: transparent !important;
  color: #ccc !important;
}

header button:hover, header .action:hover,
#header button:hover {
  background: #252525 !important;
  color: #fff !important;
}

header {
  border-bottom: 1px solid #2a2a2a !important;
  padding: 4px 8px !important;
  min-height: unset !important;
}

/* Sidebar */
#sidebar, .sidebar, aside {
  background: #1e1e1e !important;
  color: #fff !important;
  border-color: #2a2a2a !important;
}

/* Main content area */
main, .main, #listing, .listing {
  background: #191919 !important;
  color: #fff !important;
}

/* File list items */
.item, .listing .item, .listing .item .name {
  color: #fff !important;
  border-color: #222 !important;
}

.item:hover, .listing .item:hover {
  background: #222 !important;
}

.item.selected {
  background: #1a472a33 !important;
}

/* Links - dark green */
a, .name a {
  color: #fff !important;
}

a:hover, .name a:hover {
  color: #2ea44f !important;
}

/* ALL buttons - force transparent by default, kill any blue/green bg */
button, .button, .action,
[class*="button"], [class*="action"],
.button--flat, header button, header .action,
#header button, #header .action {
  color: #ccc !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 4px !important;
}

button:hover, .action:hover,
[class*="button"]:hover {
  background: #252525 !important;
  background-color: #252525 !important;
  color: #fff !important;
}

/* Only submit/confirm buttons get green bg */
button[type="submit"],
.upload-button {
  background: #1a472a !important;
  background-color: #1a472a !important;
  color: #fff !important;
}

/* Delete/danger buttons - red */
.button--flat.button--red,
.delete, [aria-label="Delete"] {
  color: #da3633 !important;
}

/* Icons - default gray */
i, .material-icons, [class*="icon"] {
  color: #666 !important;
}

/* Folder icons - dark dark green */
.item .material-icons,
.item i[class*="folder"],
.item svg,
i.material-icons {
  color: #1a472a !important;
}

.item:hover .material-icons,
.item:hover i {
  color: #2ea44f !important;
}

/* Input fields */
input, textarea, select {
  background: #222 !important;
  color: #fff !important;
  border-color: #333 !important;
  border-radius: 4px !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #1a472a !important;
  outline: none !important;
}

/* Dialogs / modals */
.overlay, .prompt, .card, .dialog {
  background: #1e1e1e !important;
  color: #fff !important;
  border-color: #2a2a2a !important;
}

/* Breadcrumbs */
.breadcrumbs span, .breadcrumbs a, .breadcrumbs {
  color: #888 !important;
}

.breadcrumbs a:hover {
  color: #2ea44f !important;
}

/* Login page */
.login, .card.login, #login {
  background: #191919 !important;
}

.login .card, #login .card {
  background: #1e1e1e !important;
  border: 1px solid #2a2a2a !important;
}

.login input, #login input {
  background: #222 !important;
  color: #fff !important;
  border-color: #333 !important;
}

.login button[type="submit"], #login button[type="submit"] {
  background: #1a472a !important;
  color: #fff !important;
  font-weight: bold !important;
}

.login button[type="submit"]:hover, #login button[type="submit"]:hover {
  background: #225a35 !important;
}

/* Dropzone */
.dropzone {
  border-color: #1a472a !important;
  background: #1a472a11 !important;
  border-style: dashed !important;
}

/* Scrollbar - thin & dark */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #191919;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1a472a;
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #333 #191919;
}

/* Table headers */
th, thead {
  background: #1e1e1e !important;
  color: #888 !important;
  border-color: #2a2a2a !important;
}

/* Bottom bar / status */
#bottom, footer, .credits {
  background: #1e1e1e !important;
  color: #555 !important;
  border-color: #2a2a2a !important;
}

/* Prompts / upload overlay */
.overlay-content {
  background: #1e1e1e !important;
  border: 1px solid #2a2a2a !important;
}

/* Editor */
.editor, #editor, .CodeMirror {
  background: #191919 !important;
  color: #fff !important;
}

/* Selection */
::selection {
  background: #1a472a55 !important;
  color: #fff !important;
}

/* File size, date info */
.meta, .size, .modified {
  color: #666 !important;
}

/* Checkboxes */
.checkbox input:checked + span {
  background: #1a472a !important;
  border-color: #1a472a !important;
}

/* Progress bars */
.progress, .progress-bar {
  background: #222 !important;
}
.progress-bar .fill {
  background: #1a472a !important;
}

/* Error messages - red */
.error, .message.error {
  color: #da3633 !important;
}

/* Kill ALL blue - toast notifications */
.Vue-Toastification__toast--info,
.Vue-Toastification__toast--default {
  background-color: #1a472a !important;
}

/* Ensure no button gets colored bg unless explicitly set above */
.button--flat {
  background: transparent !important;
  background-color: transparent !important;
}

/* Any remaining blue from built-in vars */
[style*="2196f3"],
[style*="1d99f3"],
[style*="1e88e5"],
[style*="1565c0"] {
  color: #1a472a !important;
}

/* Header row / sorting row in file listing */
.listing-head, .listing > div:first-child,
.listing header, [class*="header"],
.listing .header {
  background: #1e1e1e !important;
  color: #888 !important;
  border-color: #2a2a2a !important;
}

/* SVG icons inside items (folder icons) */
.item svg, .item svg path,
.item .icon svg, .item .icon svg path {
  fill: #1a472a !important;
  color: #1a472a !important;
}

.item:hover svg, .item:hover svg path {
  fill: #2ea44f !important;
  color: #2ea44f !important;
}