.dashboard__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-6);
}

.dashboard__sub { color: var(--text-light); margin: 0; }

.dashboard__quicklinks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
    margin-bottom: var(--space-8);
}

.dashboard__quicklink {
    text-align: center;
    font-weight: var(--font-weight-semibold);
    color: var(--primary);
    transition: var(--transition);
}
.dashboard__quicklink:hover { box-shadow: var(--shadow-lg); }

#rabta-dash-content[hidden] { display: none; }

.dashboard__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
}

.dashboard__grid-wide { grid-column: 1 / -1; }

.stat-list { display: flex; flex-direction: column; gap: var(--space-2); }

.stat-list--grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-3); }

.stat-row {
    display: flex;
    justify-content: space-between;
    padding-block: var(--space-2);
    border-bottom: 1px solid var(--outline-variant);
    font-size: var(--text-sm);
}
.stat-row:last-child { border-bottom: none; }
.stat-row__value { font-weight: var(--font-weight-semibold); }

.membership-badge {
    display: inline-block;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-full);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
}
.membership-badge--active { background: var(--md-success-container); color: var(--md-success); }
.membership-badge--inactive { background: var(--md-error-container); color: var(--md-error); }

.notice-row { padding-block: var(--space-3); border-bottom: 1px solid var(--outline-variant); }
.notice-row:last-child { border-bottom: none; }
.notice-row p { margin: 0 0 var(--space-1); }
.notice-row small { color: var(--text-light); }

@media (max-width: 860px) {
    .dashboard__quicklinks { grid-template-columns: 1fr; }
    .dashboard__grid { grid-template-columns: 1fr; }
}

.profile-info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
}
.profile-info-head h3 { margin: 0; }

.stat-row--editable { align-items: center; gap: var(--space-3); }
.stat-row__input {
    flex: 1;
    max-width: 60%;
    height: var(--control-height);
    padding-inline: var(--space-3);
    border: 1.5px solid var(--outline-variant);
    border-radius: var(--radius-md);
    background: var(--surface-container-lowest);
    font-family: var(--font-urdu);
    font-size: var(--text-sm);
    text-align: end;
}