/* FC Cheseaux — Encadrement : présentation publique + gestion */
.fcc-encadrement, .fcc-st-manage {
	--navy:#002544; --blue:#0a66b0; --line:#e4e8ee; --muted:#6b7686;
	color:#1c2530; font-family:inherit;
}

/* ---------- Public ---------- */
.fcc-encadrement{ max-width:1080px; margin:0 auto; }
.fcc-enc-cat{ margin:0 0 40px; }
.fcc-enc-h{ color:var(--navy); font-size:24px; text-align:center; margin:0 0 22px;
	padding-bottom:10px; border-bottom:2px solid var(--line); }
.fcc-enc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.fcc-enc-card{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px 16px;
	text-align:center; box-shadow:0 6px 18px rgba(0,37,68,.05); }
.fcc-enc-photo{ display:block; width:96px; height:96px; margin:0 auto 12px; }
.fcc-enc-photo img{ width:96px; height:96px; object-fit:cover; border-radius:50%; display:block; }
.fcc-enc-ph{ width:96px; height:96px; border-radius:50%; background:#e7eef6; color:var(--navy);
	display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:800; }
.fcc-enc-name{ display:block; font-weight:700; color:var(--navy); font-size:16px; }
.fcc-enc-role{ display:block; color:#46505d; font-size:13.5px; margin-top:2px; }
.fcc-enc-team{ display:block; color:var(--blue); font-size:12.5px; margin-top:4px; font-weight:600; }
.fcc-enc-contact{ display:block; color:var(--muted); font-size:12px; margin-top:3px; text-decoration:none; }
.fcc-enc-contact:hover{ color:var(--blue); }
.fcc-enc-empty{ text-align:center; color:var(--muted); }

/* ---------- Gestion ---------- */
.fcc-st-manage{ max-width:760px; margin:0 auto; }
.fcc-st-manage .fcc-box{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; margin-bottom:22px; }
.fcc-st-manage .fcc-box h2{ color:var(--navy); margin:0 0 16px; font-size:22px; }
.fcc-st-form label{ display:block; font-weight:600; color:var(--navy); margin:14px 0 4px; }
.fcc-st-form label small{ font-weight:400; color:var(--muted); }
.fcc-st-form input[type=text], .fcc-st-form input[type=email], .fcc-st-form input[type=number], .fcc-st-form select{
	width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font-size:15px; font-family:inherit; }
.fcc-st-form small{ display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.fcc-st-row{ display:flex; gap:16px; }
.fcc-st-row label{ flex:1; }
.fcc-current-img{ margin:6px 0; }
.fcc-actions{ margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; }
.fcc-btn{ display:inline-block; background:var(--navy); color:#fff !important; text-decoration:none;
	border:0; border-radius:8px; padding:11px 20px; font-size:15px; font-weight:600; cursor:pointer; }
.fcc-btn:hover{ background:#013a6b; }
.fcc-btn--ghost{ background:#fff; color:var(--navy) !important; border:1px solid var(--line); }
.fcc-btn--sm{ padding:6px 12px; font-size:13px; }
.fcc-btn--danger{ background:#b32d2e; }
.fcc-btn--danger:hover{ background:#8f2020; }
.fcc-flash{ border-radius:8px; padding:12px 16px; margin-bottom:18px; font-weight:600; }
.fcc-flash--ok{ background:#e7f6ec; color:#1d7a3e; }
.fcc-flash--err{ background:#fdeee7; color:#b25b1e; }
.fcc-list-row{ display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); }
.fcc-list-row:last-child{ border-bottom:0; }
.fcc-list-name{ flex:1; }
.fcc-list-sub{ font-size:12px; color:var(--muted); }
.fcc-list-act{ display:flex; gap:8px; flex-wrap:wrap; }

@media(max-width:900px){ .fcc-enc-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:620px){
	.fcc-enc-grid{ grid-template-columns:repeat(2,1fr); }
	.fcc-st-row{ flex-direction:column; gap:0; }
	.fcc-list-row{ flex-wrap:wrap; } .fcc-list-act{ width:100%; }
}

/* Recadrage photo */
.fcc-crop-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:99999}
.fcc-crop-box{background:#fff;border-radius:10px;max-width:540px;width:92%;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.fcc-crop-hd{padding:14px 18px;font-weight:700;color:#002544;border-bottom:1px solid #eee}
.fcc-crop-area{padding:12px;max-height:62vh}
.fcc-crop-area img{max-width:100%;display:block}
.fcc-crop-ft{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 18px;border-top:1px solid #eee}
.fcc-crop-ratio{margin-right:auto;font-size:14px;color:#555;display:flex;align-items:center;gap:6px}
.fcc-crop-cancel{background:#fff;border:1px solid #ccc;color:#333;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:14px}
.fcc-crop-ok{background:#002544;border:0;color:#fff;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:14px}
.fcc-crop-canvas{display:block;margin:0 auto;width:320px;height:320px;background:#f0f0f0;border-radius:6px;cursor:grab;touch-action:none}
.fcc-crop-canvas:active{cursor:grabbing}
.fcc-crop-zoomrow{display:flex;align-items:center;gap:10px;padding:6px 18px 0;font-size:14px;color:#555}
.fcc-crop-zoom{flex:1}
.fcc-st-cats{display:flex;flex-wrap:wrap;gap:6px 18px;margin:2px 0 6px}
.fcc-st-catchk{display:inline-flex;align-items:center;gap:6px;font-weight:400}
.fcc-st-cond{margin:6px 0}
.fcc-st-cond>label{display:block}