/* Styles déplacés depuis les fichiers HTML */
.inline-flex-wrap-gap-10 { display:flex; gap:10px; flex-wrap:wrap; }
.inline-flex-wrap-gap-8 { display:flex; gap:8px; flex-wrap:wrap; }
.inline-justify-between-wrap-start { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:flex-start; }
.heading-no-margin { margin:0; }
.heading-tight { margin:0 0 6px 0; }
.mt-4 { margin-top:4px; }
.mt-8 { margin-top:8px; }
.mt-10 { margin-top:10px; }
.mt-12 { margin-top:12px; }
.mt-14 { margin-top:14px; }
.mt-16 { margin-top:16px; }
.mt-18 { margin-top:18px; }
.mb-10 { margin-bottom:10px; }
.mb-12 { margin-bottom:12px; }
.pre-wrap { white-space:pre-wrap; }
.display-none { display:none !important; }
.inline-link-light { color:#93c5fd; }
.checkbox-inline-label { display:flex; gap:10px; align-items:flex-start; cursor:pointer; }
.checkbox-inline-input { margin-top:4px; }
.top-buttons-spaced { margin-top:18px; }
.audit-field-spaced { margin-top:12px; }
.muted-spaced { margin-top:8px; }
.server-state-inline { margin-top:8px; }


.auditFilters {
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      margin:14px 0 16px;
    }

    .auditFilters input,
    .auditFilters select {
      min-width:160px;
      min-height:44px;
      padding:10px 14px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,0.12);
      background:#111b2e;
      color:#fff;
      box-sizing:border-box;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .auditFilters input {
      flex:1 1 280px;
    }

    .auditFilters select {
      flex:0 0 170px;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-image:
        linear-gradient(45deg, transparent 50%, #aebbd0 50%),
        linear-gradient(135deg, #aebbd0 50%, transparent 50%);
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
      background-size:6px 6px, 6px 6px;
      background-repeat:no-repeat;
      padding-right:38px;
      cursor:pointer;
    }

    .auditFilters select option {
      background:#111b2e;
      color:#fff;
    }

    .auditFilters input:focus,
    .auditFilters select:focus {
      border-color:rgba(85,138,255,0.95);
      box-shadow:0 0 0 3px rgba(85,138,255,0.16);
      background:#13213a;
    }

    .auditFilters button {
      min-height:44px;
      white-space:nowrap;
    }

    .auditList {
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .auditItem {
      border:1px solid rgba(255,255,255,0.08);
      border-radius:18px;
      padding:16px;
      background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
      overflow:hidden;
    }

    .auditTop {
      display:flex;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      align-items:flex-start;
      margin-bottom:12px;
    }

    .auditTitle {
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
      font-weight:700;
      line-height:1.4;
    }

    .auditAction {
      font-size:15px;
      color:#f7fbff;
      word-break:break-word;
    }

    .auditDate {
      color:#b8c4d1;
      font-size:13px;
      padding-top:2px;
      text-align:right;
      flex:0 0 auto;
    }

    .auditMeta {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
      gap:10px;
      margin-bottom:12px;
    }

    .auditField {
      background:rgba(255,255,255,0.035);
      border:1px solid rgba(255,255,255,0.05);
      border-radius:12px;
      padding:10px 12px;
      min-width:0;
    }

    .auditFieldLabel {
      display:block;
      margin-bottom:6px;
      font-size:12px;
      font-weight:700;
      letter-spacing:.02em;
      text-transform:uppercase;
      color:#9fb0c7;
    }

    .auditFieldValue {
      color:#eef4fb;
      font-size:14px;
      line-height:1.45;
      word-break:break-word;
    }

    .auditFieldValue code {
      display:block;
      margin:0;
      padding:8px 10px;
      border-radius:10px;
      background:rgba(5,10,20,0.38);
      color:#d7e4ff;
      white-space:pre-wrap;
      word-break:break-word;
      overflow-wrap:anywhere;
      font-size:12px;
    }

    .auditMessage {
      margin:0;
      color:#d6dee8;
      white-space:pre-wrap;
      word-break:break-word;
      overflow-wrap:anywhere;
      background:rgba(255,255,255,0.025);
      border:1px solid rgba(255,255,255,0.05);
      border-radius:12px;
      padding:12px 14px;
    }

    .auditEmpty {
      padding:18px;
      border-radius:14px;
      background:rgba(255,255,255,0.03);
      color:#b8c4d1;
    }

    @media (max-width: 760px) {
      .auditFilters select,
      .auditFilters input,
      .auditFilters button {
        width:100%;
        flex:1 1 100%;
      }

      .auditDate {
        width:100%;
        text-align:left;
      }
    }

    .auditCompactHeader {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:0;
      background:transparent;
      border:0;
      color:inherit;
      cursor:pointer;
      text-align:left;
    }

    .auditCompactRight {
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:auto;
      flex-shrink:0;
    }

    .auditChevron {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:20px;
      transition:transform .18s ease;
    }

    .auditCompactBody {
      display:none;
      margin-top:14px;
    }

    .auditCompactItem[data-open="1"] .auditCompactBody {
      display:block;
    }

    .auditCompactItem[data-open="1"] .auditChevron {
      transform:rotate(180deg);
    }

.auditList { display:flex; flex-direction:column; gap:14px; }
    .auditItem { border:1px solid rgba(255,255,255,0.08); border-radius:18px; padding:16px; background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025)); }
    .auditTop { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; }
    .auditMeta { display:flex; gap:8px; flex-wrap:wrap; }
    .auditSummary { cursor:pointer; }
    .auditDetails { display:none; margin-top:12px; }
    .auditItem.open .auditDetails { display:block; }
    .auditField { margin-bottom:10px; }
    .auditFieldLabel { color:#9fb0c8; font-size:12px; text-transform:uppercase; margin-bottom:4px; }
    .auditFieldValue, .auditMessage { color:#fff; word-break:break-word; }

.pageWrap { display:flex; flex-direction:column; gap:20px; }
    .miniList { display:flex; flex-direction:column; gap:14px; }
    .miniItem { border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:16px; background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025)); }
    .miniTop { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:8px; }
    .miniMeta { color:#b7c4d6; font-size:14px; }
    .miniActions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .mutedBlock { color:#b7c4d6; line-height:1.5; }

/* Hauteurs dynamiques des barres d'historique */
.historyH0 { height:0%; }
.historyH1 { height:1%; }
.historyH2 { height:2%; }
.historyH3 { height:3%; }
.historyH4 { height:4%; }
.historyH5 { height:5%; }
.historyH6 { height:6%; }
.historyH7 { height:7%; }
.historyH8 { height:8%; }
.historyH9 { height:9%; }
.historyH10 { height:10%; }
.historyH11 { height:11%; }
.historyH12 { height:12%; }
.historyH13 { height:13%; }
.historyH14 { height:14%; }
.historyH15 { height:15%; }
.historyH16 { height:16%; }
.historyH17 { height:17%; }
.historyH18 { height:18%; }
.historyH19 { height:19%; }
.historyH20 { height:20%; }
.historyH21 { height:21%; }
.historyH22 { height:22%; }
.historyH23 { height:23%; }
.historyH24 { height:24%; }
.historyH25 { height:25%; }
.historyH26 { height:26%; }
.historyH27 { height:27%; }
.historyH28 { height:28%; }
.historyH29 { height:29%; }
.historyH30 { height:30%; }
.historyH31 { height:31%; }
.historyH32 { height:32%; }
.historyH33 { height:33%; }
.historyH34 { height:34%; }
.historyH35 { height:35%; }
.historyH36 { height:36%; }
.historyH37 { height:37%; }
.historyH38 { height:38%; }
.historyH39 { height:39%; }
.historyH40 { height:40%; }
.historyH41 { height:41%; }
.historyH42 { height:42%; }
.historyH43 { height:43%; }
.historyH44 { height:44%; }
.historyH45 { height:45%; }
.historyH46 { height:46%; }
.historyH47 { height:47%; }
.historyH48 { height:48%; }
.historyH49 { height:49%; }
.historyH50 { height:50%; }
.historyH51 { height:51%; }
.historyH52 { height:52%; }
.historyH53 { height:53%; }
.historyH54 { height:54%; }
.historyH55 { height:55%; }
.historyH56 { height:56%; }
.historyH57 { height:57%; }
.historyH58 { height:58%; }
.historyH59 { height:59%; }
.historyH60 { height:60%; }
.historyH61 { height:61%; }
.historyH62 { height:62%; }
.historyH63 { height:63%; }
.historyH64 { height:64%; }
.historyH65 { height:65%; }
.historyH66 { height:66%; }
.historyH67 { height:67%; }
.historyH68 { height:68%; }
.historyH69 { height:69%; }
.historyH70 { height:70%; }
.historyH71 { height:71%; }
.historyH72 { height:72%; }
.historyH73 { height:73%; }
.historyH74 { height:74%; }
.historyH75 { height:75%; }
.historyH76 { height:76%; }
.historyH77 { height:77%; }
.historyH78 { height:78%; }
.historyH79 { height:79%; }
.historyH80 { height:80%; }
.historyH81 { height:81%; }
.historyH82 { height:82%; }
.historyH83 { height:83%; }
.historyH84 { height:84%; }
.historyH85 { height:85%; }
.historyH86 { height:86%; }
.historyH87 { height:87%; }
.historyH88 { height:88%; }
.historyH89 { height:89%; }
.historyH90 { height:90%; }
.historyH91 { height:91%; }
.historyH92 { height:92%; }
.historyH93 { height:93%; }
.historyH94 { height:94%; }
.historyH95 { height:95%; }
.historyH96 { height:96%; }
.historyH97 { height:97%; }
.historyH98 { height:98%; }
.historyH99 { height:99%; }
.historyH100 { height:100%; }