/* Chit Pro - mobile-first responsive styles */

.chpro-form-wrap{max-width:420px;margin:0 auto;padding:24px;border:1px solid #ddd;border-radius:8px;background:#fff;box-sizing:border-box;}
.chpro-form label{display:block;margin-bottom:4px;font-weight:600;}
.chpro-form input{width:100%;padding:10px;margin-top:4px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;}
.chpro-btn{display:inline-block;background:#1a3a5c;color:#fff;padding:10px 18px;border:none;border-radius:4px;cursor:pointer;font-weight:600;text-decoration:none;font-size:15px;}
.chpro-btn:hover{background:#123;color:#fff;}
.chpro-btn-sm{padding:5px 10px;font-size:12px;}
.chpro-btn-outline{background:transparent;color:#1a3a5c;border:1px solid #1a3a5c;}
.chpro-msg{padding:10px 14px;border-radius:4px;margin-bottom:14px;}
.chpro-success{background:#e6f7ec;color:#1c7a3d;border:1px solid #b7e7c6;}
.chpro-error{background:#fdecea;color:#a12b20;border:1px solid #f5c2bd;}

.chpro-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px;}
.chpro-dash-header h3{margin:0;}
.chpro-group-block{margin-bottom:32px;}
.chpro-tag{background:#fff3cd;color:#856404;padding:2px 8px;border-radius:10px;font-size:12px;}

.chpro-cards{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 24px;}
.chpro-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px 20px;min-width:160px;flex:1 1 160px;}
.chpro-card span{display:block;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;}
.chpro-card strong{font-size:22px;color:#1a3a5c;}
.chpro-card-profit strong{color:#1c7a3d;}

/* Default (desktop): normal table */
.chpro-table{width:100%;border-collapse:collapse;font-size:14px;}
.chpro-table th, .chpro-table td{border:1px solid #ddd;padding:8px;text-align:center;}
.chpro-table thead th{background:#1a3a5c;color:#fff;}

/* Mobile: collapse table into stacked cards, no horizontal scrolling */
@media (max-width: 680px){
	.chpro-form-wrap{padding:18px;max-width:100%;}

	.chpro-table{border:0;}
	.chpro-table thead{display:none;}
	.chpro-table tbody{display:block;}
	.chpro-table tr{
		display:block;
		margin-bottom:14px;
		border:1px solid #ddd;
		border-radius:8px;
		overflow:hidden;
		background:#fff;
	}
	.chpro-table td{
		display:flex;
		justify-content:space-between;
		align-items:center;
		text-align:right;
		border:none;
		border-bottom:1px solid #eee;
		padding:10px 12px;
	}
	.chpro-table td:last-child{border-bottom:none;}
	.chpro-table td::before{
		content:attr(data-label);
		font-weight:600;
		color:#1a3a5c;
		text-align:left;
		margin-right:12px;
	}
}