/* LAPD-inspired UCP visual override: formal, clean, low-motion */
.theme-lapd {
    --primary-50: #fff7ed;
    --primary-100: #ffedd5;
    --primary-200: #fed7aa;
    --primary-300: #fdba74;
    --primary-400: #fb923c;
    --primary-500: #f97316;
    --primary-600: #ea580c;
    --primary-700: #c2410c;
    --primary-800: #9a3412;
    --primary-900: #7c2d12;

    --bg-primary: #ffffff;
    --bg-secondary: #fffaf5;
    --bg-tertiary: #ffedd5;

    --text-primary: #3b2a1f;
    --text-secondary: #7c5a3f;
    --text-tertiary: #a67c5b;

    --border-light: #f4d6bc;
    --border-medium: #e7bf9d;
    --border-dark: #d49c72;

    --success-500: #2f7d3e;
    --warning-500: #9b6a0f;
    --error-500: #a12d2d;
}

.theme-lapd body,
body.theme-lapd {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

/* remove flashy gradients and motion accents */
.theme-lapd .sidebar-brand-title-accent {
    background: none;
    color: #c2410c;
}

.theme-lapd .app-shell {
    background: var(--bg-secondary);
}

.theme-lapd .sidebar {
    background: #ffffff;
    border-right: 1px solid #f4d6bc;
    box-shadow: 6px 0 18px rgba(194, 65, 12, 0.08);
}

.theme-lapd .sidebar-header {
    border-bottom: 1px solid #f4d6bc;
}

.theme-lapd .sidebar-logo {
    width: 56px;
    height: 56px;
    border: 1px solid #f4d6bc;
    background: #fff7ed;
    border-radius: 10px;
    padding: 6px;
}

.theme-lapd .sidebar-brand-title,
.theme-lapd .sidebar-brand-subtitle,
.theme-lapd .sidebar-footer,
.theme-lapd .nav-section-title {
    color: #7c2d12;
}

.theme-lapd .nav-item,
.theme-lapd .nav-group-toggle {
    color: #7c5a3f;
    border: 1px solid transparent;
}

.theme-lapd .nav-item:hover,
.theme-lapd .nav-group-toggle:hover {
    background: #fff7ed;
    color: #c2410c;
    transform: none;
    border-color: #fed7aa;
}

.theme-lapd .nav-group.is-open > .nav-group-toggle {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.theme-lapd .nav-item.active {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #ffffff;
    border-color: #ea580c;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.24);
}

.theme-lapd .topbar {
    background: #ffffff;
    border-bottom: 2px solid var(--primary-600);
    box-shadow: 0 2px 8px rgba(194, 65, 12, 0.12);
}

.theme-lapd .topbar-title {
    color: #7c2d12;
    font-weight: 700;
}

.theme-lapd .topbar-subtitle {
    color: #9a3412;
}

.theme-lapd .user-name {
    color: #c2410c;
}

.theme-lapd .topbar-avatar {
    border-color: rgba(194, 65, 12, 0.35);
}

.theme-lapd .topbar-avatar--placeholder {
    background: #c2410c;
}

.theme-lapd .ucp-announce-strip {
    background: #ea580c;
    color: #fff7ed;
    border-bottom: 1px solid #c2410c;
    box-shadow: none;
}

.theme-lapd .ucp-announce-strip-label {
    letter-spacing: 0.08em;
}

.theme-lapd .card {
    border-radius: 8px;
    border: 1px solid var(--border-light);
    box-shadow: 0 1px 3px rgba(10, 28, 44, 0.08);
}

.theme-lapd .card-header {
    background: #fff7ed;
}

.theme-lapd .btn {
    border-radius: 4px;
    font-weight: 600;
}

.theme-lapd .btn-primary {
    background: #ea580c;
    border-color: #ea580c;
}

.theme-lapd .btn-primary:hover {
    background: #c2410c;
    border-color: #c2410c;
}

.theme-lapd .btn-secondary {
    background: #ffffff;
    border-color: #e7bf9d;
    color: #9a3412;
}

.theme-lapd .btn-secondary:hover {
    background: #fff7ed;
    border-color: #d49c72;
}

.theme-lapd .footer {
    background: #fffaf5;
    border-top: 1px solid var(--border-light);
    color: #9a3412;
}

.theme-lapd .footer-cta-card {
    background: #ea580c;
    border-radius: 8px;
    border-color: #c2410c;
    box-shadow: none;
}

.theme-lapd .footer-cta-card:hover {
    transform: none;
    box-shadow: 0 3px 10px rgba(194, 65, 12, 0.2);
}

.theme-lapd .footer-cta-card--connect {
    background: #2f7d3e;
    border-color: #256733;
    transform: none;
}

.theme-lapd .footer-cta-card--connect:hover {
    transform: none;
}

@media (max-width: 768px) {
    .theme-lapd .sidebar {
        box-shadow: 8px 0 24px rgba(6, 20, 34, 0.28);
    }
}