﻿.communication-platform-hero {
    border-radius: 24px;
    background: radial-gradient(circle at top left, rgba(37, 183, 177, 0.20), transparent 32%), linear-gradient(135deg, #0b3c5d 0%, #12264b 52%, #17203a 100%);
    color: white;
    overflow: hidden;
}

.communication-platform-hero-kicker {
    color: #7ee0da;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.communication-platform-hero-title {
    max-width: 820px;
    font-weight: 800;
    line-height: 1.1;
}

.communication-platform-hero-subtitle {
    max-width: 900px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.55;
}

.communication-platform-stat-card {
    height: 100%;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(10px);
}

.communication-platform-stat-value {
    color: white;
    font-weight: 800;
}

.communication-platform-stat-label {
    color: rgba(255, 255, 255, 0.75);
}

.communication-platform-tabs,
.communication-platform-filter-panel {
    border-radius: 18px;
    border: 1px solid rgba(11, 60, 93, 0.10);
    background: #ffffff;
}

.communication-platform-tab-button {
    border-radius: 12px !important;
    color: #334155 !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

.communication-platform-tab-button-active {
    background: #0b3c5d !important;
    color: #ffffff !important;
}

.communication-platform-section-title {
    color: #0b3c5d;
    font-weight: 800;
}

.communication-platform-project-card {
    border-radius: 22px;
    border: 1px solid rgba(11, 60, 93, 0.10);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    cursor: pointer;
}

    .communication-platform-project-card:hover {
        transform: translateY(-2px);
        border-color: rgba(37, 183, 177, 0.7);
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10);
    }

.communication-platform-project-title {
    color: #0b3c5d;
    font-weight: 800;
    line-height: 1.25;
}

.communication-platform-project-description {
    color: #475569;
    line-height: 1.55;
    min-height: 66px;
}

.communication-platform-project-meta {
    color: #475569;
    font-size: 0.875rem;
}

    .communication-platform-project-meta .mud-icon-root {
        margin-right: 6px;
        color: #25b7b1;
        vertical-align: middle;
    }

.communication-platform-budget {
    color: #0b3c5d;
    font-weight: 800;
}

.communication-platform-progress .mud-progress-linear-bar {
    background-color: #25b7b1 !important;
}

.communication-platform-chip-area {
    background: #e0f7f5 !important;
    color: #0f766e !important;
    font-weight: 700 !important;
}

.communication-platform-chip-scale {
    background: #eef2ff !important;
    color: #3730a3 !important;
    font-weight: 700 !important;
}

.communication-platform-chip-type {
    background: #f1f5f9 !important;
    color: #334155 !important;
    font-weight: 700 !important;
}

.communication-platform-status {
    font-weight: 700 !important;
}

.communication-platform-status-funding {
    background: #fff7ed !important;
    color: #c2410c !important;
}

.communication-platform-status-executor {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

.communication-platform-status-progress {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.communication-platform-status-done {
    background: #ecfdf5 !important;
    color: #047857 !important;
}

.communication-platform-button-secondary {
    border-radius: 12px;
    text-transform: none;
    color: #0b3c5d;
    border-color: rgba(11, 60, 93, 0.25);
}

.communication-platform-card-action {
    text-transform: none;
    font-weight: 700;
    color: #0b3c5d;
}
