.ess-notice{
    padding:5px 10px;
    margin:10px 0;
    border-left:5px solid #ccc;
}
.ess-notice.notice-success{
    border-color:green;
    background:#e0f8e0;
}
.ess-notice.notice-error{
    border-color:red;
    background:#f8e0e0;
}

.fiche_back2list.ess-retour{
    background: #4a597f;
    color: white;
    padding: 10px 15px;
    font-size: 1em;
    top: -50px!important;
}

.ess-button{
    cursor: pointer;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 7px 16px 3px;
  font-size: 15px;
  font-weight: 300;
  margin-top: 16px;
  display: inline-block;
  background-color: #4a597f;
  border: 1px solid #4a597f;
  text-decoration: none;
}
.ess-button:hover{
    background-color: #fff;
    color: #4a597f;
}
.ess-actions{
    text-align:right;
}

table.questionnaires_impact {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    border: 1px solid rgb(228, 228, 228);
}
table.questionnaires_impact thead{
    background: #4a597f;
    color: #fff;
    padding:2px 0;
}
table.questionnaires_impact thead th{
    padding: 5px 10px;
    border-right: 1px dotted #fff;
}
table.questionnaires_impact thead th:last-child{
    border-right:0;
}
table.questionnaires_impact tbody td{
    padding:5px 10px;
}
table.questionnaires_impact tbody tr.inactive_survey{
    background:#4a597f17;
}
table.questionnaires_impact i.fas{
    color:#565656;
}
table.questionnaires_impact .table-actions{
    display:flex;
    gap:15px;
    place-content:center;
}

button.btn-link{
    border:none;
    background:none;
}
button.btn-link:hover i.fas{
    color:#4a597f;
}


.wp-limesurvey-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(200,200,200,0.95);
    border: 1px solid #aaa;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;    
}
.wp-limesurvey-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.wp-limesurvey-overlay .wrap{
    height:80%;
    position:relative;
}
.wp-limesurvey-overlay .wrap .fiche_back2list {
    position:absolute;
    top:-23px;
    right:0;
}
.wp-limesurvey-overlay .wrap .row{
    width:100%; height:100%;
}
.wp-limesurvey-overlay .wrap iframe{
    width:100%; height:100%; border:0;
}

/* tooltip minimal, position fixed pour rester visible même si la souris est sur l'élément */
.tooltip-copy {
  position: fixed;
  z-index: 9999;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1;
  background: rgba(0,0,0,0.85);
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  opacity: 0;
  transform: translateY(6px) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
  white-space: nowrap;
}
.tooltip-copy.show { opacity: 1; transform: translateY(0) scale(1); }

/* region invisible pour les lecteurs d'écran */
#clipboard-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}


.confirm-box {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:999;
}
.confirm-box.hidden { display: none; }

.confirm-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  min-width: 220px;
  text-align: center;
}

#ess_waiting{
    display:none;
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.5);
    z-index:1000;
    place-items:center;
    place-content:center;
}
#ess_waiting.show{
    display:flex;
}

/* La modale de config de graphiques réutilise .confirm-box / .confirm-content
   mais a besoin d'être plus large et scrollable, contrairement aux petites
   boîtes de confirmation (confirm_action, delete_survey, etc.) */
.confirm-content.chart-config-content {
    max-width: 720px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    text-align: left;
}

.chart-config-intro { color: #666; font-size: 0.9em; margin-bottom: 1em; }

.chart-config-group {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.4em;
    color: #4a597f;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.3em;
}
.chart-config-group:first-child { margin-top: 0; }

.chart-config-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    padding: 0.5em 0;
    border-bottom: 1px solid #f5f5f5;
}
.chart-config-row label { flex: 1; font-size: 0.9em; text-align: left; }
.chart-config-qcode { color: #999; font-size: 0.85em; margin-right: 0.4em; }
.chart-config-row select {
    min-width: 220px;
    padding: 4px 8px;
    border: 1px solid #ccc;
}

.chart-config-actions {
    margin-top: 1.2em;
    display: flex;
    justify-content: flex-end;
    gap: 0.6em;
}

/* Variante secondaire du bouton existant .ess-button (rouge/blanc -> gris/blanc) */
.ess-button.ess-button-secondary {
    background-color: #fff;
    color: #666;
    border: 1px solid #ccc;
}
.ess-button.ess-button-secondary:hover {
    background-color: #f0f0f0;
    color: #444;
}