.chb-trombi-app{font-family:system-ui,-apple-system,Segoe UI,sans-serif;max-width:1200px;margin:0 auto;padding:32px;color:#1d2733}.chb-app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.chb-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#667085;margin:0 0 4px}.chb-app-header h1{margin:0;font-size:34px}.chb-header-actions{display:flex;gap:10px;flex-wrap:wrap}.chb-btn,.login-submit input{border:0;background:#123f5c;color:white;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.chb-btn.ghost{background:#e7eef4;color:#123f5c}.chb-btn.full{width:100%;margin-top:10px}.chb-help,.chb-trombi-notice{background:#f3f7fb;border:1px solid #dce8f2;border-radius:16px;padding:14px 16px;margin-bottom:18px}.chb-trombi-notice.error{background:#fff1f1;border-color:#ffd0d0}.chb-person-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.chb-person-admin-card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:14px;background:white;border:1px solid #e1e7ef;border-radius:20px;padding:14px;box-shadow:0 10px 28px rgba(18,63,92,.08)}.chb-person-admin-card.is-hidden{opacity:.55}.chb-person-admin-card img{width:72px;height:88px;object-fit:cover;border-radius:14px;background:#edf1f5}.chb-person-info strong{display:block;font-size:17px}.chb-person-info span{display:block;margin-top:4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085}.chb-person-info em{display:inline-block;margin-top:8px;background:#fff2cd;border-radius:999px;padding:3px 8px;font-size:12px}.chb-card-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.chb-mini{border:0;border-radius:999px;background:#eef4f8;color:#123f5c;padding:8px 11px;font-weight:700;cursor:pointer}.chb-mini.danger{background:#ffecec;color:#a30c0c}.chb-drag{position:absolute;top:10px;right:12px;color:#98a2b3;cursor:grab}.chb-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.chb-modal.is-open{display:flex}.chb-modal-panel{position:relative;background:#fff;border-radius:24px;padding:28px;max-width:620px;width:100%;box-shadow:0 24px 80px rgba(0,0,0,.25)}.chb-modal-close{position:absolute;top:14px;right:16px;border:0;background:transparent;font-size:34px;line-height:1;cursor:pointer}.chb-modal h2{margin-top:0}.chb-modal label{display:block;font-weight:700;margin:12px 0}.chb-modal input,.chb-modal select{display:block;width:100%;box-sizing:border-box;border:1px solid #d0d7de;border-radius:12px;padding:12px;margin-top:6px}.chb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chb-check{display:flex!important;align-items:center;gap:8px}.chb-check input{width:auto;margin:0}.chb-trombi-login{max-width:440px;margin:40px auto;background:#fff;border:1px solid #e1e7ef;border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(18,63,92,.08)}.chb-trombi-login input[type=text],.chb-trombi-login input[type=password]{width:100%;box-sizing:border-box;border:1px solid #d0d7de;border-radius:12px;padding:12px}.chb-trombi-fullscreen-body{margin:0;overflow:hidden;background:white}.chb-screen{height:100vh;display:grid;grid-template-rows:92px 1fr 42px;font-family:Arial,Helvetica,sans-serif;color:#16384d}.chb-screen-header{display:flex;align-items:center;justify-content:space-between;background:#00253f;color:white;padding:0 38px}.chb-logo-block{display:flex;align-items:center;height:100%}.chb-logo-block img{display:block;max-height:62px;width:auto}.chb-service-title{text-align:right;color:white;line-height:1.05}.chb-service-title span{display:block;font-size:clamp(20px,2vw,32px);font-weight:400}.chb-service-title strong{display:block;font-size:clamp(24px,2.35vw,42px);font-weight:900}.chb-screen-header h1{font-size:38px;margin:0;text-align:right;font-weight:800}.chb-screen-pages{position:relative;overflow:hidden;padding:18px 28px}.chb-screen-page{position:absolute;inset:18px 28px;display:grid;grid-template-columns:repeat(var(--cols,8),1fr);grid-template-rows:repeat(var(--rows,1),minmax(0,1fr));gap:clamp(6px,1vw,14px);opacity:0;pointer-events:none;transition:opacity .35s ease}.chb-screen-page.active{opacity:1;pointer-events:auto}.chb-screen-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f9fbfd;border-radius:9px;overflow:hidden;border:1px solid #e4e9ef;box-shadow:0 2px 5px rgba(0,0,0,.06)}.chb-card-cat{background:var(--cat-color);color:white;text-align:center;font-weight:800;font-size:clamp(7px,.7vw,13px);letter-spacing:.05em;line-height:1.05;padding:5px 4px;min-height:18px}.chb-screen-card img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center;background:#fff}.chb-card-name{background:white;text-align:center;font-weight:800;font-size:clamp(10px,1.05vw,20px);line-height:1.05;padding:6px 4px;white-space:normal}.chb-screen-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 34px;background:#f3f6f9;color:#123f5c;font-weight:900;letter-spacing:.08em;font-size:15px}@media(max-width:700px){.chb-app-header{align-items:flex-start;flex-direction:column}.chb-form-grid{grid-template-columns:1fr}.chb-screen-header h1{font-size:24px}.chb-logo-block img{max-height:44px}.chb-service-title span{font-size:16px}.chb-service-title strong{font-size:20px}}

.chb-form-grid.title-grid{grid-template-columns:.7fr 1fr 1fr}.chb-screen.transition-slide .chb-screen-page{opacity:1;transform:translateX(105%);transition:transform .55s ease;pointer-events:none}.chb-screen.transition-slide .chb-screen-page.active{transform:translateX(0);pointer-events:auto}.chb-screen.transition-slide .chb-screen-page.was-active{transform:translateX(-105%)}
@media(max-width:700px){.chb-form-grid.title-grid{grid-template-columns:1fr}}

.chb-settings-panel{background:#fff;border:1px solid #e1e7ef;border-radius:22px;padding:20px;margin:0 0 22px;box-shadow:0 10px 28px rgba(18,63,92,.06)}
.chb-settings-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.chb-settings-title h2{margin:0;font-size:22px}.chb-settings-status{font-size:13px;font-weight:800;color:#167347}.chb-settings-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr)) auto;gap:14px;align-items:end}.chb-settings-form label{font-weight:800;color:#1d2733}.chb-settings-form input[type=number],.chb-settings-form select{display:block;width:100%;box-sizing:border-box;border:1px solid #d0d7de;border-radius:12px;padding:11px;margin-top:6px}.chb-settings-form small{display:block;margin-top:6px;color:#667085;font-weight:500;line-height:1.25}.chb-settings-check{background:#f6f9fc;border:1px solid #e1e7ef;border-radius:14px;padding:11px}.chb-settings-check input{margin-right:7px}.chb-settings-check span{font-weight:800}
@media(max-width:1000px){.chb-settings-form{grid-template-columns:1fr 1fr}.chb-settings-form .chb-btn{grid-column:1/-1}}@media(max-width:700px){.chb-settings-title{flex-direction:column}.chb-settings-form{grid-template-columns:1fr}}

/* V1.6 - Recadrage avancé photo */
.chb-modal-panel{max-height:92vh;overflow:auto}
.chb-cropper{margin:12px 0 16px;background:#f6f9fc;border:1px solid #dce8f2;border-radius:18px;padding:14px}
.chb-cropper[hidden]{display:none!important}.chb-cropper-title{margin:0 0 10px;font-weight:900;color:#123f5c}.chb-cropper-title span{font-weight:600;color:#667085;margin-left:8px;font-size:13px}.chb-cropper-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}.chb-crop-box{position:relative;width:220px;aspect-ratio:4/5;background:#e9edf2;border-radius:16px;overflow:hidden;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 2px rgba(18,63,92,.12)}.chb-crop-box:active{cursor:grabbing}.chb-crop-box img{position:absolute;top:0;left:0;max-width:none!important;user-select:none;-webkit-user-drag:none}.chb-crop-frame{position:absolute;inset:0;box-shadow:inset 0 0 0 3px rgba(255,255,255,.9), inset 0 0 0 4px rgba(18,63,92,.35);border-radius:16px;pointer-events:none}.chb-crop-tools label{display:block;margin:0 0 10px}.chb-crop-tools input[type=range]{width:100%}.chb-crop-tools small{display:block;margin-top:10px;color:#667085;line-height:1.35}@media(max-width:700px){.chb-cropper-layout{grid-template-columns:1fr}.chb-crop-box{width:min(100%,240px);margin:auto}}



/* V1.8 - Remplissage du cadre avec point focal configurable */
.chb-screen-card img{object-fit:cover!important;object-position:var(--focus-x,50%) var(--focus-y,20%)!important;background:#fff!important;}
.chb-person-admin-card img{object-fit:cover;object-position:center 20%;background:#fff;}
.chb-focus-fieldset{border:1px solid #dce8f2;background:#f6f9fc;border-radius:18px;padding:14px;margin:14px 0}.chb-focus-fieldset legend{font-weight:900;color:#123f5c;padding:0 6px}.chb-focus-fieldset p{margin:4px 0 12px;color:#667085;font-size:13px}.chb-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chb-focus-grid label{margin:0}.chb-focus-grid input[type=range]{padding:0;border:0}.chb-focus-grid small{display:block;margin-top:4px;color:#667085}@media(max-width:700px){.chb-focus-grid{grid-template-columns:1fr}}