.patient-history-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.patient-history-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.patient-history-card-header {
    padding: 16px 20px;
    border-bottom: 1px solid #eef2f7;
}

.patient-history-filter-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    padding: 20px;
}

.patient-history-field {
    display: flex;
    flex-direction: column;
}

    .patient-history-field label {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #475569;
    }

.patient-history-input {
    height: 40px;
    border: 1px solid #dbe3ee;
    border-radius: 10px;
    padding: 0 12px;
    font-size: 13px;
}

    .patient-history-input:focus {
        outline: none;
        border-color: #2563eb;
    }

.action-view,
.action-print,
.action-open {
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
}

.action-view {
    background: #eff6ff;
    color: #2563eb;
}

.action-print {
    background: #fef3c7;
    color: #d97706;
}

.action-open {
    background: #dcfce7;
    color: #15803d;
}

@media(max-width:992px) {

    .patient-history-filter-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:768px) {

    .patient-history-filter-grid {
        grid-template-columns: 1fr;
    }
}