/* ═══ Recherches — Com & marketing ═══════════════════════════════════════
   Deux listes, et la premiere est celle qui compte : les recherches sans
   resultat. Le rouge y est reserve, pour qu'il veuille dire quelque chose. */

/* ── Onglets ───────────────────────────────────────────────────────────
   Repris d'Analytics (.an-tabs / .an-tab), qui est la page voisine dans le
   menu : meme barre blanche bordee, memes majuscules espacees, meme trait
   navy pose par une ombre INTERNE et non par une bordure — une bordure
   deplacerait le contenu de deux pixels a chaque changement d'onglet.

   Seules les marges changent : .an-tabs est calee sur la coque d'Analytics,
   celle-ci sur .content. */
.rc-tabs{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
    padding:0 var(--space-5);background:#fff;flex-shrink:0;margin:0 0 var(--space-4);
    border-radius:10px;border:1px solid #d9d9d9;}
.rc-tabs::-webkit-scrollbar{height:5px;}
.rc-tabs::-webkit-scrollbar-thumb{background:var(--grey-200);border-radius:999px;}
.rc-tabs::-webkit-scrollbar-track{background:transparent;}
.rc-tab{padding:12px 16px;font-size:.8rem;font-weight:800;text-transform:uppercase;
    letter-spacing:.04em;color:var(--grey-400);cursor:pointer;flex-shrink:0;
    box-shadow:inset 0 -2px 0 transparent;transition:color .15s,box-shadow .15s;
    white-space:nowrap;display:flex;align-items:center;gap:6px;}
.rc-tab:hover{color:var(--grey-700);}
.rc-tab.active{color:var(--psg-navy);box-shadow:inset 0 -2px 0 var(--psg-navy);}
.rc-tab svg{width:14px;height:14px;flex-shrink:0;}
.rc-tab-count{font-size:.68rem;font-weight:800;letter-spacing:0;padding:1px 6px;
    border-radius:999px;background:var(--grey-100);color:var(--grey-500);}
.rc-tab.active .rc-tab-count{background:rgba(0,33,71,.09);color:var(--psg-navy);}

/* ── Deux classes empruntees, et la lecon qui va avec ─────────────────
   Toutes les pages ne chargent pas les memes feuilles. Reprendre une classe
   vue ailleurs sans verifier OU elle est definie donne un element sans style,
   et ca ne se voit qu'a l'ecran.

   `.alert` (main.css) porte du padding et AUCUN display:none : un div vide se
   voyait donc, comme une boite grise sans contenu. Le masquage vivait dans
   commande.css, que cette page ne charge pas.

   `.loading-panel` n'est definie que dans client.css et commande.css : le
   « Chargement... » s'affichait sans marge, colle a gauche. */
.rc-message{display:none;}
.rc-message.visible{display:block;}
.loading-panel{padding:var(--space-10);text-align:center;color:var(--grey-400);font-weight:700;}

/* ── Barre de filtres, dans la carte ──────────────────────────────────
   Meme forme que .cli-toolbar et .pf-toolbar : la barre appartient au
   tableau, pas a la page. */
.rc-toolbar{display:flex;align-items:center;gap:var(--space-3);
    padding:var(--space-5);border-bottom:1px solid var(--grey-100);flex-wrap:wrap;}
.rc-toolbar-count{margin-left:auto;font-size:.76rem;font-weight:700;color:var(--grey-400);
    white-space:nowrap;}
.rc-check{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;
    color:var(--grey-500);cursor:pointer;white-space:nowrap;}

/* ── Tableaux ─────────────────────────────────────────────────────────── */
.rc-table{width:100%;border-collapse:collapse;}
.rc-table th{text-align:left;padding:12px 16px;font-size:.66rem;font-weight:800;
    text-transform:uppercase;letter-spacing:.05em;color:var(--grey-400);
    background:#f1f5f999;border-bottom:1px solid var(--grey-100);white-space:nowrap;}
.rc-table td{padding:11px 16px;border-bottom:1px solid var(--grey-100);font-size:.84rem;
    vertical-align:middle;}
.rc-table tbody tr:last-child td{border-bottom:0;}
.rc-table tbody tr:hover{background:#f8fafc;}

.rc-query{font-weight:800;color:var(--psg-navy);overflow-wrap:anywhere;}
.rc-zero{color:var(--psg-red);}
.rc-num{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;}
.rc-date{color:var(--grey-400);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap;}

.rc-links{white-space:nowrap;}
.rc-links a{color:var(--grey-500);font-size:.74rem;font-weight:700;text-decoration:none;}
.rc-links a:hover{color:var(--psg-navy);text-decoration:underline;}
.rc-links a + a{margin-left:10px;}

.rc-empty{padding:48px 24px;text-align:center;color:var(--grey-400);font-weight:700;font-size:.88rem;}

/* ── Couche intention (règles cylindres) ──────────────────────────────
   Un tableau comme les deux autres onglets (bords droits, edge-to-edge),
   puis une section à part pour le formulaire : lui seul a besoin de
   padding, la table gère déjà le sien cellule par cellule. */
.rc-intention-section{padding:var(--space-5);border-top:1px solid var(--grey-100);}
.rc-intention-section h3{margin:0 0 var(--space-2);font-size:.92rem;}
.rc-intention-form{display:flex;flex-direction:column;gap:var(--space-3);}
.rc-intention-form label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;
    font-weight:700;color:var(--grey-500);}
.rc-intention-form label.rc-check{flex-direction:row;}
.rc-intention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:var(--space-3);}

.rc-intention-mots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.rc-intention-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;
    border-radius:999px;background:var(--grey-100);font-size:.76rem;font-weight:700;
    color:var(--grey-600);}
.rc-intention-chip-x{border:0;background:transparent;color:var(--grey-400);cursor:pointer;
    font-size:1rem;line-height:1;padding:2px 6px;border-radius:50%;}
.rc-intention-chip-x:hover{color:var(--psg-red);background:#fff;}
.rc-intention-ajout-mot{display:flex;gap:6px;align-items:center;}
.rc-intention-ajout-mot .form-control{padding:4px 8px;font-size:.78rem;}

/* ── Purge ─────────────────────────────────────────────────────────────
   En bas et discrete : un effacement ne se met pas sous la main de celui qui
   vient lire un rapport. */
.rc-purge{margin-top:var(--space-4);}
.rc-purge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;}
.rc-purge-label{font-size:.78rem;font-weight:700;color:var(--grey-500);}
.rc-purge-btn{border-color:var(--psg-red);color:var(--psg-red);}