/* Default Theme - GitHub Dark Dimmed */

:root {
    --border-default: #444c56;
    --border-muted: #373e47;
    --border-hover: #768390;
    --border-active: #0969da;
    --focus-shadow: rgba(9, 105, 218, 0.3);
}

body {
    background: #22272e;
    color: #adbac7;
}

/* Header */
.top-header {
    background: #2d333b;
    border-bottom-color: #444c56;
    color: #adbac7;
}

.nav-toggle-button {
    color: #adbac7;
}

.site-title {
    color: #adbac7;
}

.active-dashboard-name {
    color: #adbac7;
}

/* Side Navigation */
.side-nav {
    background: #2d333b;
    border-right-color: #444c56;
}

.side-nav-link,
.side-nav-button {
    color: #adbac7;
}

.side-nav-link:hover,
.side-nav-button:hover {
    background: #373e47;
}

.side-nav-link-active {
    background: #373e47;
    border-left: 2px solid #539bf5;
}

.side-nav-divider {
    background: #444c56;
}

/* Modal */
.modal-content {
    background: #2d333b;
    color: #adbac7;
    border: 1px solid #444c56;
}

.modal-header {
    border-bottom-color: #444c56;
}

.modal-header h2 {
    color: #adbac7;
}

.close-button {
    color: #768390;
}

.close-button:hover {
    background: #373e47;
    color: #adbac7;
}

.theme-option {
    border-color: #444c56;
    background: #22272e;
}

.theme-option:hover {
    border-color: #768390;
    background: #373e47;
}

.theme-label {
    color: #adbac7;
}

.container {
    background: transparent;
}

.refresh-status {
    background: #373e47;
    border-color: #444c56;
    color: #adbac7;
}

.refresh-status.refreshing {
    border-color: #9e6a03;
    background: #341a03;
}

.refresh-button {
    background: #373e47;
    border-color: #444c56;
    color: #adbac7;
}

.refresh-button:hover:not(:disabled) {
    background: #444c56;
    border-color: #768390;
}

.refresh-button:disabled {
    opacity: 0.6;
}

.workflow-item {
    background: #2d333b;
    border-color: #444c56;
}

.workflow-item:hover {
    border-color: #768390;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.workflow-label {
    color: #adbac7;
}

.workflow-remove-button {
    background: #2d333b;
    border-color: #444c56;
    color: #adbac7;
}

.workflow-edit-button {
    background: #2d333b;
    border-color: #444c56;
    color: #adbac7;
}

.config-error {
    background: #341a03;
    border-color: #9e6a03;
    color: #f69d50;
}

.config-error h3 {
    color: #f69d50;
}

.config-error code {
    background: #22272e;
    color: #ff6a69;
}

.footer {
    border-top-color: #444c56;
    color: #768390;
}

.add-workflow-button {
    background: transparent;
    border-color: #444c56;
    color: #adbac7;
}

.add-workflow-button:hover {
    background: #373e47;
    border-color: #768390;
}

.edit-mode-button {
    background: transparent;
    border-color: #444c56;
    color: #adbac7;
}

.edit-mode-button:hover {
    background: #373e47;
    border-color: #768390;
}

/* Modal form styles */
.modal-description {
    color: #768390;
}

.modal-description code {
    background: #373e47;
    color: #f69d50;
}

.form-group label {
    color: #adbac7;
}

.form-group input[type="text"],
.form-group select {
    background: #22272e;
    border-color: #444c56;
    color: #adbac7;
}

.form-group input[type="text"]:focus,
.form-group select:focus {
    border-color: #539bf5;
    background: #22272e;
}

.form-help {
    color: #768390;
}

.form-error {
    background: #341a03;
    border-color: #9e6a03;
    color: #f69d50;
}

.modal-button-secondary {
    background: #373e47;
    border-color: #444c56;
    color: #adbac7;
}

.modal-button-secondary:hover:not(:disabled) {
    background: #444c56;
    border-color: #768390;
}

.modal-button-primary {
    background: #347d39;
    border-color: #347d39;
    color: #ffffff;
}

.modal-button-primary:hover:not(:disabled) {
    background: #46954a;
    border-color: #46954a;
}

/* Refresh button in header */
.refresh-button-header {
    color: #adbac7;
    border-color: #444c56;
}

.refresh-button-header:hover:not(:disabled) {
    background: #373e47;
    border-color: #768390;
}

.refresh-status-header .refresh-status-text {
    color: #768390;
}

.refresh-status-header.refreshing .refresh-status-text {
    color: #adbac7;
}

.repo-header {
    color: #adbac7;
    border-bottom-color: #444c56;
}

/* About page styles */
.about-section {
    background: #2d333b;
    border-color: #444c56;
}

.about-section h2,
.about-section strong {
    color: #adbac7;
}

.about-section p,
.about-section ul,
.about-section li {
    color: #768390;
}

.about-section a {
    color: #539bf5;
}

.about-section a:hover {
    color: #6cb6ff;
}

/* Dashboard management styles */
.dashboard-item {
    background: #22272e;
    border-color: #444c56;
}

.dashboard-item:hover {
    background: #2d333b;
    border-color: #768390;
}

.dashboard-item.active {
    background: #1c2128;
    border-color: #539bf5;
}

.dashboard-item-name {
    color: #adbac7;
}

.dashboard-item-badge {
    background: #143d79;
    border-color: #539bf5;
    color: #539bf5;
}

.dashboard-item-action {
    background: transparent;
    border-color: #444c56;
    color: #adbac7;
}

.dashboard-item-action:hover {
    background: #373e47;
    border-color: #768390;
}

/* Custom Dropdown Styles */
.custom-dropdown-search .search-icon {
    color: #768390;
}

.form-group input[type="text"].custom-dropdown-input {
    background: #22272e;
    border-color: #444c56;
    color: #adbac7;
}

.form-group input[type="text"].custom-dropdown-input::placeholder {
    color: #768390;
}

.form-group input[type="text"].custom-dropdown-input:focus {
    border-color: #539bf5;
    background: #22272e;
}

.custom-dropdown-list {
    background: #2d333b;
    border-color: #444c56;
}

.custom-dropdown-item {
    color: #adbac7;
}

.custom-dropdown-item:hover {
    background: #373e47;
}

.custom-dropdown-item .item-icon {
    color: #768390;
}

.custom-dropdown-item .item-check {
    color: #539bf5;
}

.custom-dropdown-empty {
    color: #768390;
}

/* Edit mode banner styles */
.edit-mode-banner {
    background: #2d333b;
    border-color: #539bf5;
    color: #adbac7;
}

.edit-mode-button-secondary {
    background: #373e47;
    border-color: #444c56;
    color: #adbac7;
}

.edit-mode-button-secondary:hover:not(:disabled) {
    background: #444c56;
    border-color: #768390;
}

.edit-mode-button-primary {
    background: #347d39;
    border-color: #347d39;
    color: #ffffff;
}

.edit-mode-button-primary:hover:not(:disabled) {
    background: #46954a;
    border-color: #46954a;
}

/* Workflow label editing */
.workflow-label-input {
    background: #2d333b;
    color: #adbac7;
    border-color: #0969da;
}

.workflow-label-edit-tooltip {
    background: #1c2128;
    color: #c9d1d9;
}