/* Department Portal Styles */

.dept-sidebar {
    background: linear-gradient(180deg, #064e3b 0%, #065f46 50%, #047857 100%);
}

.dept-sidebar .sidebar-brand i { color: #6ee7b7; }

.dept-welcome {
    background: linear-gradient(135deg, #065f46 0%, #047857 50%, #10b981 100%);
    color: #fff;
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}

.dept-welcome::after {
    content: '';
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
}

.dept-welcome h2 { font-weight: 700; margin-bottom: 0.35rem; }
.dept-welcome .dept-badge {
    display: inline-block;
    background: rgba(255,255,255,0.2);
    padding: 0.35rem 0.85rem;
    border-radius: 20px;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.dept-stat-card .stat-icon.emerald { background: #d1fae5; color: #059669; }

.action-required-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.action-required-item:last-child { border-bottom: none; }

.quick-status-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.quick-status-btns .btn { font-size: 0.8125rem; }

.remark-preset {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
    margin: 0.15rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.15s;
}

.remark-preset:hover { background: #d1fae5; }

.citizen-contact-card {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 1.25rem;
}

.citizen-contact-card h6 { color: #065f46; font-weight: 600; }

.dept-info-sidebar {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 12px;
    padding: 1.25rem;
}

.dept-info-sidebar h6 { color: #065f46; font-weight: 600; }

.resolution-upload-box {
    border: 2px dashed #6ee7b7;
    border-radius: 12px;
    padding: 1.25rem;
    background: #f0fdf4;
    text-align: center;
}

.resolution-upload-box.has-image {
    border-style: solid;
    border-color: #10b981;
}

.history-dept-badge {
    font-size: 0.6875rem;
    background: #d1fae5;
    color: #065f46;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

.profile-header-dept {
    background: linear-gradient(135deg, #065f46, #10b981);
    color: #fff;
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.feedback-preview {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    padding: 1rem;
}

.dept-sidebar .nav-link.active {
    background: rgba(16, 185, 129, 0.2);
    border-left-color: #34d399;
}

.btn-dept-primary {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.btn-dept-primary:hover {
    background: #047857;
    border-color: #047857;
    color: #fff;
}