:root {
    --brand-orange: #ff6a00;
    --brand-orange-dark: #cc5500;
    --bg-dark: #14161a;
    --bg-darker: #0e0f12;
    --bg-panel: #1c1f26;
    --border-dark: #2b2f38;
    --text-light: #e8e8e8;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-light);
}

.app-navbar {
    background-color: var(--bg-darker);
    border-bottom: 2px solid var(--brand-orange);
}

.app-navbar .navbar-brand {
    color: var(--brand-orange);
}

.app-body {
    min-height: calc(100vh - 56px);
}

.app-sidebar {
    width: 220px;
    background-color: var(--bg-panel);
    border-right: 1px solid var(--border-dark);
    min-height: 100%;
}

.app-sidebar .nav-link {
    color: var(--text-light);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

.app-sidebar .nav-link:hover {
    background-color: var(--border-dark);
}

.app-sidebar .nav-link.active {
    background-color: var(--brand-orange);
    color: #fff;
}

.app-sidebar .nav-section-label {
    color: #888;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 0.25rem 0.75rem;
}

.app-main {
    background-color: var(--bg-dark);
}

.card, .table {
    background-color: var(--bg-panel);
    color: var(--text-light);
}

.table > :not(caption) > * > * {
    background-color: var(--bg-panel);
    color: var(--text-light);
    border-color: var(--border-dark);
}

.btn-primary {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--brand-orange-dark);
    border-color: var(--brand-orange-dark);
}

.form-control, .form-select {
    background-color: var(--bg-darker);
    border-color: var(--border-dark);
    color: var(--text-light);
}

.form-control:focus, .form-select:focus {
    background-color: var(--bg-darker);
    color: var(--text-light);
    border-color: var(--brand-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 106, 0, 0.25);
}

.badge-priority-low { background-color: #2e7d32; }
.badge-priority-medium { background-color: #ef6c00; }
.badge-priority-high { background-color: #c62828; }

.badge-status-open { background-color: #1565c0; }
.badge-status-resolved { background-color: #2e7d32; }

a { color: var(--brand-orange); }
a:hover { color: var(--brand-orange-dark); }

#client_results {
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 240px;
    overflow-y: auto;
}