.cli-statut { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:20px; padding:12px 16px; background:#f8fafc; border:1px solid var(--cb-border); border-radius:var(--cb-radius); }
.cli-statut__detail { font-size:0.9rem; color:var(--cb-gray); }
.cli-section { border:1px solid var(--cb-border); border-radius:var(--cb-radius); margin-bottom:14px; overflow:hidden; }
.cli-section__titre { cursor:pointer; padding:14px 16px; font-weight:600; background:#f8fafc; list-style:none; }
.cli-section__titre::-webkit-details-marker { display:none; }
.cli-section__corps { padding:20px 16px; display:flex; flex-direction:column; gap:28px; }
.cli-aide { font-size:0.85rem; color:var(--cb-gray); margin:0; line-height:1.5; }
.cli-aide code { background:#eef2f7; padding:1px 5px; border-radius:4px; font-size:0.82rem; }
.cli-resultat-ok { color:#166534; font-weight:600; margin:0; }
.cli-resultat-erreurs { color:var(--cb-red); font-size:0.85rem; margin:8px 0 0; padding-left:18px; }
.cli-liste { display:flex; flex-direction:column; gap:8px; }
.cli-item { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 14px; border:1px solid var(--cb-border); border-radius:var(--cb-radius); background:#fff; }
.cli-item--inactif { opacity:0.55; }
.cli-item__kw { font-weight:600; min-width:160px; }
.cli-item__cible { flex:1 1 200px; font-size:0.9rem; }
.cli-item__priorite { font-size:0.8rem; color:var(--cb-gray); white-space:nowrap; }
.cli-item__actions { display:flex; gap:6px; }
.cli-version { margin-top:24px; font-size:0.75rem; color:var(--cb-gray); text-align:center; opacity:0.7; }
.cli-app { display:grid; gap:14px; }
.cli-app .cb-btn { min-height:40px; border:1px solid #9ca3af; background:#f8fafc; color:#1f2937; border-radius:8px; padding:8px 14px; font-weight:700; cursor:pointer; }
.cli-app .cb-btn:hover { background:#eef2f7; border-color:#64748b; }
.cli-app .cb-btn--primaire { background:#202428; border-color:#202428; color:#fff; }
.cli-app .cb-btn--primaire:hover { background:#0f1720; color:#fff; }
.cli-app .cb-btn--danger { background:#fff7f7; color:#a33a33; border-color:#d7a1a1; }
.cli-app .cb-input { width:100%; min-height:42px; border:1px solid #cbd2d9; border-radius:8px; background:#fff; padding:9px 11px; font:inherit; }
.cli-app textarea.cb-input { min-height:150px; resize:vertical; }
.cli-app .cb-champ { display:grid; gap:7px; }
.cli-app .cb-label { font-weight:700; font-size:.86rem; }
.cli-toast { position:fixed; right:24px; bottom:24px; z-index:99999; max-width:420px; padding:12px 16px; border-radius:9px; background:#202428; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.2); opacity:0; transform:translateY(8px); transition:.2s; }
.cli-toast.is-visible { opacity:1; transform:none; }
.cli-toast--success { background:#17663a; }
.cli-toast--error { background:#9b2f2f; }

/* CB Internal Links 1.1.1 — administration view */
.cli-app{
    display:grid;
    gap:16px;
    color:#18202a;
}
.cli-statut{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin:0;
    padding:14px 16px;
    background:#fff;
    border:1px solid #e2e5e8;
    border-radius:12px;
    box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.cli-statut .cb-badge{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 10px;
    border-radius:999px;
    font-size:.76rem;
    font-weight:800;
}
.cli-statut--actif .cb-badge{background:#e5f5e9;color:#28733b}
.cli-statut--inactif .cb-badge{background:#eef0f2;color:#5e6670}

.cli-section{
    background:#fff;
    border:1px solid #e2e5e8;
    border-radius:12px;
    overflow:hidden;
    margin:0;
    box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.cli-section__titre{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    padding:15px 18px;
    font-size:1rem;
    font-weight:800;
    background:#fafbfc;
    color:#1c2630;
}
.cli-section[open] .cli-section__titre{
    border-bottom:1px solid #e7eaed;
}
.cli-section__corps{
    padding:18px;
    display:grid;
    gap:18px;
}
.cli-section__corps .cb-champ{
    display:grid;
    grid-template-columns:minmax(210px, .7fr) minmax(260px, 1.3fr);
    align-items:center;
    gap:14px 22px;
}
.cli-section__corps .cb-label{
    font-size:.86rem;
    font-weight:750;
    color:#26303a;
}
.cli-section__corps .cb-input,
.cli-section__corps .cb-select{
    width:100%;
    min-height:42px;
    border:1px solid #cbd2d9;
    border-radius:8px;
    background:#fff;
    padding:9px 11px;
    color:#1f2937;
    font:inherit;
}
.cli-section__corps input[type="number"]{
    max-width:150px;
}
.cli-section__corps textarea.cb-input{
    min-height:160px;
    resize:vertical;
}
.cli-aide{
    padding:12px 14px;
    background:#f7f8fa;
    border-radius:8px;
    color:#697078;
}
.cli-liste{
    display:grid;
    gap:9px;
}
.cli-item{
    display:grid;
    grid-template-columns:minmax(170px,.8fr) minmax(240px,1.3fr) auto auto;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border:1px solid #e1e5e8;
    border-radius:9px;
    background:#fff;
}
.cli-item__actions{
    display:flex;
    gap:6px;
    justify-content:flex-end;
}
.cli-app .cb-btn{
    appearance:none;
    min-height:40px;
    border:1px solid #9ca3af;
    border-radius:8px;
    background:#f8fafc;
    color:#1f2937;
    padding:8px 14px;
    font-size:.86rem;
    font-weight:750;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(15,23,42,.05);
}
.cli-app .cb-btn:hover{
    background:#eef2f7;
    border-color:#64748b;
}
.cli-app .cb-btn--primaire{
    background:#202428;
    color:#fff;
    border-color:#202428;
}
.cli-app .cb-btn--primaire:hover{background:#0f1720;color:#fff}
.cli-app .cb-btn--danger{
    background:#fff7f7;
    color:#9d3434;
    border-color:#d8a4a4;
}
.cli-pagination{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
}
.cli-version{
    margin:4px 0 0;
    padding-top:4px;
    color:#858b91;
    font-size:.72rem;
    text-align:right;
}
.cli-toast{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:99999;
    max-width:420px;
    padding:12px 16px;
    border-radius:9px;
    background:#202428;
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
    opacity:0;
    transform:translateY(8px);
    transition:.2s;
}
.cli-toast.is-visible{opacity:1;transform:none}
.cli-toast--success{background:#17663a}
.cli-toast--error{background:#9b2f2f}
@media(max-width:800px){
    .cli-section__corps .cb-champ{grid-template-columns:1fr;gap:7px}
    .cli-item{grid-template-columns:1fr}
    .cli-item__actions{justify-content:flex-start}
}