/* Planning Ménage — styles partagés (extractions index / superadmin / admin) */

.btn-primary{background:#1a1a1a;color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}
.btn-primary:hover{background:#333}
.btn-primary:disabled{opacity:0.5;cursor:not-allowed}

.btn-secondary{background:#fff;color:#555;border:1px solid #ddd;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px}
.btn-secondary:hover{background:#f5f5f0}

.btn-cancel{background:#fff;border:1px solid #ddd;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;color:#333}
.btn-cancel:hover{background:#f5f5f0}

.topbar{background:#fff;border-bottom:1px solid #e0e0d8;padding:0.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.topbar-title{font-size:16px;font-weight:600}
.topbar-sub{font-size:12px;color:#888;margin-top:1px}

.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:8px 20px;border-radius:20px;font-size:13px;z-index:300;opacity:0;transition:opacity 0.3s;pointer-events:none;max-width:92vw;text-align:center;line-height:1.35}
.toast.show{opacity:1}

.sync-dot{width:8px;height:8px;border-radius:50%;background:#ccc;display:inline-block;margin-right:5px;transition:background 0.3s}
.sync-dot.ok{background:#1D9E75}
.sync-dot.err{background:#E24B4A}

.modal-field{margin-bottom:0.875rem}
.modal-field label{font-size:12px;color:#888;display:block;margin-bottom:4px;font-weight:500}
.modal-field input[type=text]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#1a1a1a;background:#fff;box-sizing:border-box}
.modal-field input[type=password]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#1a1a1a;background:#fff;box-sizing:border-box}
.modal-field input[type=text]:focus{outline:none;border-color:#378ADD}
.modal-field input[type=password]:focus{outline:none;border-color:#378ADD}

.modal-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:1rem;justify-content:flex-end}

.nav-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13px;color:#333}
.nav-btn:hover{background:#f5f5f0}
.nav-btn:disabled{opacity:0.35;cursor:not-allowed}

.btn-danger{background:none;color:#E24B4A;border:1px solid #f0c0c0;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}
.btn-danger:hover{background:#fde8e8}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:none;align-items:center;justify-content:center;z-index:200;padding:1rem;box-sizing:border-box}
.modal-overlay.is-open{display:flex}
.modal{background:#fff;border-radius:16px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,0.12);max-height:90vh;overflow-y:auto;box-sizing:border-box}
.modal h3{font-size:16px;font-weight:600;margin-bottom:0.75rem}
.modal-shared-hint{font-size:13px;color:#666;margin-bottom:12px;line-height:1.45}
.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:1rem;justify-content:flex-end}

.shared-edit-input-ro{background:#f5f5f0!important;color:#888!important;cursor:default}
.shared-edit-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:1rem}

/* Popup « Ajouter un compte » (fragment injecté — buildAddAccountModalHTML) */
.shared-acc-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:420;
  padding:1rem;
  box-sizing:border-box;
}
.shared-acc-modal.is-open{display:flex}
.shared-acc-panel{
  background:#fff;
  border-radius:16px;
  padding:1.5rem;
  width:100%;
  max-width:400px;
  max-height:90vh;
  overflow-y:auto;
  box-shadow:0 8px 32px rgba(0,0,0,0.12);
  box-sizing:border-box;
}
.shared-acc-title{font-size:16px;font-weight:600;margin-bottom:1rem;color:#1a1a1a}
.shared-acc-req{color:#E24B4A;font-weight:600}
.shared-acc-field{margin-bottom:0.875rem}
.shared-acc-field label{font-size:12px;color:#888;display:block;margin-bottom:4px;font-weight:500}
.shared-acc-field input[type=text],
.shared-acc-field input[type=email],
.shared-acc-field input[type=password]{
  width:100%;
  padding:8px 10px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:13px;
  color:#1a1a1a;
  background:#fff;
  box-sizing:border-box;
}
.shared-acc-field input[type=text]:focus,
.shared-acc-field input[type=email]:focus,
.shared-acc-field input[type=password]:focus{
  outline:none;
  border-color:#378ADD;
}
.shared-acc-roles{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;align-items:center}
.shared-acc-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}