*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#1f2937;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.site{background:#172554;color:#fff;padding:14px max(20px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none}.site nav{display:flex;gap:18px}.site nav a{color:#e0e7ff;text-decoration:none}main{max-width:1100px;margin:28px auto;padding:0 20px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.panel,.diag{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 2px 8px #0f172a08}.narrow{max-width:520px;margin:30px auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.diag{margin:0}.diag h2{font-size:1.2rem;margin:12px 0 6px}.diag-top{display:flex;justify-content:space-between;align-items:center}.tag{display:inline-block;border-radius:999px;color:#fff;padding:3px 10px;font-size:.8rem}.search{display:flex;gap:8px;margin:20px 0}.search input{flex:1}label{display:block;font-weight:600;margin:14px 0}input,textarea,select{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;background:#fff}input[type=color]{width:70px;height:42px;padding:3px}button,.button{display:inline-block;border:0;border-radius:7px;background:#1d4ed8;color:white;padding:10px 16px;font:inherit;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#1e40af}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}.swatch{display:inline-block;width:22px;height:22px;border-radius:50%}.error,.danger{color:#b91c1c}.success{color:#047857}.muted,footer{color:#64748b}footer{text-align:center;padding:30px}details{margin-top:10px}.site nav a:hover{text-decoration:underline}@media(max-width:600px){.site{align-items:flex-start;flex-direction:column}.search{flex-wrap:wrap}.search input{flex-basis:100%}table{font-size:.9rem}}

