.clinic-dashboard-cards{
	display:flex;
	gap:20px;
	margin:20px 0 30px;
	flex-wrap:wrap;
}

.clinic-card{
	background:#fff;
	border-left:5px solid #2271b1;
	padding:20px;
	min-width:220px;
	border-radius:8px;
	box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.clinic-card h2{
	margin:0;
	font-size:34px;
}

.clinic-card p{
	margin:8px 0 0;
	font-size:15px;
	color:#666;
}
.clinic-card{
	text-decoration:none;
	color:inherit;
	transition:.2s;
}

.clinic-card:hover{
	transform:translateY(-3px);
	box-shadow:0 8px 18px rgba(0,0,0,.12);
}
td .button{
	margin:2px;
}
.clinic-badge{
	display:inline-block;
	padding:4px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	color:#fff;
}

.badge-pending{
	background:#f39c12;
}

.badge-paid{
	background:#27ae60;
}

.badge-rejected{
	background:#e74c3c;
}

.badge-confirmed{
	background:#3498db;
}

.badge-completed{
	background:#2ecc71;
}

.badge-cancelled{
	background:#7f8c8d;
}
details {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 8px;
	margin: 20px 0;
}

details summary {
	padding: 14px 18px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	user-select: none;
}

details summary:hover {
	background: #f6f7f7;
}

.clinic-card {
	padding: 18px;
	border-top: 1px solid #eee;
}
.clinic-badge{
	padding:4px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	display:inline-block;
}

.clinic-active{
	background:#e7f7ed;
	color:#1a7f37;
}

.clinic-inactive{
	background:#fdecec;
	color:#c62828;
}

.clinic-physical{
    background:#d4edda;
    color:#155724;
}

.clinic-virtual{
    background:#d1ecf1;
    color:#0c5460;
}

@media(max-width:1280px){
	.clinic-card {
	    padding: 10px;
	    min-width: 150px;
	}
	.clinic-admin-table td,
	.clinic-admin-table th{
	    vertical-align: middle;
	}

	.clinic-admin-table td:nth-child(7),
	.clinic-admin-table td:nth-child(8){
	    white-space: nowrap;
	}
	.clinic-badge{
	    display:inline-block;
	    padding:5px 12px;
	    border-radius:20px;
	    font-size:12px;
	    font-weight:600;
	    text-transform:uppercase;
	    white-space:nowrap;
	}

	.clinic-pending{
	    background:#fff3cd;
	    color:#856404;
	}

	.clinic-confirmed{
	    background:#d1ecf1;
	    color:#0c5460;
	}

	.clinic-completed{
	    background:#d4edda;
	    color:#155724;
	}

	.clinic-cancelled{
	    background:#f8d7da;
	    color:#721c24;
	}

	.clinic-paid{
	    background:#d4edda;
	    color:#155724;
	}

	.clinic-rejected{
	    background:#f8d7da;
	    color:#721c24;
	}
}

/*------------------------------------
    Pagination
------------------------------------*/

.clinic-pagination{
    margin:25px 0 10px;
    text-align:right;
}

.clinic-pagination .page-numbers{
    display:inline-block;
    min-width:36px;
    height:36px;
    line-height:34px;
    padding:0 12px;
    margin:0 3px;
    border:1px solid #ccd0d4;
    border-radius:4px;
    background:#fff;
    color:#2271b1;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    box-sizing:border-box;
    transition:all .2s ease;
}

.clinic-pagination .page-numbers:hover{
    background:#2271b1;
    border-color:#2271b1;
    color:#fff;
}

.clinic-pagination .page-numbers.current{
    background:#2271b1;
    border-color:#2271b1;
    color:#fff;
    cursor:default;
}

.clinic-pagination .page-numbers.dots{
    border:none;
    background:transparent;
    color:#666;
    cursor:default;
    min-width:auto;
    padding:0 6px;
}

@media (max-width:768px){

    .clinic-pagination{
        text-align:center;
    }

    .clinic-pagination .page-numbers{
        margin:3px;
        min-width:34px;
        height:34px;
        line-height:32px;
        font-size:12px;
    }

}