core-hn_pseudobsidian-ization/styles.css
Axelle Abbadie ae11138c63 feat: corpus UI, exception-aware scan, rename cascade, export destination
Onglet Corpus
- Organisation par classes (créer, supprimer, déplacer fichiers)
- Détection statut par fichier : règles, version pseudo, export final
- Destination des exports finaux configurable : vault / à côté / dossier externe
- Option miroir de la structure de classes dans les exports
- FolderSuggest : autocomplete dossiers vault dans settings, onboarding et corpus

Exceptions dans la modale de scan
- MappingScanReviewModal : modale de contexte par occurrence (✓/✗/⚠)
- Initialisation des décisions depuis ignoredOccurrences persistées
- Bouton 'Enregistrer les exceptions' séparé d'Appliquer
- IgnoredOccurrence persistée dans mapping.json
- Surlignage rouge positionnel (context-aware, par occurrence précise)
- Exceptions exclues du moteur de remplacement (findSpansForRule)
- Section Exceptions dans l'onglet Mappings
- Clic droit 'Déclarer une exception' sur terme orange

Exports
- Re-export SRT/CHA depuis Markdown pseudonymisé (markdownToSrt, markdownToCha)
- resolveExportPath : mirroring de classes depuis le mapping pour les fichiers pseudonymisés
- writeExport : vault / next-to-source / external
- Onglet Exports : bouton adapté selon dossier exports vs source

Renommage en cascade
- vault.on('rename') : cascade automatique vers mapping, words, exports, audio, source
- renameFileAndRelated : bannière de warning dans le panneau
- Mise à jour pseudobs-source et pseudobs-audio dans le frontmatter
- moveFileToClass : déplacement audio (basename + pseudobs-audio)

Warnings
- Bannière au-dessus des onglets si le nom contient un terme pseudonymisable
- Bouton ✏ (saisie libre) +  (suggestion transcript_N)
- Statuts clarifiés : Actif/Ignoré/Partiel/Suggéré
- getValidatedFor inclut 'partial'

CSS : esbuild copie styles.css en mode dev via plugin onEnd
2026-05-17 12:39:53 +02:00

1328 lines
33 KiB
CSS

