/* ── BETBOT DRIVE — Kill purple, use cyan/amber ── */

/* Override dark theme root variables */
:root, :root.dark {
  --background:       #04080F !important;
  --surfacePrimary:   #060E14 !important;
  --surfaceSecondary: #0E2233 !important;
  --textPrimary:      #607B96 !important;
  --textSecondary:    #FFB300 !important;
  --action:           #00E5FF !important;
  --hover:            rgba(0,229,255,0.08) !important;
  --borderPrimary:    rgba(0,229,255,0.12) !important;
  --borderSecondary:  rgba(0,229,255,0.25) !important;
  --divider:          rgba(0,229,255,0.08) !important;
  --dividerPrimary:   rgba(0,229,255,0.1) !important;
  --dividerSecondary: rgba(0,229,255,0.2) !important;
  --iconPrimary:      #00E5FF !important;
  --iconSecondary:    #607B96 !important;
  --iconTertiary:     #0E2233 !important;

  /* Kill violet/purple file icons */
  --icon-violet:      #00E5FF !important;
  --icon-blue:        #00E5FF !important;

  /* Selected item */
  --item-selected:    rgba(0,229,255,0.15) !important;
}

/* Body and app shell */
body, #app, .main {
  background: #04080F !important;
  color: #607B96 !important;
}

/* Header / top nav */
#app header,
.header,
header {
  background: #060E14 !important;
  border-bottom: 1px solid #0E2233 !important;
}
#app header * { color: #FFB300 !important; }
#app header a:hover, #app header button:hover { color: #00E5FF !important; }

/* Sidebar */
#app nav,
#app aside,
.sidebar,
nav#sidebar {
  background: #060E14 !important;
  border-right: 1px solid #0E2233 !important;
}

/* All links and interactive text */
a { color: #00E5FF !important; }
a:hover { color: #FFB300 !important; }

/* Buttons — any purple becomes cyan */
button, .button, [class*="button"] {
  background: transparent !important;
  border-color: rgba(0,229,255,0.3) !important;
  color: #00E5FF !important;
}
button:hover, .button:hover {
  background: rgba(0,229,255,0.1) !important;
  border-color: #00E5FF !important;
}

/* Action / primary buttons */
button[class*="primary"], .action, [class*="action"] {
  color: #00E5FF !important;
}

/* File/folder listing */
.item, [class*="item"] {
  background: #060E14 !important;
  border-color: #0E2233 !important;
  color: #FFB300 !important;
}
.item:hover, [class*="item"]:hover {
  background: rgba(0,229,255,0.05) !important;
  border-color: rgba(0,229,255,0.25) !important;
}

/* File names */
.item .name, [class*="filename"], [class*="file-name"] {
  color: #FFB300 !important;
}

/* Icons — nuke purple/violet */
i[class*="violet"], [style*="9b59b6"], [style*="icon-violet"] {
  color: #00E5FF !important;
}
.file-icons [data-type=video] i,
.file-icons [data-ext=".iso"] i,
.file-icons [data-ext=".php"] i,
.file-icons [data-ext=".rar"] i {
  color: #00E5FF !important;
}

/* Cards / panels */
.card, [class*="card"], .panel, [class*="panel"] {
  background: #060E14 !important;
  border-color: #0E2233 !important;
}

/* Modal / dialogs */
.modal, .dialog, [class*="modal"], [class*="dialog"],
.modal-card, .modal-card-head, .modal-card-foot {
  background: #060E14 !important;
  border-color: #0E2233 !important;
}
.modal-card-title, [class*="modal"] h2, [class*="modal"] h3 {
  color: #FFB300 !important;
}

/* Inputs */
input, textarea, select, [class*="input"] {
  background: #04080F !important;
  border-color: #0E2233 !important;
  color: #00E5FF !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #00E5FF !important;
  box-shadow: 0 0 8px rgba(0,229,255,0.15) !important;
  outline: none !important;
}

/* Progress bars */
.progress, [class*="progress"] {
  background: #0E2233 !important;
}
[class*="progress"] div, .progress div {
  background: #00E5FF !important;
}

/* Breadcrumb */
[class*="breadcrumb"] a { color: #00E5FF !important; }
[class*="breadcrumb"] span { color: #607B96 !important; }

/* Scrollbars */
* { scrollbar-width: thin; scrollbar-color: #00E5FF #04080F; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: #04080F; }
::-webkit-scrollbar-thumb { background: #00E5FF; border-radius: 2px; }

/* Toast notifications */
.Vue-Toastification__toast--default { background: #060E14 !important; color: #00E5FF !important; }

/* Login page */
.login-form, [class*="login"] {
  background: #060E14 !important;
  border: 1px solid rgba(0,229,255,0.2) !important;
}

/* Disk usage percentage */
[class*="used-percentage"] span { color: #FFB300 !important; }
[class*="used-percentage"] progress::-webkit-progress-value { background: #FFB300 !important; }

/* Context menu / dropdown */
[class*="context"], [class*="dropdown"], ul.action {
  background: #060E14 !important;
  border: 1px solid #0E2233 !important;
}
[class*="context"] li, [class*="dropdown"] li, ul.action li {
  color: #607B96 !important;
}
[class*="context"] li:hover, [class*="dropdown"] li:hover, ul.action li:hover {
  background: rgba(0,229,255,0.08) !important;
  color: #00E5FF !important;
}