:root {
    --phc-accent: #007985;
    --phc-accent-hover: #00616b;
    --phc-accent-soft: #e1f7f8;
    --phc-brand-navy: #062f6e;
    --phc-border: #d6e2e8;
    --phc-icon-bg: #062f6e;
    --phc-icon-text: #ffffff;
    --phc-shadow: 0 10px 28px rgba(20, 37, 52, 0.07);
    --phc-surface: #ffffff;
    --phc-surface-soft: #f5f8fa;
    --phc-text: #142534;
    --phc-text-muted: #526778;
}

html.dark {
    --phc-accent: #67dce3;
    --phc-accent-hover: #93e7eb;
    --phc-accent-soft: #123d42;
    --phc-brand-navy: #b9d2ff;
    --phc-border: #3b434c;
    --phc-icon-bg: #123d42;
    --phc-icon-text: #93e7eb;
    --phc-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
    --phc-surface: #20242a;
    --phc-surface-soft: #181b20;
    --phc-text: #f2f5f7;
    --phc-text-muted: #b9c4cc;
}

body {
    font-family: "Gill Sans MT", "Gill Sans", "Helvetica Neue", Arial, sans-serif;
}

html[dir="rtl"] body {
    font-family: "GE SS TV", "Kalligraaf Arabic", Tahoma, Arial, sans-serif;
}

#nav-sidebar img[src*="pharma_logo"] {
    height: 38px !important;
    max-width: 150px;
    object-fit: contain;
    width: auto;
}

.phc-dashboard {
    color: var(--phc-text);
}

.phc-dashboard-hero {
    align-items: center;
    background: var(--phc-surface);
    border: 1px solid var(--phc-border);
    border-left: 5px solid var(--phc-accent);
    border-radius: 8px;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 22px 24px;
}

.phc-dashboard-hero__content {
    min-width: 0;
}

.phc-dashboard-hero__eyebrow {
    color: var(--phc-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.phc-dashboard-hero__title {
    color: var(--phc-brand-navy);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.phc-dashboard-hero__subtitle {
    color: var(--phc-text-muted);
    font-size: 14px;
    margin-top: 6px;
}

.phc-dashboard-hero__brand {
    flex: 0 0 auto;
    width: min(204px, 40%);
}

.phc-dashboard-hero__logo {
    display: block;
    height: 64px;
    object-fit: contain;
    width: 100%;
}

.phc-theme-logo--dark {
    display: none;
}

html.dark .phc-theme-logo--light {
    display: none;
}

html.dark .phc-theme-logo--dark {
    display: block;
}

.phc-metrics-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-bottom: 24px;
}

.phc-metric-card {
    background: var(--phc-surface);
    border: 1px solid var(--phc-border);
    border-radius: 8px;
    box-shadow: var(--phc-shadow);
    display: flex;
    gap: 14px;
    min-height: 118px;
    padding: 18px;
}

.phc-metric-card__icon {
    align-items: center;
    background: var(--phc-accent-soft);
    border-radius: 8px;
    color: var(--phc-accent);
    display: flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.phc-metric-card__icon .material-symbols-outlined {
    color: var(--phc-accent);
}

.phc-metric-card__title {
    color: var(--phc-text-muted);
    font-size: 13px;
    line-height: 1.35;
}

.phc-metric-card__value {
    color: var(--phc-brand-navy);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 4px;
}

.phc-metric-card__caption {
    color: var(--phc-text-muted);
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px;
}

.phc-dashboard-section {
    background: var(--phc-surface-soft);
    border: 1px solid var(--phc-border);
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 18px;
}

.phc-dashboard-section__title {
    color: var(--phc-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px;
}

.phc-action-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.phc-action-card {
    align-items: center;
    background: var(--phc-surface);
    border: 1px solid var(--phc-border);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 72px;
    padding: 14px;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.phc-action-card:hover {
    border-color: var(--phc-accent);
    box-shadow: var(--phc-shadow);
    transform: translateY(-1px);
}

.phc-action-card__icon {
    align-items: center;
    background: var(--phc-icon-bg);
    border-radius: 8px;
    color: var(--phc-icon-text);
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.phc-action-card__icon .material-symbols-outlined {
    color: var(--phc-icon-text);
}

.phc-action-card__title {
    color: var(--phc-text);
    display: block;
    font-weight: 700;
    line-height: 1.3;
}

.phc-action-card__caption {
    color: var(--phc-text-muted);
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 3px;
}

.phc-admin-content {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .phc-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phc-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .phc-metrics-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .phc-action-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .phc-dashboard-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .phc-dashboard-hero__brand {
        width: 180px;
    }

    .phc-dashboard-hero__logo {
        height: 56px;
    }

    .phc-dashboard-hero__title {
        font-size: 24px;
    }
}