/* Pseudonymizer Tool — styles */
/* Candidats NER détectés automatiquement — clic droit pour créer une règle */
.pseudobs-ner-candidate {
background-color: rgba(80, 160, 255, 0.22);
border-radius: 2px;
outline: 1px solid rgba(80, 160, 255, 0.45);
}
/* Occurrences explicitement ignorées — exceptions (sensibles à la casse) */
.pseudobs-exception {
background-color: rgba(220, 50, 50, 0.15);
border-radius: 2px;
outline: 1px solid rgba(220, 50, 50, 0.4);
border-bottom: 2px solid rgba(220, 50, 50, 0.7);
}
/* Termes sources encore présents dans le texte (à pseudonymiser) */
.pseudobs-source {
background-color: rgba(255, 160, 0, 0.22);
border-radius: 2px;
outline: 1px solid rgba(255, 160, 0, 0.4);
}
/* Termes de remplacement déjà appliqués en direct (pseudonymes dans la source) */
.pseudobs-replaced {
background-color: rgba(60, 200, 100, 0.2);
border-radius: 2px;
outline: 1px solid rgba(60, 200, 100, 0.35);
border-bottom: 2px solid rgba(60, 200, 100, 0.9);
}
/* Modal de validation sélective */
.pseudobs-scan-summary { opacity: 0.7; margin-bottom: 0.5em; }
.pseudobs-occ-group { margin: 1em 0; }
.pseudobs-occ-rule-header {
font-weight: 600;
font-size: 0.9em;
padding: 4px 8px;
background: var(--background-secondary);
border-radius: 4px;
margin: 12px 0 6px;
}
/* Input caché pour le sélecteur de fichier natif */
.pseudobs-hidden-input {
position: fixed;
top: -9999px;
left: -9999px;
opacity: 0;
}
/* Légende de la modal de scan */
.pseudobs-legend {
display: flex;
gap: 16px;
font-size: 0.8em;
opacity: 0.65;
margin-bottom: 8px;
flex-wrap: wrap;
}
.pseudobs-legend-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.pseudobs-legend-badge {
border-radius: 3px;
padding: 0 5px;
font-weight: 700;
}
.pseudobs-legend-badge-validate { background: rgba(50, 205, 90, 0.7); }
.pseudobs-legend-badge-ignore { background: rgba(150, 150, 150, 0.7); }
.pseudobs-legend-badge-fp { background: rgba(255, 80, 80, 0.6); }
/* Label de statut (visible quand le résultat est masqué) */
.pseudobs-occ-status-label {
font-size: 0.8em;
font-style: italic;
opacity: 0.55;
margin: 2px 0 4px;
}
/* Suggestions de prénoms (RuleModal, QuickPseudonymizeModal) */
.pseudobs-suggestions-box { margin-bottom: 6px; }
.pseudobs-suggestions-label {
display: block;
opacity: 0.6;
margin-bottom: 4px;
font-size: 0.8em;
}
.pseudobs-suggestions-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 6px;
}
.pseudobs-suggestion-btn {
padding: 2px 10px;
border-radius: 12px;
border: 1px solid var(--background-modifier-border);
cursor: pointer;
font-size: 0.85em;
background: var(--background-secondary);
color: var(--text-normal);
}
.pseudobs-suggestion-btn-selected {
border-color: var(--interactive-accent);
background: var(--interactive-accent);
color: var(--text-on-accent);
font-weight: 600;
}
/* Champ désactivé */
.pseudobs-disabled-input { opacity: 0.6; }
.pseudobs-occ-card {
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
padding: 8px 10px;
margin: 4px 0;
transition: background 0.15s;
}
.pseudobs-occ-validated { border-left: 3px solid rgba(60, 200, 100, 0.7); }
.pseudobs-occ-ignored { border-left: 3px solid rgba(150, 150, 150, 0.5); opacity: 0.6; }
.pseudobs-occ-false_positive { border-left: 3px solid rgba(255, 80, 80, 0.6); opacity: 0.5; }
.pseudobs-occ-line {
font-family: var(--font-monospace);
font-size: 0.85em;
line-height: 1.7;
white-space: pre-wrap;
word-break: break-word;
}
.pseudobs-occ-result-line { opacity: 0.8; }
/* Terme source → jaune */
.pseudobs-occ-term {
background: rgba(255, 210, 0, 0.55);
border-radius: 3px;
padding: 1px 5px;
font-weight: 700;
color: var(--text-normal);
}
/* Remplacement proposé → vert */
.pseudobs-occ-replacement {
background: rgba(50, 205, 90, 0.5);
border-radius: 3px;
padding: 1px 5px;
font-weight: 700;
color: var(--text-normal);
}
.pseudobs-ctx-side { opacity: 0.55; }
.pseudobs-occ-arrow {
font-size: 0.75em;
opacity: 0.35;
line-height: 1.2;
padding-left: 2px;
user-select: none;
}
.pseudobs-occ-meta { display: block; font-size: 0.75em; opacity: 0.45; margin-top: 4px; }
.pseudobs-occ-actions { display: flex; gap: 6px; margin-top: 6px; }
.pseudobs-occ-btn {
padding: 2px 10px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
cursor: pointer;
font-size: 0.85em;
background: var(--background-primary);
}
.pseudobs-occ-btn-active {
background: var(--interactive-accent);
color: var(--text-on-accent);
border-color: var(--interactive-accent);
}
/* ---- Panneau latéral (PseudonymizationView) ---- */
.pseudobs-view {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.pseudobs-view-tabs {
display: flex;
border-bottom: 1px solid var(--background-modifier-border);
padding: 4px 4px 0;
gap: 2px;
flex-shrink: 0;
}
.pseudobs-view-tab {
padding: 4px 10px;
border-radius: 4px 4px 0 0;
border: none;
background: transparent;
cursor: pointer;
font-size: 0.82em;
color: var(--text-muted);
}
.pseudobs-view-tab:hover { color: var(--text-normal); }
.pseudobs-view-tab-active {
color: var(--text-normal);
border-bottom: 2px solid var(--interactive-accent);
font-weight: 600;
}
.pseudobs-view-content {
flex: 1;
overflow-y: auto;
position: relative;
}
.pseudobs-view-pane { padding: 10px 12px; }
.pseudobs-view-toolbar { margin-bottom: 10px; }
.pseudobs-view-add-btn {
padding: 4px 12px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
cursor: pointer;
font-size: 0.85em;
}
.pseudobs-view-add-btn:hover { opacity: 0.85; }
.pseudobs-view-add-btn svg { width: 15px; height: 15px; }
.pseudobs-view-action-btn {
margin-left: 10px;
padding: 4px 12px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.85em;
gap: 6px;
}
.pseudobs-view-action-btn:hover { background: var(--background-secondary-alt); }
.pseudobs-view-results { /* zone de scroll des cartes, héritée du content */ }
.pseudobs-view-count {
font-size: 0.82em;
color: var(--text-muted);
margin-bottom: 4px;
}
.pseudobs-view-hint {
color: var(--text-muted);
font-style: italic;
font-size: 0.88em;
line-height: 1.5;
}
.pseudobs-view-filename {
font-family: var(--font-monospace);
font-size: 0.82em;
color: var(--text-muted);
margin-bottom: 10px;
}
.pseudobs-view-global-btns {
display: flex;
gap: 8px;
margin-bottom: 8px;
}
.pseudobs-view-global-btns button {
padding: 2px 10px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
cursor: pointer;
font-size: 0.82em;
background: var(--background-secondary);
}
.pseudobs-view-apply-btn {
margin-top: 10px;
padding: 5px 16px;
border-radius: 4px;
background: var(--interactive-accent);
color: var(--text-on-accent);
border: none;
cursor: pointer;
font-weight: 600;
font-size: 0.9em;
}
.pseudobs-view-apply-btn:hover { opacity: 0.9; }
/* Table de mappings */
.pseudobs-mappings-table {
width: 100%;
border-collapse: collapse;
font-size: 0.82em;
}
.pseudobs-mappings-table th {
text-align: left;
padding: 4px 6px;
border-bottom: 1px solid var(--background-modifier-border);
font-size: 0.8em;
color: var(--text-muted);
font-weight: 600;
white-space: nowrap;
}
.pseudobs-mappings-table td {
padding: 4px 6px;
border-bottom: 1px solid var(--background-modifier-border-hover);
vertical-align: middle;
}
.pseudobs-mappings-source { color: var(--color-orange); font-family: var(--font-monospace); }
.pseudobs-mappings-replacement { color: var(--color-green); font-family: var(--font-monospace); }
.pseudobs-mappings-edit-btn {
background: none;
border: none;
cursor: pointer;
color: var(--text-muted);
padding: 2px 6px;
border-radius: 3px;
}
.pseudobs-mappings-edit-btn:hover { color: var(--text-normal); background: var(--background-secondary); }
/* ---- Wizard onboarding ---- */
.pseudobs-onboarding { max-width: 680px; }
/* Indicateur d'étapes */
.pseudobs-onboarding-steps {
display: flex;
gap: 0;
margin-bottom: 20px;
border-bottom: 1px solid var(--background-modifier-border);
padding-bottom: 10px;
}
.pseudobs-onboarding-step-dot {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 14px 4px 0;
font-size: 0.82em;
color: var(--text-faint);
position: relative;
}
.pseudobs-onboarding-step-dot::before {
content: '○';
font-size: 1em;
}
.pseudobs-onboarding-step-current { color: var(--text-normal); font-weight: 600; }
.pseudobs-onboarding-step-current::before { content: '●'; color: var(--interactive-accent); }
.pseudobs-onboarding-step-done { color: var(--text-muted); }
.pseudobs-onboarding-step-done::before { content: '✓'; color: var(--color-green); }
/* Corps */
.pseudobs-onboarding-body { margin-bottom: 16px; }
.pseudobs-onboarding-body h2 { margin-top: 0; font-size: 1.2em; }
.pseudobs-onboarding-hint { color: var(--text-muted); font-size: 0.88em; line-height: 1.5; }
/* Cartes NER */
.pseudobs-onboarding-ner-card {
border: 1px solid var(--background-modifier-border);
border-radius: 8px;
padding: 14px 16px;
margin-bottom: 12px;
transition: border-color 0.15s;
}
.pseudobs-onboarding-ner-card-selected {
border-color: var(--interactive-accent);
background: color-mix(in srgb, var(--interactive-accent) 6%, transparent);
}
.pseudobs-onboarding-ner-card-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.pseudobs-onboarding-badge {
font-size: 0.75em;
padding: 2px 8px;
border-radius: 12px;
background: var(--background-secondary);
color: var(--text-muted);
}
.pseudobs-onboarding-code {
display: block;
font-family: var(--font-monospace);
font-size: 0.82em;
background: var(--background-secondary);
padding: 6px 10px;
border-radius: 4px;
margin: 6px 0;
user-select: all;
}
/* Ligne URL + test */
.pseudobs-onboarding-url-row {
display: flex;
align-items: center;
gap: 8px;
margin: 8px 0;
font-size: 0.88em;
}
.pseudobs-onboarding-url-row input {
flex: 1;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-primary);
color: var(--text-normal);
font-family: var(--font-monospace);
font-size: 0.95em;
}
.pseudobs-onboarding-test-btn {
padding: 3px 10px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.85em;
white-space: nowrap;
}
.pseudobs-onboarding-test-status { font-size: 0.85em; }
.pseudobs-onboarding-test-ok { color: var(--color-green); }
.pseudobs-onboarding-test-ok::before { content: '✓ '; }
.pseudobs-onboarding-test-err { color: var(--color-red); }
.pseudobs-onboarding-test-err::before { content: '✗ '; }
/* Boutons de sélection dans les cartes */
.pseudobs-onboarding-select-btn {
margin-top: 8px;
padding: 4px 14px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.85em;
}
.pseudobs-onboarding-select-btn-active {
border-color: var(--interactive-accent);
background: var(--interactive-accent);
color: var(--text-on-accent);
font-weight: 600;
}
.pseudobs-onboarding-select-btn-active::before { content: '✓ '; }
.pseudobs-onboarding-none-btn-active::before { content: '✓ '; }
/* Ligne "Désactivé" */
.pseudobs-onboarding-none-row { margin-top: 4px; }
.pseudobs-onboarding-none-btn {
padding: 4px 14px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: transparent;
cursor: pointer;
font-size: 0.85em;
color: var(--text-muted);
}
.pseudobs-onboarding-none-btn-active { color: var(--text-normal); font-weight: 600; }
/* Import dictionnaires */
.pseudobs-onboarding-import-row {
display: flex;
align-items: center;
gap: 10px;
margin: 12px 0;
}
.pseudobs-onboarding-import-btn {
padding: 5px 14px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.88em;
}
.pseudobs-onboarding-import-btn:hover { background: var(--background-secondary-alt); }
.pseudobs-onboarding-import-btn::before { content: '+ '; }
.pseudobs-onboarding-dict-count { font-size: 0.88em; color: var(--text-muted); margin-bottom: 4px; }
.pseudobs-onboarding-dict-list {
list-style: none;
padding: 0;
margin: 0;
}
.pseudobs-onboarding-dict-list li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 8px;
border-radius: 4px;
font-size: 0.88em;
font-family: var(--font-monospace);
}
.pseudobs-onboarding-dict-list li:hover { background: var(--background-secondary); }
.pseudobs-onboarding-dict-remove {
background: none;
border: none;
cursor: pointer;
color: var(--text-faint);
padding: 0 4px;
font-size: 0.9em;
}
.pseudobs-onboarding-dict-remove:hover { color: var(--color-red); }
/* Résumé */
.pseudobs-onboarding-summary-table { width: 100%; border-collapse: collapse; font-size: 0.9em; }
.pseudobs-onboarding-summary-table td { padding: 6px 10px; border-bottom: 1px solid var(--background-modifier-border-hover); }
.pseudobs-onboarding-summary-label { font-weight: 600; color: var(--text-muted); width: 160px; }
/* Navigation */
.pseudobs-onboarding-nav {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid var(--background-modifier-border);
}
.pseudobs-onboarding-nav-right { display: flex; gap: 8px; align-items: center; }
.pseudobs-onboarding-cancel-btn {
padding: 4px 14px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: transparent;
cursor: pointer;
font-size: 0.88em;
color: var(--text-muted);
}
.pseudobs-onboarding-back-btn::before { content: '← '; }
.pseudobs-onboarding-back-btn {
padding: 4px 14px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.88em;
}
.pseudobs-onboarding-skip-btn {
padding: 4px 14px;
border-radius: 4px;
border: none;
background: transparent;
cursor: pointer;
font-size: 0.88em;
color: var(--text-muted);
}
.pseudobs-onboarding-skip-btn:hover { color: var(--text-normal); }
.pseudobs-onboarding-next-btn {
padding: 5px 18px;
border-radius: 4px;
border: none;
background: var(--interactive-accent);
color: var(--text-on-accent);
cursor: pointer;
font-size: 0.9em;
font-weight: 600;
}
.pseudobs-onboarding-next-btn::after { content: ' →'; }
/* ---- Onglet NER (panneau latéral) ---- */
.pseudobs-ner-section {
margin-bottom: 16px;
}
.pseudobs-ner-section strong { display: block; margin-bottom: 4px; }
.pseudobs-ner-score-row {
display: flex;
align-items: center;
gap: 10px;
margin: 6px 0;
}
.pseudobs-ner-slider { flex: 1; }
.pseudobs-ner-score-display {
font-family: var(--font-monospace);
font-size: 0.9em;
font-weight: 600;
min-width: 3ch;
text-align: right;
}
.pseudobs-ner-fw-textarea {
width: 100%;
font-family: var(--font-monospace);
font-size: 0.82em;
padding: 6px 8px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
background: var(--background-primary);
color: var(--text-normal);
resize: vertical;
margin-bottom: 8px;
}
/* Boutons d'action avec icônes via ::before */
.pseudobs-btn-validate-all::before { content: '✓ '; }
.pseudobs-btn-ignore-all::before { content: '✗ '; }
.pseudobs-btn-saved::before { content: '✓ '; color: var(--color-green); }
.pseudobs-ner-reset-btn { margin-left: 8px; }
/* Le bouton scan groupé a déjà une icône SVG — pas de ::before texte */
/* ---- Onglet Dictionnaires — panneau latéral (mini cards) ---- */
.pseudobs-dict-card {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 8px;
border-radius: 6px;
border: 1px solid var(--background-modifier-border);
margin-bottom: 6px;
transition: border-color 0.15s, background 0.15s;
}
.pseudobs-dict-card:hover {
border-color: var(--background-modifier-border-hover);
background: var(--background-secondary);
}
.pseudobs-dict-card-checkbox {
flex-shrink: 0;
cursor: pointer;
width: 14px;
height: 14px;
accent-color: var(--interactive-accent);
}
.pseudobs-dict-card-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 1px;
overflow: hidden;
}
.pseudobs-dict-card-title {
font-size: 0.85em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.pseudobs-dict-card-filename {
font-family: var(--font-monospace);
font-size: 0.75em;
color: var(--text-faint);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* Bouton scan individuel — icône uniquement, accentué */
.pseudobs-dict-card-scan {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border-radius: 5px;
border: none;
background: var(--interactive-accent);
color: var(--text-on-accent);
cursor: pointer;
transition: opacity 0.15s;
}
.pseudobs-dict-card-scan:hover { opacity: 0.85; }
.pseudobs-dict-card-scan svg { width: 15px; height: 15px; }
/* Bouton suppression — icône uniquement, discret */
.pseudobs-dict-card-remove {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
border-radius: 4px;
border: none;
background: none;
color: var(--text-faint);
cursor: pointer;
}
.pseudobs-dict-card-remove:hover { color: var(--color-red); background: var(--background-secondary-alt); }
.pseudobs-dict-card-remove svg { width: 13px; height: 13px; }
/* Bouton scan groupé */
.pseudobs-dict-group-scan {
display: flex;
align-items: center;
gap: 6px;
padding: 5px 14px;
border-radius: 5px;
border: none;
background: var(--interactive-accent);
color: var(--text-on-accent);
cursor: pointer;
font-size: 0.88em;
font-weight: 600;
margin-top: 2px;
}
.pseudobs-dict-group-scan:hover { opacity: 0.88; }
.pseudobs-dict-group-scan svg { width: 15px; height: 15px; }
/* ---- Wizard — tableau catalogue de dictionnaires ---- */
.pseudobs-onboarding-catalogue-scroll {
max-height: 280px;
overflow-y: auto;
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
margin-bottom: 12px;
}
.pseudobs-onboarding-dict-table {
width: 100%;
border-collapse: collapse;
font-size: 0.85em;
}
.pseudobs-onboarding-dict-table thead {
position: sticky;
top: 0;
z-index: 1;
background: var(--background-secondary);
}
.pseudobs-onboarding-dict-table th {
text-align: left;
padding: 6px 10px;
font-size: 0.8em;
font-weight: 600;
color: var(--text-muted);
border-bottom: 1px solid var(--background-modifier-border);
white-space: nowrap;
}
.pseudobs-onboarding-dict-table td {
padding: 8px 10px;
border-bottom: 1px solid var(--background-modifier-border-hover);
vertical-align: middle;
}
.pseudobs-onboarding-dict-table tbody tr:last-child td { border-bottom: none; }
.pseudobs-onboarding-dict-table tbody tr:hover { background: var(--background-secondary); }
.pseudobs-onboarding-dict-row-installed { background: color-mix(in srgb, var(--color-green) 5%, transparent); }
.pseudobs-onboarding-dict-row-installed:hover { background: color-mix(in srgb, var(--color-green) 8%, transparent); }
.pseudobs-onboarding-dict-name-cell { max-width: 220px; }
.pseudobs-onboarding-dict-name-cell span:first-child { display: block; font-weight: 500; }
.pseudobs-onboarding-dict-roles { color: var(--text-muted); font-size: 0.82em; }
.pseudobs-onboarding-dict-size { color: var(--text-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.pseudobs-onboarding-dict-action { text-align: center; width: 44px; }
/* Bouton icône uniquement (téléchargement) */
.pseudobs-onboarding-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
border-radius: 6px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
color: var(--text-muted);
cursor: pointer;
transition: color 0.15s, background 0.15s;
}
.pseudobs-onboarding-icon-btn:hover { color: var(--text-normal); background: var(--background-secondary-alt); }
.pseudobs-onboarding-icon-btn svg { width: 15px; height: 15px; }
.pseudobs-onboarding-icon-btn-done {
color: var(--color-green);
border-color: color-mix(in srgb, var(--color-green) 40%, transparent);
background: color-mix(in srgb, var(--color-green) 8%, transparent);
}
.pseudobs-onboarding-icon-btn-done:hover { opacity: 0.85; }
/* ---- Modale de révision du scan dictionnaire (cards) ---- */
.pseudobs-modal-review-outer {
width: min(620px, 92vw);
}
.pseudobs-dict-review-modal { width: 100%; }
.pseudobs-dict-review-modal h2 { margin-top: 0; font-size: 1.15em; }
.pseudobs-dict-review-scroll {
max-height: min(520px, 60vh);
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 8px;
margin: 10px 0;
padding-right: 2px;
}
/* Card individuelle */
.pseudobs-dict-review-card {
border: 1px solid var(--background-modifier-border);
border-radius: 8px;
padding: 10px 12px;
transition: border-color 0.12s, opacity 0.12s;
}
.pseudobs-dict-review-card:hover {
border-color: var(--background-modifier-border-hover);
}
.pseudobs-dict-review-card-off { opacity: 0.38; }
.pseudobs-dict-review-card-off .pseudobs-dict-review-term { text-decoration: line-through; }
/* En-tête */
.pseudobs-dict-review-card-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.pseudobs-dict-review-card-term-wrap {
display: flex;
flex-direction: column;
gap: 2px;
}
.pseudobs-dict-review-term {
font-size: 1em;
font-weight: 600;
color: var(--color-orange);
font-family: var(--font-monospace);
}
.pseudobs-dict-review-cat {
font-size: 0.68em;
color: var(--text-faint);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.pseudobs-dict-review-card-meta {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.pseudobs-dict-review-count {
font-size: 0.78em;
color: var(--text-faint);
font-variant-numeric: tabular-nums;
}
.pseudobs-dict-review-cb {
cursor: pointer;
accent-color: var(--interactive-accent);
width: 15px;
height: 15px;
}
/* Contexte */
.pseudobs-dict-review-ctx {
font-size: 0.82em;
line-height: 1.55;
color: var(--text-muted);
background: var(--background-secondary);
border-radius: 5px;
padding: 5px 9px;
margin-bottom: 8px;
font-family: var(--font-monospace);
white-space: pre-wrap;
word-break: break-word;
}
.pseudobs-dict-review-ctx-side { opacity: 0.6; }
.pseudobs-dict-review-ctx-term {
background: rgba(255, 160, 0, 0.28);
border-radius: 3px;
padding: 0 3px;
font-weight: 700;
color: var(--text-normal);
}
/* Ligne remplacement */
.pseudobs-dict-review-rep-row {
display: flex;
align-items: center;
gap: 8px;
}
.pseudobs-dict-review-arrow { color: var(--text-faint); font-size: 0.9em; flex-shrink: 0; }
.pseudobs-dict-review-rep-cell { display: flex; align-items: center; }
/* Préfixe éditable */
.pseudobs-dict-review-prefix {
width: 130px;
padding: 4px 8px;
border-radius: 4px 0 0 4px;
border: 1px solid var(--background-modifier-border);
border-right: none;
background: var(--background-primary);
color: var(--color-green);
font-family: var(--font-monospace);
font-size: 0.88em;
}
.pseudobs-dict-review-prefix:focus {
border-color: var(--interactive-accent);
outline: none;
z-index: 1;
position: relative;
}
.pseudobs-dict-review-prefix:disabled { opacity: 0.35; cursor: not-allowed; }
/* Index calculé — lecture seule */
.pseudobs-dict-review-index {
display: inline-flex;
align-items: center;
padding: 4px 10px 4px 5px;
border: 1px solid var(--background-modifier-border);
border-left: none;
border-radius: 0 4px 4px 0;
background: var(--background-secondary);
color: var(--color-green);
font-family: var(--font-monospace);
font-size: 0.88em;
white-space: nowrap;
min-width: 30px;
opacity: 0.75;
user-select: none;
}
/* Remplacement statique (MappingScanReviewModal) */
.pseudobs-dict-review-rep-static {
color: var(--color-green);
font-family: var(--font-monospace);
font-size: 0.88em;
}
/* Pied de page commun aux deux modales de révision */
.pseudobs-dict-review-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
padding-top: 12px;
border-top: 1px solid var(--background-modifier-border);
margin-top: 4px;
}
.pseudobs-dict-review-footer button {
padding: 5px 16px;
border-radius: 5px;
border: 1px solid var(--background-modifier-border);
background: var(--background-secondary);
cursor: pointer;
font-size: 0.9em;
}
.pseudobs-dict-review-footer .mod-cta {
background: var(--interactive-accent);
color: var(--text-on-accent);
border-color: var(--interactive-accent);
font-weight: 600;
}
.pseudobs-dict-review-footer .mod-cta:disabled,
.pseudobs-dict-review-btn-empty { opacity: 0.5; cursor: not-allowed; }
/* Animation de rotation pendant le téléchargement */
@keyframes pseudobs-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.pseudobs-onboarding-icon-btn-loading { cursor: wait; }
.pseudobs-onboarding-icon-btn-loading svg { animation: pseudobs-spin 0.9s linear infinite; }
.pseudobs-spin svg { animation: pseudobs-spin 0.9s linear infinite; }
/* ---- CorpusModal ---- */
.pseudobs-corpus-class-list {
list-style: none;
padding: 0;
margin: 10px 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.pseudobs-corpus-class-item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border: 1px solid var(--background-modifier-border);
border-radius: 6px;
}
.pseudobs-corpus-class-item:hover { border-color: var(--background-modifier-border-hover); }
.pseudobs-corpus-class-name {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
}
.pseudobs-corpus-class-count {
font-size: 0.78em;
color: var(--text-faint);
}
.pseudobs-corpus-class-mirror {
font-family: var(--font-monospace);
font-size: 0.72em;
color: var(--text-faint);
display: block;
}
.pseudobs-corpus-add-row {
display: flex;
gap: 8px;
margin: 12px 0;
}
.pseudobs-corpus-add-input {
flex: 1;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid var(--background-modifier-border);
background: var(--background-primary);
color: var(--text-normal);
font-size: 0.9em;
}
.pseudobs-corpus-add-input:focus { border-color: var(--interactive-accent); outline: none; }
.pseudobs-corpus-select-item { list-style: none; }
.pseudobs-corpus-select-item-active button {
border-color: var(--interactive-accent);
background: color-mix(in srgb, var(--interactive-accent) 10%, transparent);
font-weight: 600;
}
/* Onglet Mappings — filtre et sous-titres de portée */
.pseudobs-mappings-filter-row {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
font-size: 0.85em;
color: var(--text-muted);
}
.pseudobs-mappings-scope-heading {
font-size: 0.8em;
font-weight: 700;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 12px 0 4px;
padding-bottom: 3px;
border-bottom: 1px solid var(--background-modifier-border);
}
.pseudobs-mappings-scope-heading:first-of-type { margin-top: 0; }
/* Callout portée dans RuleModal / EditRuleModal */
.pseudobs-rule-callout {
margin: 6px 0 12px;
font-size: 0.82em;
}
.pseudobs-rule-callout .callout-content p {
margin: 0;
font-size: 0.95em;
line-height: 1.55;
}
/* ---- Section Exceptions (onglet Mappings) ---- */
.pseudobs-exceptions-grid {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 12px;
}
.pseudobs-exception-card {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 10px;
border-radius: 6px;
border: 1px solid rgba(220, 50, 50, 0.35);
background: rgba(220, 50, 50, 0.06);
position: relative;
}
.pseudobs-exception-card-rule {
font-size: 0.8em;
color: var(--text-muted);
font-style: italic;
}
.pseudobs-exception-card-ctx {
font-size: 0.9em;
}
.pseudobs-exception-card-term {
background: rgba(220, 50, 50, 0.2);
border-radius: 2px;
outline: 1px solid rgba(220, 50, 50, 0.45);
padding: 0 2px;
font-weight: 500;
}
.pseudobs-exception-card-del {
position: absolute;
top: 6px;
right: 6px;
background: none;
border: none;
cursor: pointer;
color: var(--text-muted);
padding: 2px;
border-radius: 3px;
line-height: 1;
}
.pseudobs-exception-card-del:hover {
color: var(--text-error);
background: var(--background-modifier-error-hover);
}
.pseudobs-save-exceptions-btn {
margin-right: auto;
}
/* ---- Bannière avertissement nom de fichier ---- */
.pseudobs-filename-warning {
display: flex;
flex-direction: column;
gap: 5px;
padding: 7px 10px;
background: rgba(255, 160, 0, 0.1);
border-bottom: 1px solid rgba(255, 160, 0, 0.35);
font-size: 0.82em;
}
.pseudobs-fw-top { display: flex; align-items: center; gap: 6px; }
.pseudobs-fw-icon { color: var(--text-warning); flex-shrink: 0; }
.pseudobs-fw-icon svg { width: 13px; height: 13px; }
.pseudobs-fw-msg { color: var(--text-warning); line-height: 1.4; }
.pseudobs-fw-row { display: flex; align-items: center; gap: 6px; }
.pseudobs-fw-action-btn {
display: flex;
align-items: center;
gap: 4px;
background: none;
border: 1px solid rgba(255, 160, 0, 0.4);
border-radius: 4px;
padding: 2px 7px;
font-size: 0.82em;
cursor: pointer;
color: var(--text-warning);
white-space: nowrap;
}
.pseudobs-fw-action-btn svg { width: 12px; height: 12px; }
.pseudobs-fw-action-btn:hover { background: rgba(255, 160, 0, 0.15); }
.pseudobs-fw-wand-btn { font-style: italic; }
/* ---- Onglet Corpus ---- */
.pseudobs-corpus-add-class-btn {
margin-top: 6px;
font-size: 0.82em;
padding: 3px 8px;
border-radius: 4px;
border: 1px solid var(--background-modifier-border);
cursor: pointer;
background: var(--background-secondary);
}
.pseudobs-corpus-add-class-btn:hover { background: var(--background-modifier-hover); }
.pseudobs-corpus-export-section {
background: var(--background-secondary);
border-radius: 6px;
padding: 8px 10px;
margin-bottom: 10px;
}
.pseudobs-corpus-export-heading {
font-size: 0.78em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-muted);
margin-bottom: 6px;
}
.pseudobs-corpus-export-type-row {
display: flex;
flex-direction: column;
gap: 3px;
margin-bottom: 6px;
}
.pseudobs-corpus-export-type-label {
font-size: 0.85em;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.pseudobs-corpus-export-section .setting-item {
border: none;
padding: 4px 0;
}
.pseudobs-corpus-class-header {
display: flex;
align-items: center;
gap: 4px;
margin: 10px 0 3px;
}
.pseudobs-corpus-class-del {
background: none;
border: none;
cursor: pointer;
color: var(--text-faint);
padding: 2px;
border-radius: 3px;
opacity: 0;
transition: opacity 0.15s;
}
.pseudobs-corpus-class-header:hover .pseudobs-corpus-class-del { opacity: 1; }
.pseudobs-corpus-class-del:hover { color: var(--text-error); }
.pseudobs-corpus-move-select {
font-size: 0.75em;
padding: 1px 4px;
border-radius: 3px;
border: 1px solid var(--background-modifier-border);
background: var(--background-primary);
color: var(--text-muted);
cursor: pointer;
flex-shrink: 0;
}
.pseudobs-corpus-class-heading {
font-size: 0.82em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-muted);
margin: 12px 0 4px;
padding: 0 2px;
}
.pseudobs-corpus-file-list {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: 4px;
}
.pseudobs-corpus-file-row {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 6px;
border-radius: 4px;
transition: background 0.1s;
}
.pseudobs-corpus-file-row:hover {
background: var(--background-secondary);
}
.pseudobs-corpus-file-name {
flex: 1;
font-size: 0.88em;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pseudobs-corpus-file-name:hover {
text-decoration: underline;
color: var(--text-accent);
}
.pseudobs-corpus-filename-warn {
color: var(--text-warning);
}
.pseudobs-corpus-fix-btn {
background: none;
border: none;
cursor: pointer;
color: var(--text-warning);
padding: 2px 3px;
border-radius: 3px;
flex-shrink: 0;
opacity: 0.7;
}
.pseudobs-corpus-fix-btn:hover { opacity: 1; background: var(--background-modifier-error-hover); }
.pseudobs-corpus-badges {
display: flex;
gap: 4px;
align-items: center;
flex-shrink: 0;
}
.pseudobs-corpus-badge {
font-size: 0.72em;
padding: 1px 5px;
border-radius: 3px;
font-weight: 500;
display: flex;
align-items: center;
gap: 2px;
white-space: nowrap;
}
.pseudobs-corpus-badge svg { width: 11px; height: 11px; }
.pseudobs-corpus-badge-rules {
background: var(--background-modifier-border);
color: var(--text-muted);
}
.pseudobs-corpus-badge-pseudo {
background: rgba(60, 200, 100, 0.15);
color: rgb(40, 160, 80);
outline: 1px solid rgba(60, 200, 100, 0.35);
}
.pseudobs-corpus-badge-final {
background: rgba(80, 160, 255, 0.15);
color: rgb(60, 130, 230);
outline: 1px solid rgba(80, 160, 255, 0.35);
}
.pseudobs-corpus-badge-none {
color: var(--text-faint);
background: transparent;
}
/* Ligne checkbox caviardage (QuickPseudonymizeModal, RuleModal) */
.pseudobs-redact-row {
display: flex;
align-items: center;
gap: 6px;
margin: 6px 0 10px;
font-size: 0.88em;
color: var(--text-muted);
}