/* Frontend styling */
.cl-frontend { max-width:900px; padding:16px; background:#fff; border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,0.08); font-family:Inter,Arial,sans-serif;}
.cl-frontend select { width:100%; padding:12px; margin-bottom:12px; border:1px solid #d1d5db; border-radius:8px; background:#f9fafb; font-size:15px; color:#333; transition:all .2s;}
.cl-frontend select:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.2); outline:none; background:#fff;}
#clf_buttons { margin-top:10px; display:flex; flex-wrap:wrap; gap:10px;}
#clf_buttons a.button { padding:10px 18px; font-size:14px; font-weight:600; color:#fff!important; background:linear-gradient(135deg,#2563eb,#1d4ed8); border-radius:6px; text-decoration:none; transition:.2s;}
#clf_buttons a.button:hover { background:linear-gradient(135deg,#1d4ed8,#1e40af); transform:translateY(-2px);}
#clf_buttons a.button:active { transform:translateY(0); background:#1e40af;}