/* La grammaire visuelle de T2, relevee sur les captures des manuels CLM et RTGS R2026.NOV,
   chapitre 4 : en-tete blanc (composant, environnement, jour ouvre, utilisateur, release),
   sous-bandeau bleu fonce (menu, diffusion, nom d'ecran et fil d'Ariane, signet, aide, reglages,
   sortie), zone de contenu en sections repliables « Search Criteria » et « Results ». Les
   couleurs viennent d'eurosysteme.css, partage avec ECMS. */
@import url("eurosysteme.css");
*{box-sizing:border-box}
body{margin:0;background:var(--eu-50);color:#333;font:13px/1.45 "Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif}
.entete{display:flex;align-items:center;gap:18px;background:#fff;padding:8px 16px;border-bottom:1px solid var(--eu-200);font-size:12px}
.entete .marque{font-weight:700;font-size:15px;color:var(--eu-900);letter-spacing:.02em}
.entete .marque small{font-weight:500;color:var(--eu-600)}
.entete .composant{color:var(--eu-800);font-weight:600;padding-left:12px;border-left:2px solid var(--eu-300)}
.entete .env{background:var(--eu-100);color:var(--eu-800);border:1px solid var(--eu-300);border-radius:3px;padding:1px 8px}
.entete .jour{margin-left:auto}
.entete .jour b,.entete .user b{font-weight:600}
.entete .logo{border:1px solid var(--eu-300);color:var(--eu-600);padding:2px 10px;border-radius:2px;font-size:11px}
.sous{display:flex;align-items:center;gap:14px;background:var(--eu-800);color:#fff;padding:6px 14px;min-height:46px}
.sous .ico{font-size:18px;cursor:pointer;opacity:.95}
.sous .enveloppe{color:#F3A21C}
.sous .nom{margin-right:auto}
.sous .nom b{display:block;font-size:15px;font-weight:600}
.sous .nom span{font-size:11px;opacity:.9}
.sous .nom span a{color:#fff;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.6)}
.menu{position:absolute;left:8px;top:82px;background:#fff;border:1px solid var(--eu-300);box-shadow:0 6px 18px rgba(31,53,115,.18);min-width:290px;z-index:9;display:none}
.menu.ouvert{display:block}
.menu .groupe{padding:6px 12px 2px;font-size:11px;color:var(--eu-600);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--eu-100)}
.menu a{display:block;padding:6px 16px;color:var(--eu-encre);text-decoration:none;cursor:pointer}
.menu a:hover{background:var(--eu-100)}
.menu a.actif{font-weight:600;color:var(--eu-900);cursor:default}
.menu a.actif:hover{background:none}
.ruban{background:repeating-linear-gradient(135deg,#FFB300,#FFB300 14px,#FFC233 14px,#FFC233 28px);color:#3B2A00;font-weight:700;font-size:11px;letter-spacing:.04em;text-align:center;padding:4px 10px}
.contenu{padding:6px 14px 30px}
.section{border-bottom:1px solid var(--eu-300);margin-top:8px}
.section .titre{display:flex;align-items:center;gap:10px;padding:6px 0;font-weight:600;color:var(--eu-600);font-size:12.5px}
.section .titre .pli{width:18px;height:18px;background:var(--eu-800);color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;font-size:13px;cursor:pointer}
.section .titre .rafraichir{margin-left:auto;font-weight:400;font-size:11.5px;color:#444}
.section .titre .rafraichir button{font:inherit;font-size:11px;border:1px solid var(--eu-800);color:var(--eu-800);background:#fff;padding:1px 8px;margin-left:6px;cursor:pointer}
.section .corps{padding:6px 0 10px}
.sous-titre{color:var(--eu-600);font-weight:600;font-size:12px;margin:10px 0 4px;border-bottom:1px solid var(--eu-300);padding-bottom:3px}
.grille{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 24px;padding:6px 0}
.grille.g3{grid-template-columns:repeat(3,1fr)}
.champ label{display:block;font-size:11.5px;color:#444;margin-bottom:2px}
.champ .val{background:#e6e6e6;border:1px solid #cfcfcf;padding:4px 8px;min-height:24px;font-size:12px;color:#555}
.champ .val.edit{background:#fff;border-color:var(--eu-400)}
.champ .val.edit input,.champ .val.edit select{font:inherit;border:0;background:transparent;width:100%;outline:none}
.champ .val.num{text-align:right;font-variant-numeric:tabular-nums}
.lignes{margin:4px 0 10px}
.ligne{display:flex;align-items:center;padding:4px 8px 4px 30px;font-size:12px;position:relative}
.ligne.tete{padding-left:30px;font-weight:700}
.ligne .fleche{position:absolute;left:12px;color:var(--eu-800);font-size:10px}
.ligne .mnt{margin-left:auto;font-variant-numeric:tabular-nums;min-width:170px;text-align:right}
.ligne.total .mnt{border-top:1px solid #333;font-weight:700;padding-top:2px}
.ligne .mnt.debit{color:#c0392b}
table.liste{border-collapse:collapse;width:100%;font-size:12px;margin-top:4px}
table.liste th{background:var(--eu-600);color:#fff;text-align:left;padding:6px 8px;font-weight:600;border-right:1px solid rgba(255,255,255,.35);white-space:nowrap}
table.liste td{padding:5px 8px;border-bottom:1px solid #e3e6ee;white-space:nowrap;background:#fff}
table.liste tr:nth-child(odd) td{background:#EDEDED}
table.liste td.num{text-align:right;font-variant-numeric:tabular-nums}
table.liste td.case{width:28px}
table.liste td.case span{display:inline-block;width:12px;height:12px;border:1px solid #666;background:#fff}
table.liste td.menu3{width:24px;text-align:center;color:#555}
.pagination{display:flex;align-items:center;gap:14px;background:var(--eu-500);color:#fff;padding:6px 10px;font-size:12px;font-weight:600}
.pagination .pg{display:inline-flex;gap:0;background:var(--eu-600)}
.pagination .pg span{padding:2px 9px;border-right:1px solid rgba(255,255,255,.35)}
.pagination .pg span.cur{background:#fff;color:var(--eu-900)}
.pagination .export{margin-left:auto}
.boutons{display:flex;gap:8px;padding:12px 0}
.boutons button{font:inherit;font-size:12px;background:var(--eu-900);color:#fff;border:0;padding:6px 14px;cursor:pointer}
.boutons button.gris{background:#c9ccd3;color:#333}
.boutons button.occupe{opacity:.5;pointer-events:none}
.etat{display:inline-block;padding:0 6px;border-radius:2px;font-size:11px;font-weight:600}
.etat.ok{background:#e3f3e6;color:#1f6b33}.etat.ko{background:#fbe4e8;color:#a0113f}.etat.att{background:#fff3d6;color:#7a5200}
.jeton{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
a.lien{color:var(--eu-800);text-decoration:none;border-bottom:1px dotted var(--eu-400)}
.panne{border:1px solid #a0113f;background:#fdf3f6;color:#a0113f;padding:10px 14px;border-radius:3px;font-size:12.5px;margin:10px 0}
.resultat{border:1px solid var(--eu-300);background:var(--eu-100);padding:8px 12px;font-size:12px;margin:8px 0}
.vide{padding:12px 8px;color:#777;font-size:12.5px}

/* Une note sous une liste : ce que le livre a a dire quand la liste est vide. */
.note{margin:8px 0 0;padding:6px 10px;font-size:12px;color:var(--eu-800);border-left:3px solid var(--eu-600);background:var(--eu-50)}
/* La vue de consultation : les boutons qui ecrivent n'existent pas. Ce que le service refuserait de
   toute facon (403) n'a pas a etre propose. */
.consultation button[data-vers="virement"], .consultation button[data-vers="lignes"], .consultation button[data-vers="saisie"],
.consultation #bRetraiter, .consultation #bSoumettre, .consultation #bVirer, .consultation #bFile { display: none; }