.language-tabs{display:flex;gap:8px;margin:20px 0 12px;flex-wrap:wrap}.lang-tab{padding:9px 18px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;text-decoration:none;color:#1f2937;font-weight:700}.lang-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.filters{align-items:end;flex-wrap:wrap}.filter-category{margin:0;min-width:220px;flex:0 1 280px}.filter-keyword{margin:0;flex:1;min-width:220px}.results-list{display:flex;flex-direction:column;gap:12px}.result-row{display:grid;grid-template-columns:minmax(180px,24%) 1fr;gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px}.result-category{padding:8px 12px;align-self:start;overflow-wrap:anywhere}.result-content{min-width:0}.result-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.result-heading h2{font-size:1.15rem;margin:0 0 8px}.result-content p{margin:8px 0;white-space:normal}@media(max-width:650px){.result-row{grid-template-columns:1fr;gap:8px}.result-category{padding:4px 10px}.result-heading{flex-direction:column}}

/* PBN Texte modern language selector, search results and editor */
body{background:#f5f7fb;color:#172033}
main{max-width:1180px;margin:34px auto;padding:0 24px}
.site{background:linear-gradient(110deg,#14213d,#233b68);padding:16px max(24px,calc((100% - 1132px)/2));box-shadow:0 5px 22px #17255418}
.brand{letter-spacing:.2px}.site nav{gap:12px}.site nav a{padding:8px 12px;border-radius:8px}.site nav a:hover{background:#ffffff18;text-decoration:none}
.toolbar h1{font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.035em;margin:0;font-weight:760;color:#14213d}
.button{border-radius:10px;padding:11px 17px;background:#315bd6;box-shadow:0 5px 12px #315bd626;font-weight:650}.button:hover{background:#2449b8}
.language-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 18px}
.lang-tab{display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:12px 18px;border:1px solid #dce3ef;border-radius:14px;background:#fff;color:#26344e;text-decoration:none;font-weight:650;box-shadow:0 3px 10px #1e293b05;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.lang-tab:hover{transform:translateY(-1px);border-color:#a9b9d7;box-shadow:0 8px 18px #1e293b0b}
.lang-tab.active{border:2px solid #315bd6;background:linear-gradient(180deg,#f7f9ff,#edf2ff);color:#1e40af;box-shadow:0 7px 20px #315bd61a}
.lang-flag{font-size:1.55rem;line-height:1}.lang-code{font-size:.82rem;letter-spacing:.07em;font-weight:800;color:#64748b}.lang-tab.active .lang-code{color:#315bd6}.lang-name{font-size:1rem}
.filters{display:flex;align-items:end;gap:14px;padding:18px;background:#fff;border:1px solid #e4e9f2;border-radius:16px;box-shadow:0 5px 18px #17255406}
.filter-category,.filter-keyword{margin:0}.filter-category{flex:0 1 290px}.filter-keyword{flex:1}.filters label{font-size:.88rem;color:#526079;font-weight:700}.filters input,.filters select{height:46px;border-color:#d7deea;border-radius:10px;background:#fbfcfe}.filters input:focus,.filters select:focus{outline:3px solid #315bd61c;border-color:#7190e5}.filters button{height:46px;border-radius:10px;padding:0 22px;background:#315bd6;font-weight:700}.filters>a{padding:12px 6px;color:#64748b;font-weight:600;text-decoration:none}
.results-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 2px 14px;color:#68758c;font-size:.9rem}.selected-language{padding:5px 10px;border-radius:999px;background:#e9eefb;color:#3151a1;font-weight:750;letter-spacing:.04em}
.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.result-card{min-width:0;background:#fff;border:1px solid #e3e8f1;border-radius:16px;padding:21px 22px;box-shadow:0 5px 16px #17255406;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.result-card:hover{transform:translateY(-2px);border-color:#d1daeb;box-shadow:0 12px 28px #1725540d}.result-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.category-chip{display:inline-flex;align-items:center;max-width:100%;padding:6px 11px;border-radius:8px;background:color-mix(in srgb,var(--category-color) 11%,white);border-left:4px solid var(--category-color);color:#34415a;font-size:.78rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.edit-link{font-size:.86rem;color:#315bd6;font-weight:700;text-decoration:none;white-space:nowrap}.edit-link:hover{text-decoration:underline}.result-card h2{font-size:1.2rem;line-height:1.35;letter-spacing:-.015em;margin:0 0 12px;color:#1a2945}.result-description{color:#4b5870;line-height:1.7;overflow-wrap:anywhere}.solution-details{margin-top:17px;padding-top:13px;border-top:1px solid #edf0f5}.solution-details summary{color:#315bd6;font-weight:750;cursor:pointer}.solution-details div{padding-top:10px;color:#526079;line-height:1.65;overflow-wrap:anywhere}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:42px 20px;color:#64748b}.empty-state h2{margin:8px 0;color:#26344e}.empty-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#eef2ff;color:#315bd6;font-size:1.8rem}.management-link{margin-top:28px}
.diagnostic-editor{max-width:900px;margin:0 auto;padding:clamp(20px,4vw,36px);border-radius:18px}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:#72809a;margin:0 0 5px}.back-link{color:#315bd6;font-weight:700;text-decoration:none}.diagnostic-editor form>label{margin:20px 0;font-weight:750;color:#34415a}.diagnostic-editor input:not([type=radio]),.diagnostic-editor textarea,.diagnostic-editor select{border-color:#d7deea;border-radius:10px;background:#fcfdff}.diagnostic-editor textarea{resize:vertical;line-height:1.6}.language-field{border:0;padding:0;margin:24px 0 18px;min-width:0}.language-field legend{font-size:1rem;font-weight:800;color:#253450;margin-bottom:12px}.editor-language-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.editor-language{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:14px 10px;border:1px solid #dce3ef;border-radius:12px;background:#fff;color:#40506b;cursor:pointer;font-weight:600;transition:all .15s ease}.editor-language input[type=radio]{position:absolute;opacity:0;pointer-events:none}.editor-language.selected{border:2px solid #315bd6;background:#f2f5ff;color:#2449b8;box-shadow:0 5px 14px #315bd615}.editor-flag{font-size:1.35rem}.editor-language strong{font-size:.78rem;letter-spacing:.06em}.field-hint{font-size:.87rem;color:#758198;margin:12px 0 0}.form-actions{display:flex;align-items:center;gap:18px;margin-top:26px}.form-actions button{border-radius:10px;padding:12px 20px;font-weight:750;background:#315bd6}.delete-link{color:#b42335;font-weight:700;text-decoration:none}.delete-link:hover{text-decoration:underline}
@media(max-width:760px){main{padding:0 16px;margin:22px auto}.language-tabs{gap:8px}.lang-tab{flex-wrap:wrap;gap:7px;padding:12px 6px}.lang-name{width:100%;text-align:center;font-size:.85rem}.filters{align-items:stretch}.filter-category,.filter-keyword{flex:1 1 100%}.filters button{width:100%}.results-grid{grid-template-columns:1fr}.editor-language-options{gap:7px}.editor-language{flex-direction:column;gap:5px;padding:12px 4px}.result-card{padding:18px}}


/* === PBN Texte : catégories rapides, langues compactes et formulaire trilingue === */
.language-tabs{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    margin:24px 0 20px;
}
.lang-tab{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-width:104px;
    min-height:48px;
    padding:10px 17px;
    border:1px solid #d8e0ed;
    border-radius:11px;
    background:#fff;
    color:#26344e;
    box-shadow:0 3px 10px rgba(23,37,61,.05);
    text-decoration:none;
}
.lang-tab .lang-flag{font-size:1.25rem}
.lang-tab .lang-code{font-size:.98rem;letter-spacing:.04em;color:inherit}
.lang-tab.active{
    border:2px solid #315bd6;
    background:#edf2ff;
    color:#2149b8;
    box-shadow:0 5px 15px rgba(49,91,214,.14);
}
.lang-tab .lang-name{display:none}

.filters button.search-button{
    width:auto;
    min-width:112px;
    height:40px;
    padding:0 17px;
    border:0;
    border-radius:9px;
    background:#2563eb;
    color:#fff;
    font-size:.9rem;
    font-weight:750;
    box-shadow:0 3px 8px rgba(37,99,235,.2);
}
.filters button.search-button:hover{background:#1d4ed8;transform:translateY(-1px)}
.filters>a{white-space:nowrap}

.library-layout{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:22px;
    align-items:start;
    margin-top:22px;
}
.category-sidebar{
    position:sticky;
    top:18px;
    padding:16px 12px;
    background:#fff;
    border:1px solid #e3e8f1;
    border-radius:15px;
    box-shadow:0 5px 16px rgba(23,37,61,.045);
}
.sidebar-heading{
    padding:2px 9px 12px;
    color:#8792a6;
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.12em;
}
.category-link{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:40px;
    margin:2px 0;
    padding:8px 9px;
    border-radius:9px;
    color:#34415a;
    font-size:.91rem;
    font-weight:620;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.category-link:hover{background:#f2f5fb}
.category-link.selected{background:#edf2ff;color:#2449b8;font-weight:800}
.category-dot{
    display:inline-block;
    flex:0 0 11px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:var(--dot-color,#64748b);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--dot-color,#64748b) 15%,white);
}
.all-dot{background:#64748b;--dot-color:#64748b}
.favorite-mark{margin-left:auto;color:#e0a020;font-size:.9rem}
.manage-categories{
    display:block;
    margin:12px 8px 2px;
    padding-top:12px;
    border-top:1px solid #edf0f5;
    color:#315bd6;
    font-size:.84rem;
    font-weight:750;
    text-decoration:none;
}
.library-results{min-width:0}
.library-results .results-summary{margin-top:0}
.category-chip{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:6px 11px;
    border:0;
    border-radius:8px;
    background:color-mix(in srgb,var(--category-color) 9%,white);
}
.category-chip .category-dot{
    width:9px;height:9px;flex-basis:9px;
    box-shadow:none;
}

.translation-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin-top:20px;
}
.translation-card{
    min-width:0;
    padding:17px;
    border:1px solid #dfe5ef;
    border-radius:14px;
    background:#fff;
    box-shadow:0 4px 14px rgba(23,37,61,.04);
}
.translation-fr{border-top:4px solid #315bd6}
.translation-nl{border-top:4px solid #e2a32b}
.translation-en{border-top:4px solid #64748b}
.translation-heading{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:14px;
    color:#26344e;
    font-size:1rem;
}
.translation-flag{font-size:1.35rem}
.translation-card label{
    margin:13px 0;
    color:#45536c;
    font-size:.86rem;
    font-weight:750;
}
.translation-card input,.translation-card textarea{
    font-size:.91rem;
    background:#fbfcff;
}
.translation-card textarea{min-height:112px;resize:vertical}
.shared-category-label{
    display:block;
    max-width:460px;
    margin:22px 0 8px;
    color:#34415a;
    font-weight:800;
}
.favorite-checkbox{
    display:flex;
    align-items:center;
    gap:9px;
    margin:16px 0;
    font-weight:650;
}
.favorite-checkbox input{
    display:inline-block;
    width:18px;height:18px;margin:0;
}
.category-editor{max-width:760px}

@media(max-width:900px){
    .library-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}
    .translation-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
    .language-tabs{gap:9px}
    .lang-tab{min-width:0;flex:1;padding:9px 10px;min-height:44px}
    .library-layout{grid-template-columns:1fr}
    .category-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:12px}
    .sidebar-heading{width:100%;padding-bottom:5px}
    .category-link{min-height:35px;padding:7px 9px}
    .manage-categories{width:100%;margin-top:6px}
    .filters button.search-button{width:auto;min-width:112px}
    .translation-grid{grid-template-columns:1fr}
}

.missing-title{color:#a0a9b8;font-size:.95rem;font-weight:600;font-style:italic}


/* Correctif d'interface : langues espacées et suppression du panneau de catégories */
.language-tabs{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap;
    gap:16px !important;
    margin:26px 0 22px !important;
}
.language-tabs .lang-tab{
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-width:112px !important;
    min-height:48px !important;
    margin:0 2px 0 0 !important;
    padding:11px 18px !important;
    white-space:nowrap !important;
    border:1px solid #d9e1ef !important;
    border-radius:12px !important;
    background:#fff !important;
    text-decoration:none !important;
}
.language-tabs .lang-tab.active{
    border:2px solid #315bd6 !important;
    background:#edf2ff !important;
}
.language-tabs .lang-flag,
.language-tabs .lang-code{
    display:inline-block !important;
    line-height:1.2 !important;
}
.library-layout,.category-sidebar{display:none !important}
.library-results{display:block;width:100%;min-width:0;margin-top:20px}
.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.result-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.category-chip{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    max-width:100%;
    padding:7px 12px !important;
    border-radius:9px !important;
    background:color-mix(in srgb,var(--category-color,#64748b) 10%,white) !important;
    overflow-wrap:anywhere;
}
.category-chip .category-dot{
    display:inline-block !important;
    flex:0 0 10px !important;
    width:10px !important;
    height:10px !important;
    border-radius:50% !important;
    background:var(--dot-color,#64748b) !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--dot-color,#64748b) 16%,white) !important;
}
.toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.subtle-link{color:#315bd6;text-decoration:none;font-size:.88rem;font-weight:700;padding:8px 4px}
.subtle-link:hover{text-decoration:underline}
@media(max-width:760px){
    .language-tabs{gap:10px !important}
    .language-tabs .lang-tab{min-width:94px !important;padding:10px 12px !important}
    .results-grid{grid-template-columns:1fr}
    .toolbar-actions{width:100%;gap:8px}
}

/* Compact search action and category picker with category colour dots */
.filters button.search-button{
    width:auto!important;min-width:0!important;height:40px!important;min-height:40px!important;
    padding:0 16px!important;border-radius:8px!important;font-size:.88rem!important;
    line-height:1!important;box-shadow:none!important;flex:0 0 auto!important;
}
.filters button.search-button:hover{transform:none!important;background:#2449b8!important}
.category-select{position:relative;margin-top:6px;width:100%;}
.category-select-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;height:46px!important;min-height:46px!important;padding:0 12px!important;
    border:1px solid #d7deea!important;border-radius:10px!important;background:#fbfcfe!important;
    color:#253450!important;font:inherit!important;font-size:.95rem!important;font-weight:500!important;
    box-shadow:none!important;text-align:left!important;}
.category-select-trigger:hover{background:#fff!important;border-color:#aebbd0!important}
.category-select-current{display:flex;align-items:center;gap:10px;min-width:0;}
.category-select-current span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.category-select-dot{display:inline-block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--choice-color,#94a3b8);}
.category-select-chevron{color:#718096;font-size:1.05rem;margin-left:10px;}
.category-select-menu{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;
    padding:5px;background:#fff;border:1px solid #dce3ef;border-radius:11px;box-shadow:0 12px 30px rgba(15,23,42,.14);}
.category-select-menu[hidden]{display:none!important}
.category-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
    width:100%!important;min-height:38px!important;height:auto!important;padding:8px 10px!important;border:0!important;
    border-radius:7px!important;background:transparent!important;color:#334155!important;font:inherit!important;
    font-size:.92rem!important;font-weight:550!important;text-align:left!important;box-shadow:none!important;}
.category-option:hover,.category-option[aria-selected="true"]{background:#f0f4fb!important;color:#1e3a8a!important;}
@media(max-width:760px){.filters button.search-button{width:auto!important;min-width:100px!important;}}


/* Ajustements définitifs demandés : langues espacées, menu catégories vers le bas,
   bouton Chercher compact. Ces règles remplacent les anciens styles conflictuels. */
.language-tabs{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    column-gap:22px !important;
    row-gap:12px !important;
    margin:26px 0 22px !important;
}
.language-tabs > .lang-tab{
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    width:auto !important;
    min-width:108px !important;
    min-height:46px !important;
    margin:0 4px 0 0 !important;
    padding:9px 17px !important;
    white-space:nowrap !important;
}
.filters button.search-button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 15px !important;
    border-radius:8px !important;
    font-size:13px !important;
    line-height:1 !important;
    box-shadow:none !important;
    transform:none !important;
}
.category-select{
    position:relative !important;
    z-index:2;
    isolation:isolate;
}
.category-select.is-open{z-index:100 !important;}
.category-select-trigger{
    position:relative !important;
    display:flex !important;
    width:100% !important;
    text-align:left !important;
}
.category-select-menu{
    position:absolute !important;
    top:calc(100% + 5px) !important;
    bottom:auto !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
    margin:0 !important;
    z-index:1000 !important;
    max-height:280px !important;
    overflow-y:auto !important;
}
.category-select-menu[hidden]{display:none !important;}
@media(max-width:760px){
    .language-tabs{column-gap:12px !important;}
    .language-tabs > .lang-tab{min-width:88px !important;padding:9px 12px !important;}
    .filters button.search-button{width:auto !important;min-width:0 !important;}
}


/* Administration, sauvegardes et tableaux responsives */
.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.inline-form{display:inline-flex;gap:5px;align-items:center;margin:0}
.link-button{border:0;background:transparent;color:#2563eb;padding:4px 6px;cursor:pointer;font:inherit}
.responsive-table{width:100%;overflow-x:auto}
.responsive-table table{min-width:680px}
.translation-warning{margin:10px 0;padding:7px 10px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px}
.danger-button{background:#b91c1c!important;color:#fff!important}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.secondary{background:#e5e7eb!important;color:#111827!important}
@media(max-width:700px){
 .toolbar{align-items:flex-start;gap:12px;flex-direction:column}
 .toolbar-actions{width:100%}
 .toolbar-actions .button{width:auto}
 .panel{padding:16px}
 .form-actions{align-items:stretch}
 .form-actions form,.form-actions button{width:100%}
}

/* Bouton de copie au survol du texte */
.copyable-text{position:relative;padding-right:76px}
.copy-text-button{position:absolute;top:8px;right:8px;opacity:0;pointer-events:none;border:1px solid var(--border,#d7dce2);background:var(--surface,#fff);color:var(--text,#243044);border-radius:7px;padding:5px 10px;font-size:12px;line-height:1.3;cursor:pointer;transition:opacity .15s ease}
.copyable-text:hover .copy-text-button,.copyable-text:focus-within .copy-text-button{opacity:1;pointer-events:auto}
.copy-text-button.copied{opacity:1;background:#e8f5e9;border-color:#81c784;color:#1b5e20}
@media(hover:none){.copy-text-button{opacity:1;pointer-events:auto;position:static;margin:0 0 8px auto;display:block}.copyable-text{padding-right:0}}


/* Sélecteur indépendant de la langue des diagnostics */
.site{display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.ui-language{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #ffffff45;border-radius:9px;background:#ffffff12}
.ui-language a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 8px;border-radius:6px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}
.ui-language a.active{background:#fff;color:#1e3a63}
@media(max-width:650px){.site{align-items:flex-start;flex-direction:column}.site-right{width:100%;justify-content:space-between;gap:10px}.site nav{flex-wrap:wrap}}

/* Sélecteur de langue de l'interface : drapeaux seuls, espacés et discrets */
.ui-language{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    white-space:nowrap;
}
.ui-language a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:5px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:inherit;
    text-decoration:none;
    font-size:23px;
    line-height:1;
    opacity:.72;
    transition:opacity .15s ease, background .15s ease, transform .15s ease;
}
.ui-language a:hover{
    opacity:1;
    background:#ffffff18;
    transform:translateY(-1px);
}
.ui-language a.active{
    opacity:1;
    background:#ffffff24;
    box-shadow:0 0 0 1px #ffffff55;
}
@media(max-width:650px){
    .ui-language{gap:10px}
    .ui-language a{font-size:22px;padding:5px}
}