/* ============================================================
   IAMSHIBA – Colonne droite : 1er bloc anthracite, reste clair
   Version finale avec orange doux accessible
   ============================================================ */

/* ---- 1. Style général : panneaux clairs ---- */
.record-grid > .side .panel {
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05) !important;
  margin-bottom: 16px;
  color: #111827 !important;
  overflow: visible !important;
}

/* ---- 2. Premier panneau : anthracite doux, ombre légère ---- */
.record-grid > .side .panel:first-of-type {
  background: #161925 !important;
  border: 1px solid rgba(15, 23, 42, 0.4) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.35) !important;
  color: #f3f4f6 !important;
}

/* ---- 3. En-têtes : titre à gauche, actions à droite ---- */
.record-grid > .side .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 10px 16px 6px 16px !important;
  display: flex;
  align-items: center;
}

/* Titre à gauche */
.record-grid > .side .panel-heading .panel-title {
  order: 1;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #111827 !important;
}

/* Variante sur le bloc anthracite */
.record-grid > .side .panel:first-of-type .panel-heading .panel-title,
.record-grid > .side .panel:first-of-type .panel-heading .panel-title a {
  color: #e5e7eb !important;
}

/* Liens dans le titre suivent la couleur du titre */
.record-grid > .side .panel-heading .panel-title a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Boutons / icônes à droite */
.record-grid > .side .panel-heading .btn-group,
.record-grid > .side .panel-heading .btn-toolbar {
  order: 2;
  margin-left: auto;
  display: inline-flex;
  gap: 6px;
}

.record-grid > .side .panel-heading .btn {
  border-radius: 999px !important;
  padding: 4px 8px !important;
  min-width: auto !important;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb !important;
  border: 1px solid rgba(148, 163, 184, 0.4) !important;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out;
}

.record-grid > .side .panel-heading .btn i {
  font-size: 12px !important;
  color: #2563eb !important;
}

/* Hover sur les icônes */
.record-grid > .side .panel-heading .btn:hover {
  background: #eef2ff !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
}

/* ---- 4. Corps ---- */
.record-grid > .side .panel-body {
  background: transparent !important;
  padding: 10px 16px 14px 16px !important;
  font-size: 13px;
}

/* ---- 5. Liens ---- */

/* Liens IAMSHIBA bleus sur les panneaux clairs */
.record-grid > .side .panel-body a {
  color: #2563eb !important;
  text-decoration: none;
  transition: color 0.2s ease;
}
.record-grid > .side .panel-body a:hover {
  color: #1d4ed8 !important;
  text-decoration: underline;
}

/* Liens du 1er bloc anthracite – orange doux accessible */
.record-grid > .side .panel:first-of-type .panel-body a {
  color: #4FC3F7 !important;        /* orange miel doux */
  text-decoration: none;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

.record-grid > .side .panel:first-of-type .panel-body a:hover {
  color: #BBE7FC !important;        /* doré clair */
  text-shadow: 0 0 6px rgba(179, 229, 252, 0.3);
  text-decoration: underline;
}

/* ---- 6. Tâches ---- */
.record-grid > .side .panel-tasks .list-group-item,
.record-grid > .side .panel-tasks .items-row,
.record-grid > .side .panel-tasks .list-row {
  background: #f9fafb !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  padding: 8px 12px !important;
  margin: 6px 0 !important;
  transition: background 0.2s ease;
}

.record-grid > .side .panel-tasks .list-group-item:hover {
  background: #f1f5ff !important;
}

/* ---- 7. Petits textes ---- */
.record-grid > .side small,
.record-grid > .side .text-muted {
  color: #9ca3af !important;
}