/* copnearme Point */
.cnm-lencana-baris{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.cnm-lencana{display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:5px 8px;border-radius:4px}
.cnm-lencana-premium{background:#fd4700;color:#fff}
.cnm-lencana-perintis{background:#1f6f43;color:#fff}

.cnm-akaun{max-width:900px}
.cnm-akaun .card-body{padding:16px}
.cnm-baki{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px}
.cnm-baki-nilai{font-size:1.8rem}
.cnm-grid-beli{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cnm-grid-beli form{margin:0;min-width:0}
.cnm-akaun .cnm-grid-beli .cnm-btn-beli{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;white-space:normal}
.cnm-akaun .cnm-btn-beli strong,.cnm-akaun .cnm-btn-beli span{display:block}
.cnm-akaun .card,.cnm-akaun .table-responsive{max-width:100%;min-width:0}
.cnm-akaun .btn{white-space:normal;max-width:100%}
.cnm-akaun .cnm-jadual td{word-break:break-word}
.cnm-akaun .cnm-jadual td.text-end,.cnm-akaun .cnm-jadual th.text-end{white-space:nowrap;word-break:normal}
.cnm-butang-tebus{display:flex;flex-wrap:wrap;gap:4px}
.cnm-butang-tebus form{margin:0}
.cnm-senarai-kemudahan{padding-left:18px}
.cnm-jadual th,.cnm-jadual td{vertical-align:top}
.cnm-akaun textarea,.cnm-akaun select,.cnm-akaun input[type=text],.cnm-akaun input[type=file]{width:100%;max-width:100%}
.cnm-akaun .input-group{display:flex}
.cnm-akaun .input-group input{flex:1;min-width:0}

@media (max-width:600px){
	.cnm-grid-beli{grid-template-columns:repeat(2,1fr)}
	.cnm-baki-nilai{font-size:1.5rem}
	.cnm-akaun .card-body{padding:12px}
	.cnm-jadual{font-size:14px}
	.cnm-butang-tebus .btn{white-space:normal;text-align:left}
}