/* ========================================
   WizEIA — GitHub Dark Default Theme
   Color tokens:
     bg-canvas:   #0d1117
     bg-surface:  #161b22
     border:      #30363d
     border-sub:  #21262d
     text:        #e6edf3
     text-muted:  #8b949e
     link:        #58a6ff
     btn-green:   #238636
     btn-hover:   #2ea043
   ======================================== */

.seo {
    display: none;
}

/* ----------------------------------------
   Table of contents (circuits page)
   ---------------------------------------- */
.content-body {
    width: 80%;
    padding: 20px;
    flex: 1;
    overflow: auto;
}

#toc a {
    text-decoration: none;
    color: #58a6ff;
}

#toc a:hover {
    text-decoration: underline;
}

#toc .toc-h2 {
    font-weight: 600;
    font-size: 16px;
}

#toc .toc-h3 {
    margin-left: 12px;
    font-weight: normal;
    font-size: 14px;
}

#toc .toc-h4 {
    margin-left: 24px;
    font-weight: normal;
    font-size: 12px;
    color: #8b949e;
}

/* ----------------------------------------
   Results table
   ---------------------------------------- */
.q-table--dark {
    background: #0d1117 !important;
}

.q-table--dark .q-table__top,
.q-table--dark thead th {
    background: #161b22 !important;
    color: #e6edf3 !important;
    font-weight: 600;
    border-bottom: 1px solid #30363d !important;
}

.q-table--dark tbody td {
    color: #e6edf3 !important;
    border-bottom: 1px solid #21262d !important;
}

.q-table--dark tbody tr:hover td {
    background: #161b22 !important;
}

/* ----------------------------------------
   Primary action button (Solve)
   ---------------------------------------- */
.solve-btn {
    background: #238636 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: 1px solid rgba(240, 246, 252, 0.1) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    padding: 5px 16px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.solve-btn:hover {
    background: #2ea043 !important;
    box-shadow: none !important;
}

/* ----------------------------------------
   Header nav hover
   ---------------------------------------- */
.q-header a:hover {
    background: rgba(177, 186, 196, 0.12);
    border-radius: 6px;
}

.q-drawer a:hover {
    background: rgba(177, 186, 196, 0.12);
}

/* ----------------------------------------
   Form inputs
   ---------------------------------------- */
.q-field--dark .q-field__control {
    background: #0d1117 !important;
    border-radius: 6px;
}

.q-field--dark .q-field__native,
.q-field--dark .q-field__input,
.q-field--dark textarea {
    color: #e6edf3 !important;
}

.q-field--dark .q-field__label {
    color: #8b949e !important;
}

/* ----------------------------------------
   Separators and borders
   ---------------------------------------- */
.q-separator--dark {
    background: #30363d !important;
}

/* ----------------------------------------
   Checkbox
   ---------------------------------------- */
.q-checkbox__label {
    color: #e6edf3 !important;
}

/* ----------------------------------------
   Donate section
   ---------------------------------------- */
#donate-button-container {
    padding: 1rem 0;
    opacity: 0.85;
    transition: opacity 0.2s;
}

#donate-button-container:hover {
    opacity: 1;
}

/* ----------------------------------------
   Scrollbar — subtle like GitHub
   ---------------------------------------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0d1117;
}

::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}