/* MeetUDS - forms.css : champs de formulaire, barre de recherche/filtre, grille de cases à cocher, boutons. */

/* FORMS */
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:4px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1.5px solid var(--border2);border-radius:var(--radius);font-size:13px;outline:none;transition:border .2s;background:#fff;color:var(--text)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-row.col3{grid-template-columns:1fr 1fr 1fr}


/* SEARCH/FILTER BAR */
.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.filter-bar input,.filter-bar select{padding:7px 10px;border:1.5px solid var(--border2);border-radius:var(--radius);font-size:13px;outline:none;background:#fff;color:var(--text)}
.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent)}
.filter-bar input{min-width:200px}


/* CHECKBOX GRID */
.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.cb-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}
.cb-item:hover{border-color:var(--accent)}
.cb-item.checked{border-color:var(--accent);background:var(--accent3)}
.cb-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0}
.cb-item label{cursor:pointer;font-size:13px;font-weight:500}
.cb-item .cb-sub{font-size:11px;color:var(--text3)}


/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s;text-decoration:none}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent2)}
.btn-secondary{background:var(--bg3);color:var(--text)}
.btn-secondary:hover{background:var(--border2)}
.btn-danger{background:var(--dangerBg);color:var(--danger)}
.btn-danger:hover{background:#fecaca}
.btn-success{background:var(--successBg);color:var(--success)}
.btn-sm{padding:4px 10px;font-size:12px}
.btn-icon{padding:6px 8px}