:root{--bg:#faf8f3;--surface:#fff;--surface-2:#f7f3ed;--ink:#172033;--muted:#707784;--line:#e8e2da;--nav:#fffdf9;--purple:#5b3a91;--purple-soft:#f0eafa;--teal:#2d7270;--green:#20744d;--green-soft:#e8f4ed;--orange:#c67a18;--orange-soft:#fbf0df;--blue:#235b8e;--blue-soft:#e8f0f8;--red:#c94b3a;--red-soft:#fbeae7;--shadow:0 8px 28px rgba(34,28,20,.06);--radius:16px}
html[data-theme=dark]{--bg:#0d1320;--surface:#151c2a;--surface-2:#111827;--ink:#edf2f7;--muted:#9ca7b8;--line:#273246;--nav:#0f1725;--shadow:0 12px 30px rgba(0,0,0,.2);--purple-soft:#261e3d;--green-soft:#153326;--orange-soft:#382817;--blue-soft:#172b40;--red-soft:#3a2020}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{transition:background .2s,color .2s}.shell{min-height:100vh;display:flex}.sidebar{width:326px;flex:0 0 326px;background:var(--nav);border-right:1px solid var(--line);padding:20px 20px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;padding:4px 18px 22px}.brand-avatar{width:76px;height:76px;object-fit:contain;margin-left:-10px;border-radius:0}.brand-copy{margin-left:-6px}.brand-copy strong{display:block;font-size:29px;letter-spacing:-1.5px;color:#172033}.brand-copy strong span,.mobile-brand strong span{color:var(--red)}html[data-theme=dark] .brand-copy strong{color:#edf2f7}.brand-copy small{display:block;color:var(--muted);font-size:11px;margin-top:-3px}.nav-main{margin-top:8px}.nav-item{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;padding:12px 13px;border-radius:11px;margin:3px 0;position:relative}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--orange-soft);color:var(--orange);font-weight:650}.nav-item.muted{color:var(--ink)}.nav-icon{width:20px;text-align:center;font-size:17px}.chevron{margin-left:auto;color:var(--muted);font-size:20px}.sidebar-bottom{margin-top:auto}.system-card{display:flex;align-items:flex-start;gap:9px;padding:13px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-top:10px}.system-card strong,.system-card small{display:block}.system-card strong{font-size:12px}.system-card small{color:var(--muted);font-size:11px;margin-top:4px}.system-dot{width:9px;height:9px;border-radius:50%;background:#29a35a;display:inline-block;flex:0 0 auto;margin-top:5px}.main{flex:1;min-width:0;padding:18px 36px 34px}.global-topbar{height:64px;display:flex;background:var(--nav);border:1px solid var(--line);border-radius:15px;padding:7px 12px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:10px}.top-actions{display:flex;align-items:center;gap:10px}.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 9px;color:var(--muted);display:flex;gap:8px;cursor:pointer}.plain-button,.profile,.icon-button{border:0;background:transparent;color:var(--ink);cursor:pointer}.notification{position:relative;font-size:19px}.notification b{position:absolute;right:-1px;top:-5px;background:var(--red);color:white;font-size:9px;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px}.profile-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e8e8e8;color:#687080;font-weight:700}.profile small,.profile strong{display:block;text-align:left}.profile small{color:var(--muted);font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:16px 0 28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--teal);font-weight:750;margin:0 0 5px}.page-heading h1{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:0}.sub{color:var(--muted);margin:6px 0 0}.primary,.button{border:1px solid transparent;background:var(--purple);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;display:inline-flex;gap:9px;align-items:center;font-weight:650;cursor:pointer;white-space:nowrap}.button{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.small{padding:7px 11px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;display:flex;gap:13px;align-items:flex-start}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:19px;flex:0 0 auto}.stat-card.purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-card.green .stat-icon{background:var(--green-soft);color:var(--green)}.stat-card.orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.stat-card.blue .stat-icon{background:var(--blue-soft);color:var(--blue)}.stat-card.red .stat-icon{background:var(--red-soft);color:var(--red)}.stat-card small,.stat-card em{display:block;color:var(--muted);font-style:normal}.stat-card strong{display:block;font-size:29px;line-height:1.1;margin:3px 0}.stat-card em{font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px;min-width:0}.panel h2{font-size:16px;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head p{margin:4px 0 0;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:9px;border-bottom:1px solid var(--line)}td{padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td a{color:inherit;text-decoration:none}.row-icon{color:var(--purple);margin-right:8px}.muted-text{font-size:12px;color:var(--muted)}.status{font-size:11px;padding:4px 8px;border-radius:999px}.status.ok{background:var(--green-soft);color:var(--green)}.status.warn{background:var(--orange-soft);color:var(--orange)}.arrow-link{color:var(--purple)!important;font-size:18px}.task-placeholder{border:1px dashed var(--line);border-radius:12px;padding:19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.task-placeholder strong{font-size:25px;display:block}.task-placeholder span{color:var(--muted);font-size:12px}.task-placeholder a{color:var(--purple);text-decoration:none;font-weight:650;font-size:12px}.task-mini{display:flex;gap:10px;align-items:center;padding-top:15px}.task-mini>span{width:32px;height:6px;background:var(--line);border-radius:9px;overflow:hidden}.task-mini i{display:block;width:70%;height:100%;background:var(--purple);border-radius:9px}.task-mini strong,.task-mini small{display:block}.task-mini small{color:var(--muted);font-size:11px}.task-mini b{margin-left:auto;font-size:11px;color:var(--green)}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.quick{border:1px solid var(--line);border-radius:15px;padding:18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:175px;transition:transform .15s,box-shadow .15s}.quick:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick>span{font-size:29px;margin-bottom:10px}.quick strong{font-size:15px}.quick small{color:var(--muted);margin:6px 0 14px;line-height:1.45}.quick b{margin-top:auto;font-size:12px}.quick.purple{background:var(--purple-soft);color:var(--purple)}.quick.green{background:var(--green-soft);color:var(--green)}.quick.orange{background:var(--orange-soft);color:var(--orange)}.quick.blue{background:var(--blue-soft);color:var(--blue)}.quick.red{background:var(--red-soft);color:var(--red)}.engine-note{display:flex;gap:8px;align-items:center;margin-top:18px;padding:11px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.engine-note strong{color:var(--ink)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.toolbar input{width:340px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);outline:none}.table-wrap{overflow:auto}.empty{text-align:center;color:var(--muted);padding:35px}.mobile-header,.mobile-nav{display:none}
@media(max-width:1250px){.sidebar{width:260px;flex-basis:260px}.brand-avatar{width:72px;height:72px}.brand-copy strong{font-size:25px}.stats-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sidebar{width:78px;flex-basis:78px;padding:15px 10px}.brand{padding:4px 0 20px;justify-content:center}.brand-avatar{width:58px;height:58px;margin:0}.brand-copy,.nav-item span:not(.nav-icon),.chevron,.system-card{display:none}.nav-item{justify-content:center;padding:12px}.main{padding:15px 22px}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.task-subject{gap:5px 10px;padding:9px 11px}.task-subject strong{width:100%}.task-meta{gap:12px}.task-meta #progress{margin-left:3px}.sidebar,.global-topbar{display:none}.main{padding:0 14px 85px}.mobile-header{display:flex;position:sticky;top:0;z-index:5;height:58px;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.icon-button{font-size:20px}.mobile-brand{display:flex;align-items:center;gap:4px;font-size:20px}.mobile-brand img{width:34px;height:34px;object-fit:contain;border-radius:0}.mobile-brand strong span{color:var(--red)}.page-heading{display:block;margin:14px 0 20px}.page-heading form{margin-top:15px}.page-heading .primary{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{padding:12px;gap:8px}.stat-icon{width:30px;height:30px;font-size:15px}.stat-card strong{font-size:23px}.stat-card em{font-size:9px}.dashboard-grid{gap:0}.panel{padding:13px;border-radius:13px}.recent-panel table th:nth-child(2),.recent-panel table td:nth-child(2){display:none}.task-list{min-height:180px}.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.quick{min-height:155px;padding:14px}.quick>span{font-size:24px}.quick strong{font-size:13px}.quick small{font-size:11px}.engine-note{display:block;text-align:center}.engine-note span{display:block;margin-top:4px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:67px;background:var(--surface);border-top:1px solid var(--line);z-index:20;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{color:var(--muted);text-decoration:none;text-align:center;font-size:18px;min-width:52px}.mobile-nav a span,.mobile-nav a small{display:block}.mobile-nav small{font-size:9px}.mobile-nav a.active{color:var(--purple)}.mobile-create{width:42px;height:42px;border-radius:50%;background:var(--purple);color:white!important;display:grid!important;place-items:center;font-size:26px!important;box-shadow:0 5px 18px rgba(91,58,145,.28)}.toolbar{display:block}.toolbar input{width:100%;margin-bottom:10px}th,td{padding:9px 6px;font-size:11px}}
/* v0.8 — navigation and responsive corrections */
.nav-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--muted);padding:16px 13px 5px}.brand,.top-brand,.mobile-brand{color:inherit;text-decoration:none}.top-brand{display:flex;align-items:center;gap:5px;font-size:22px;min-width:0}.top-brand img{width:43px;height:43px;object-fit:contain}.top-brand strong span{color:var(--red)}.global-topbar{position:sticky;top:10px;z-index:25;margin-top:0;overflow:hidden}.top-caption{color:var(--muted);font-size:11px}.main{overflow:hidden}.quick-grid .quick:first-child{display:none}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick.add{background:var(--green-soft);color:var(--green)}.quick.synth{background:var(--purple-soft);color:var(--purple)}.quick.note{background:var(--orange-soft);color:var(--orange)}.quick.pocket{background:var(--blue-soft);color:var(--blue)}.quick.para{background:var(--red-soft);color:var(--red)}
.coverage-ok{color:var(--green);font-weight:700}.coverage-warn{color:var(--orange);font-weight:700}.coverage-none{color:var(--muted)}.coverage-detail{display:block;font-size:10px;color:var(--muted);margin-top:2px}.score-big{font-size:34px;font-weight:800}.note-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.note-field label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.note-field input{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink)}.hint{color:var(--muted);font-size:12px}.empty-state{padding:28px;text-align:center;color:var(--muted)}.action-row{display:flex;gap:10px;flex-wrap:wrap}.section-title{margin:0 0 5px}.mobile-nav a{text-decoration:none}.task-table .status{white-space:nowrap}
@media(max-width:1250px){.sidebar{width:285px;flex-basis:285px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-caption{display:none}}
@media(max-width:900px){.sidebar{width:78px;flex-basis:78px}.nav-label{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-brand{font-size:20px}.top-brand img{width:38px;height:38px}}
@media(max-width:650px){.global-topbar{display:none}.mobile-header{display:flex;position:sticky;top:0;z-index:30;height:64px;align-items:center;justify-content:space-between;background:var(--nav);border-bottom:1px solid var(--line);margin:0 -14px;padding:0 14px;padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top));box-shadow:0 3px 14px rgba(0,0,0,.06)}.mobile-brand{font-size:21px}.mobile-brand img{width:39px;height:39px}.main{padding-top:0}.quick-grid{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto}.library-table th:nth-child(2),.library-table td:nth-child(2){display:none}.top-actions{gap:4px}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:26px}.mobile-nav{height:70px}.mobile-nav a{min-width:48px}}

/* v0.9 — hierarchy, spacing and intuitive navigation */
:root{--font-base:14px;--font-heading:29px;--font-panel:16px;--font-table:13px;--blue-create:#2f8fa3}
html,body{font-size:var(--font-base)}
.brand-copy strong span,.top-brand strong span,.mobile-brand strong span{color:var(--purple)}
.global-topbar{position:sticky;top:10px;z-index:25;min-width:0;overflow:hidden}
.top-brand{flex:0 0 auto}.top-actions{flex:0 0 auto}.top-caption{white-space:nowrap}
.page-heading h1{font-size:var(--font-heading)}
.panel h2{font-size:var(--font-panel);line-height:1.25}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat-card{min-height:112px;padding:17px}
.stat-card strong{font-size:27px}
.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.quick{min-height:158px;padding:17px}
.quick strong{font-size:14px}.quick small{font-size:12px}
.quick.pocket{background:var(--blue-soft);color:var(--blue-create)}
.quick.synth{background:var(--purple-soft);color:var(--purple)}
.quick.note{background:var(--orange-soft);color:var(--orange)}
.quick.para{background:var(--purple-soft);color:var(--purple)}
.corpus-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:18px}
.corpus-action p{margin:4px 0 0;color:var(--muted);font-size:12px}
.corpus-action .primary{background:var(--purple)}
.ranking-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.ranking-panel{padding:14px 16px}.ranking-panel .panel-head{margin-bottom:10px}
.ranking-table{font-size:var(--font-table)}
.ranking-table th{font-size:9px;padding:8px 7px}.ranking-table td{padding:8px 7px}
.ranking-row{cursor:pointer}.ranking-row:hover{background:var(--surface-2)}
.ranking-title{display:block}.ranking-title strong{font-size:13px}.score-compact{font-size:17px}.ranking-table .muted-text{font-size:10px}
.ranking-row.incomplete{opacity:.78}.ranking-row.incomplete .score-compact{color:var(--muted)}
.mobile-nav .mobile-create{background:var(--blue-create);box-shadow:0 5px 18px rgba(47,143,163,.28);width:44px;height:44px;border-radius:50%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;color:white!important;font-size:23px!important;line-height:1}
.mobile-nav .mobile-create small{font-size:8px;color:white;margin-top:-1px}
.mobile-nav a.active{color:var(--purple)}
.mobile-nav .mobile-create.active{color:white!important}
@media(max-width:1250px){.stats-grid,.ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-caption{display:none}}
@media(max-width:900px){.stats-grid,.ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.corpus-action{align-items:flex-start;flex-direction:column}.corpus-action .primary{width:100%;justify-content:center}}
@media(max-width:650px){.mobile-header{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.mobile-brand strong{font-size:20px}.mobile-brand img{width:37px;height:37px}.page-heading h1{font-size:25px}.page-heading{margin-bottom:18px}.stats-grid,.ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:96px;padding:12px}.stat-card strong{font-size:22px}.stat-card small{font-size:11px}.stat-card em{font-size:9px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick{min-height:145px;padding:13px}.quick>span{font-size:23px}.quick strong{font-size:13px}.quick small{font-size:10.5px}.corpus-action{padding:14px;margin-bottom:12px}.corpus-action h2{font-size:15px}.ranking-panel{padding:9px}.ranking-table{min-width:650px}.ranking-table td{padding:8px 6px}.ranking-table th{padding:7px 6px}.ranking-title strong{font-size:12px}.score-compact{font-size:16px}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr 1fr}.quick{min-height:140px}.quick small{line-height:1.35}.mobile-nav{height:70px}}

/* v1.0 — cohérence visuelle et navigation mobile */
.quick.para{background:var(--blue-soft);color:var(--blue-create)}
.quick.pocket{background:var(--blue-soft);color:var(--blue-create)}
.ranking-panel .ranking-table{font-size:13px}
.ranking-table td{padding:7px 7px}
.ranking-title strong{font-size:12.5px}
.ranking-table .score-compact{font-size:15px}
.mobile-nav .mobile-create small{display:none}
.mobile-nav .mobile-create{width:44px;height:44px}
@media(max-width:650px){
  .quick-grid{grid-template-columns:1fr 1fr;gap:10px}
  .quick{min-height:132px;padding:13px}
  .quick>span{font-size:22px;margin-bottom:7px}
  .quick strong{font-size:12.5px}
  .quick small{font-size:10.5px;margin:4px 0 10px}
  .mobile-nav a{min-width:54px}
}


/* v1.1 — barre mobile sans doublon + accueil en 3 tuiles */
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.quick.synth{background:var(--purple-soft);color:var(--purple)}
.quick.note{background:var(--orange-soft);color:var(--orange)}
.quick.para{background:var(--blue-soft);color:var(--blue-create)}
.mobile-nav .mobile-create small{display:none}
@media(max-width:900px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:650px){.quick-grid{grid-template-columns:1fr;gap:9px}.quick{min-height:108px;padding:13px}.quick small{font-size:11px}.quick b{font-size:11px}}
@media(max-width:430px){.quick-grid{grid-template-columns:1fr}.quick{min-height:108px}}

/* v1.3 — multi-évaluateurs */
.rating-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.rating-form input{height:34px;border:1px solid var(--border);border-radius:9px;padding:6px 8px;background:var(--surface);color:var(--text)}.ratings-list{display:flex;flex-direction:column;gap:6px}.rating-chip{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.rating-chip span{color:var(--muted);font-size:12px}.rating-chip b{margin-left:auto}.icon-button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.subrow td{background:var(--surface-2)}
@media(max-width:700px){.rating-form{gap:5px}.rating-form input[name=evaluator]{width:130px!important}.rating-chip{flex-wrap:wrap}.rating-chip b{margin-left:0}}

/* MotMot V2 — parité fonctionnelle */
.version-stack{display:flex;flex-direction:column;gap:10px}.version-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--surface-2)}.version-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.doc-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.doc-link{display:flex;flex-direction:column;gap:3px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-decoration:none}.doc-link:hover{border-color:var(--purple)}.doc-link small{color:var(--muted);font-size:10px}.doc-link.disabled{opacity:.45;pointer-events:none}.version-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11px}.document-content{margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:15px;max-height:70vh;overflow:auto}.editor{width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-button{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.tool-button small{color:var(--muted)}.tool-button.purple{border-color:color-mix(in srgb,var(--purple) 35%,var(--line))}.tool-button.blue{border-color:color-mix(in srgb,var(--blue-create) 35%,var(--line))}.tool-button.orange{border-color:color-mix(in srgb,var(--orange) 35%,var(--line))}.dictionary-list{display:flex;flex-wrap:wrap;gap:6px}.dictionary-word{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:12px}.missing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.missing-card{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}.missing-card small{color:var(--muted);line-height:1.4}.tool-overview-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:15px;display:flex;gap:12px}.tool-overview-card h2{margin:0;font-size:15px}.tool-overview-card p{color:var(--muted);font-size:12px;margin:4px 0 10px}.tool-mark{color:var(--purple);font-size:20px}
.task-subject{margin-top:12px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;max-width:760px}.task-subject strong{font-size:14px}.task-subject span{font-size:11px;color:var(--muted)}.task-meta{display:flex;align-items:center;gap:18px;margin-top:7px}.task-meta #progress{white-space:nowrap;margin-left:4px}
.task-report{margin-top:15px;border:1px solid var(--line);border-radius:11px;padding:9px;background:var(--surface-2)}.task-report summary{cursor:pointer;font-weight:650}.task-report pre{white-space:pre-wrap;max-height:420px;overflow:auto;font:11px/1.5 ui-monospace,monospace}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.tool-grid{grid-template-columns:1fr}.doc-actions{grid-template-columns:repeat(2,1fr)}.missing-grid{grid-template-columns:1fr}.document-content{max-height:65vh;font-size:11px}}

/* MotMot V2 — palette sémantique */
:root{--create:#3BC6E0;--create-soft:#E5F8FC;--fond:#6BA6FF;--fond-soft:#EAF2FF;--analysis:#A16BFF;--analysis-soft:#F1EAFF}
html[data-theme=dark]{--create-soft:#15343a;--fond-soft:#252c45;--analysis-soft:#2a2240}
.brand-letter-m{color:var(--create)!important}.brand-letter-o{color:var(--fond)!important}.brand-letter-t{color:var(--analysis)!important}
.stat-card.fond,.quick.note{background:var(--fond-soft);color:var(--fond)}
.stat-card.purple,.quick.synth{background:var(--analysis-soft);color:var(--analysis)}
.quick.pocket,.quick.para{background:var(--create-soft);color:var(--create)}
.primary,.corpus-action .primary{background:var(--analysis)}
.mobile-nav .mobile-create{background:var(--create);box-shadow:0 5px 18px rgba(59,198,224,.28)}

/* DA MotMot V2 — couleurs des phonèmes : distinctes des trois piliers */
:root{
 --ph-coral:#FF5F5F;--ph-orange:#FF9B3D;--ph-yellow:#F6D55C;
 --ph-green:#59C77A;--ph-teal:#34C9B5;--ph-pink:#FF6FAE;
 --ph-magenta:#D96BEF;--ph-sky:#56C8F2;--ph-indigo:#7A78F2;
}

/* =========================================================
   MotMot V2 — DA validée / Dashboard final
   ========================================================= */
:root{
 --create:#3BC6E0; --fond:#6BA6FF; --analysis:#A16BFF;
 --create-soft:#123640; --fond-soft:#172b4a; --analysis-soft:#2b2045;
 --neutral:#F4F6FA;
 --bg:#07101b; --surface:#0b1622; --surface-2:#0e1b29;
 --nav:#09131f; --ink:#F4F6FA; --muted:#8D9AAC; --line:#1D2B3A;
 --green:#22C55E; --green-soft:#103622;
 --orange:#F59E0B; --orange-soft:#3d2a0c;
 --red:#EF4444; --red-soft:#3a1719;
 --blue:#3BC6E0; --blue-soft:#123640;
 --purple:#A16BFF; --purple-soft:#2b2045;
 --shadow:0 14px 34px rgba(0,0,0,.24);
 --radius:12px;
}
html[data-theme=light]{
 --bg:#f3f6fa;--surface:#ffffff;--surface-2:#f7f9fc;--nav:#ffffff;
 --ink:#152033;--muted:#687487;--line:#dfe5ec;
 --create-soft:#e5f8fc;--fond-soft:#eaf2ff;--analysis-soft:#f1eaff;
 --green-soft:#e7f8ee;--orange-soft:#fff3d8;--red-soft:#fdeaea;
}
html,body{background:var(--bg);color:var(--ink)}
body{font-size:13px}
.shell{min-height:100vh}
.sidebar{width:218px;flex-basis:218px;padding:14px 12px 12px;background:var(--nav);border-right:1px solid var(--line)}
.brand{padding:6px 8px 20px;gap:7px}
.brand-avatar{width:48px;height:48px;margin:0;border-radius:10px;object-fit:cover}
.brand-copy{margin:0}
.brand-copy strong{font-size:22px;letter-spacing:-1px;color:var(--ink)}
.brand-copy small{font-size:10px}
.brand-letter-m{color:var(--create)!important}.brand-letter-o{color:var(--fond)!important}.brand-letter-t{color:var(--analysis)!important}
.nav-main{margin-top:2px}.nav-label{font-size:8px;padding:13px 10px 4px}
.nav-item{gap:10px;padding:9px 10px;margin:2px 0;border-radius:9px;font-size:12px}
.nav-item.active{background:var(--analysis-soft);color:var(--analysis)}
.nav-icon{font-size:15px;width:18px}
.sidebar-bottom{margin-top:auto}.system-card{padding:10px;border-radius:10px}
.system-card strong{font-size:10px}.system-card small{font-size:9px}

.main{padding:10px 18px 30px}
.global-topbar{
 height:58px;margin-bottom:16px;padding:6px 12px;border-radius:10px;
 background:var(--surface);border-color:var(--line);box-shadow:none;
 position:sticky;top:8px
}
.top-brand{font-size:19px;gap:5px}.top-brand img{width:32px;height:32px;border-radius:7px;object-fit:cover}
.top-brand strong span:first-child{color:var(--ink)!important}.top-brand strong span:last-child{color:var(--analysis)!important}
.global-search{
 flex:1;max-width:470px;margin:0 22px;padding:8px 12px;border:1px solid var(--line);
 border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:12px
}
.top-actions{gap:5px}.top-icon{width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:17px;cursor:pointer}
.top-icon:hover{background:var(--surface-2);color:var(--ink)}
.profile{gap:8px;padding:2px 7px}.profile-avatar{width:30px;height:30px;background:var(--analysis);color:#fff}
.profile strong{font-size:11px}.profile small{font-size:9px}

.page-heading{margin:8px 0 18px}.eyebrow{color:var(--create);font-size:9px}.page-heading h1{font-size:26px}.sub{font-size:12px}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.stat-card{border-radius:10px;padding:12px;background:var(--surface);box-shadow:none;gap:10px}
.stat-icon{width:30px;height:30px;border-radius:8px;font-size:16px}
.stat-card strong{font-size:24px}.stat-card small{font-size:10px}.stat-card em{font-size:9px}
.stat-card.cyan .stat-icon{background:var(--create-soft);color:var(--create)}
.stat-card.blue .stat-icon{background:var(--fond-soft);color:var(--fond)}
.stat-card.purple .stat-icon{background:var(--analysis-soft);color:var(--analysis)}
.stat-card.green .stat-icon{background:var(--green-soft);color:var(--green)}

.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}
.dashboard-center,.dashboard-side{min-width:0}
.panel{border-radius:10px;padding:13px;margin-bottom:12px;background:var(--surface);box-shadow:none;border-color:var(--line)}
.panel h2{font-size:13px}.panel-head{margin-bottom:10px}.panel-head p{font-size:10px}
.quick-analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.analysis-tile{display:flex;align-items:flex-start;gap:9px;padding:11px;border-radius:9px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--surface-2);min-height:74px}
.analysis-tile>span{font-size:20px;line-height:1;color:var(--create)}
.analysis-tile strong,.analysis-tile small{display:block}.analysis-tile strong{font-size:11px}.analysis-tile small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.3}
.analysis-tile.purple>span,.analysis-tile.violet>span{color:var(--analysis)}
.analysis-tile.green>span{color:var(--green)}
.analysis-tile.blue>span{color:var(--create)}

.dashboard-side .panel{padding:12px}
.notation-preview{min-height:230px}
.score-ring{width:112px;height:112px;border-radius:50%;margin:8px auto 10px;display:grid;place-items:center;background:conic-gradient(var(--create) 0 24%,var(--fond) 24% 48%,var(--analysis) 48% 70%,var(--orange) 70% 80%,#273444 80% 100%);position:relative}
.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface)}
.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong{display:block;font-size:27px}.score-ring small{display:block;font-size:8px;color:var(--muted)}
.notation-legend{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:9px}.notation-legend span{display:flex;align-items:center;gap:5px}.notation-legend b{font-weight:500;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.blue{background:var(--fond)}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.purple,.dot.violet{background:var(--analysis)}
.arrow-link{display:inline-block;margin-top:10px;color:var(--create)!important;text-decoration:none;font-size:10px}
.activity-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.activity-row:last-of-type{border-bottom:0}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:9px}.activity-row small{font-size:8px;color:var(--muted)}.activity-row em{margin-left:auto;font-size:8px;color:var(--muted);font-style:normal}
.activity-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px}.activity-icon.ok{background:var(--green);color:white}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.status-grid>div{display:flex;flex-direction:column;align-items:center;gap:3px}.state{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700}.state.ok{color:var(--green);border:2px solid var(--green)}.state.warn{color:var(--orange);border:2px solid var(--orange)}.state.error{color:var(--red);border:2px solid var(--red)}.state.pending{color:var(--muted);border:2px solid var(--muted)}.status-grid small{font-size:8px;color:var(--muted)}

.recent-panel table{font-size:10px}.recent-panel th{font-size:8px;padding:7px}.recent-panel td{padding:8px 7px}.status.ok{background:var(--green);color:white;padding:3px 7px}.status.warn{background:var(--orange);color:#111;padding:3px 7px}
.corpus-action{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.corpus-action h2{font-size:13px}.corpus-action p{font-size:10px;color:var(--muted);margin:3px 0}.primary{background:var(--analysis);padding:9px 13px;font-size:11px}.button{padding:8px 11px;font-size:10px}.button.small{padding:6px 9px;font-size:9px}

.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid .quick:first-child{display:flex}
.quick{min-height:120px;padding:13px;border-radius:10px}.quick strong{font-size:11px}.quick small{font-size:9px}.quick>span{font-size:21px}.quick.synth{background:var(--analysis-soft);color:var(--analysis)}.quick.note{background:var(--fond-soft);color:var(--fond)}.quick.para{background:var(--create-soft);color:var(--create)}

@media(max-width:1100px){
 .sidebar{width:190px;flex-basis:190px}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-side .panel{margin-bottom:0}
}
@media(max-width:800px){
 .sidebar,.global-topbar{display:none}.main{padding:0 12px 82px}.mobile-header{display:flex;position:sticky;top:0;z-index:25;height:55px;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}
 .mobile-brand img{width:34px;height:34px;border-radius:7px}.mobile-brand strong{font-size:19px}.mobile-brand strong span:first-child{color:var(--ink)!important}.mobile-brand strong span:last-child{color:var(--analysis)!important}
 .page-heading h1{font-size:23px}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-analysis-grid{grid-template-columns:repeat(2,1fr)}
 .dashboard-side{display:block}.dashboard-side .panel{margin-bottom:12px}.corpus-action{display:block}.corpus-action .primary{margin-top:10px;width:100%;justify-content:center}
 .mobile-nav{height:64px}.mobile-create{background:var(--create)!important}
}

/* V2 correction — validated artwork, not a CSS wordmark */
.brand-copy{margin-left:0}
.brand-wordmark{display:block;width:105px;height:auto;max-height:42px;object-fit:contain;object-position:left center}
.brand-copy small{display:block;margin-top:0}
.brand-avatar{width:45px;height:45px;object-fit:cover;border-radius:8px}
.top-brand{display:block;width:132px;height:42px;flex:0 0 132px}
.top-brand img{display:block;width:132px;height:44px;object-fit:contain;object-position:left center;border-radius:0}
.mobile-brand{display:block;width:126px;height:43px}
.mobile-brand img{display:block;width:126px;height:43px;object-fit:contain;object-position:left center;border-radius:0}
.nav-item.nav-neutral.active{background:var(--surface-2);color:var(--ink);font-weight:650}
.nav-item.nav-create.active{background:var(--create-soft);color:var(--create)}
.nav-item.nav-fond.active{background:var(--fond-soft);color:var(--fond)}
.nav-item.nav-analysis.active{background:var(--analysis-soft);color:var(--analysis)}

/* =========================================================
   MotMot V2 FINAL — approved artwork assets + Doc1D UI
   ========================================================= */
.brand{align-items:center}.brand-avatar{width:43px;height:45px;object-fit:contain;border-radius:7px;background:transparent}
.brand-wordmark{display:block;width:102px;height:38px;object-fit:contain;object-position:center}
.top-brand{width:132px;height:44px;display:flex;align-items:center}.top-brand img{width:132px;height:44px;object-fit:contain;border-radius:0}
.mobile-brand{width:128px;height:46px;display:flex;align-items:center}.mobile-brand img{width:128px;height:46px;object-fit:contain;border-radius:0}
.dictionary-editor .dictionary-form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;align-items:end}
.dictionary-form .note-field{margin:0}.dictionary-form label{font-size:10px}.dictionary-form input{height:38px}
.current-entry{display:flex;align-items:center;gap:14px;margin-top:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}
.dictionary-word-large{font-size:18px;font-weight:700;color:var(--create)}.current-entry strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fond)}.current-entry span:last-child{font-size:9px;color:var(--muted);margin-left:auto}
.dictionary-table-wrap{overflow:auto}.dictionary-table{width:100%;border-collapse:collapse;font-size:10px}
.dictionary-table th{text-align:left;color:var(--muted);font-size:8px;font-weight:600;padding:8px;border-bottom:1px solid var(--line)}
.dictionary-table td{padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.dictionary-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--fond)}
.dictionary-table tr.needs-transcription{background:color-mix(in srgb,var(--orange-soft) 45%,transparent)}
.dictionary-table tr:hover{background:var(--surface-2)}
.missing-edit{display:flex;flex-direction:column;gap:4px}.missing-edit span{color:var(--create);font-size:9px;margin-top:2px}
.inline-link{color:var(--create);text-decoration:none}
.alert{padding:9px 11px;border-radius:8px;margin-bottom:10px;font-size:10px}.alert.error{background:var(--red-soft);color:#ffb4b4;border:1px solid #6b262b}
.transcription-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.transcription-tool{display:flex;align-items:center;gap:13px;min-height:78px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s,background .15s}.transcription-tool:hover{transform:translateY(-1px);background:var(--surface-2);border-color:var(--create)}.transcription-tool-primary{border-color:color-mix(in srgb,var(--blue-create) 40%,var(--line))}.transcription-tool-dictionary{border-color:color-mix(in srgb,var(--create) 45%,var(--line))}.transcription-tool .tool-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);font-size:19px;flex:0 0 34px}.transcription-tool b{display:block;font-size:14px}.transcription-tool small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.transcription-tool .tool-arrow{margin-left:auto;color:var(--muted);font-size:18px}.transcription-tool:hover .tool-arrow{color:var(--ink)}
@media(max-width:800px){
 .transcription-tools{grid-template-columns:1fr}
 .dictionary-editor .dictionary-form{grid-template-columns:1fr}
 .dictionary-form .primary{width:100%;justify-content:center}
 .current-entry{flex-wrap:wrap}.current-entry span:last-child{margin-left:0;width:100%}
 .dictionary-table{font-size:9px}
}

/* =========================================================
   FINAL LOGO FIX — approved artwork, transparent, no crop
   Momo is on the left and the approved MotMot wordmark on the right.
   ========================================================= */
.brand{display:flex;align-items:center;gap:6px}
.brand-avatar{display:block;width:48px;height:48px;object-fit:contain;border-radius:0;background:transparent}
.brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.brand-wordmark{display:block;width:105px;height:40px;object-fit:contain;object-position:left center}
.brand-copy small{margin-top:-1px}
.top-brand{display:flex;align-items:center;gap:4px;width:170px;height:46px;flex:0 0 170px}
.top-momo{display:block;width:48px;height:44px;object-fit:contain}
.top-wordmark{display:block;width:112px;height:40px;object-fit:contain;object-position:left center}
.mobile-brand{display:flex;align-items:center;gap:4px;width:145px;height:46px}
.mobile-momo{width:42px;height:42px;object-fit:contain}
.mobile-wordmark{width:96px;height:38px;object-fit:contain;object-position:left center}

/* =========================================================
   FINAL COHERENCE — desktop/mobile branding
   Sidebar = Momo only
   Header/search = MotMot + wave only
   App icon = complete Momo + MotMot artwork
   ========================================================= */
.sidebar .brand.mascot-only{
  width:100%;
  min-height:92px;
  padding:5px 0 14px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sidebar .brand.mascot-only .brand-avatar{
  width:92px;
  height:92px;
  object-fit:contain;
  border-radius:0;
}
.top-brand.wordmark-only{
  width:180px;
  height:48px;
  flex:0 0 180px;
  display:flex;
  align-items:center;
}
.top-brand.wordmark-only .top-wordmark{
  width:180px;
  height:48px;
  object-fit:contain;
  object-position:left center;
}
.mobile-brand.wordmark-only{
  width:142px;
  height:42px;
  display:flex;
  align-items:center;
}
.mobile-brand.wordmark-only .mobile-wordmark{
  width:142px;
  height:42px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:800px){
  .mobile-header{
    height:58px;
    padding:0 10px;
  }
  .mobile-brand.wordmark-only{
    width:145px;
    height:44px;
  }
  .mobile-brand.wordmark-only .mobile-wordmark{
    width:145px;
    height:44px;
  }
}

/* =========================================================
   MotMot V2.0 FINALE — deux retouches uniquement
   1. Desktop : Momo plus présent dans la barre latérale.
   2. Mobile : Momo + MotMot dans le bandeau, avec safe-area
      iOS pour ne jamais empiéter sur l'heure/batterie.
   ========================================================= */

/* Desktop — Momo plus grand, sans changer la structure. */
@media(min-width:801px){
  .sidebar .brand.mascot-only{
    min-height:128px;
    padding:4px 0 14px;
  }
  .sidebar .brand.mascot-only .brand-avatar{
    width:118px;
    height:118px;
  }
}

/* Mobile — Momo à gauche du wordmark. */
@media(max-width:800px){
  .mobile-header{
    box-sizing:border-box;
    height:calc(64px + env(safe-area-inset-top));
    min-height:calc(64px + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 10px 0;
    align-items:center;
  }

  .mobile-brand{
    display:flex;
    align-items:center;
    gap:5px;
    width:auto;
    height:54px;
    min-width:0;
  }

  .mobile-momo{
    display:block;
    flex:0 0 auto;
    width:48px;
    height:48px;
    object-fit:contain;
  }

  .mobile-wordmark{
    display:block;
    flex:0 1 auto;
    width:112px;
    height:46px;
    object-fit:contain;
    object-position:left center;
  }

  .mobile-header .icon-button{
    flex:0 0 auto;
    margin-left:auto;
  }

  /* Content starts below the complete safe-area-aware header. */
  .main{
    padding-top:8px;
  }
}

/* =========================================================
   MotMot V2.1 — architecture Création / Gestion / Résultats
   Visual DA unchanged; only navigation and information architecture.
   ========================================================= */
.v21-space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:900px}
.v21-space-card{display:flex;flex-direction:column;min-height:120px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .12s ease,border-color .12s ease}
.v21-space-card:hover{transform:translateY(-1px);border-color:var(--muted)}
.v21-space-card>span{font-size:20px;line-height:1;margin-bottom:10px}
.v21-space-card strong{font-size:12px}.v21-space-card small{font-size:9px;color:var(--muted);line-height:1.35;margin-top:4px}
.v21-space-card.create>span{color:var(--create)}.v21-space-card.fond>span{color:var(--fond)}.v21-space-card.analysis>span{color:var(--analysis)}
.v21-space-card.neutral>span{color:var(--ink)}

.mobile-nav-v21,.v21-drawer-backdrop{display:none}

@media(max-width:800px){
  .main{padding-bottom:88px}
  .mobile-nav-v21{
    position:fixed;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    left:0;right:0;bottom:0;height:68px;z-index:60;
    padding:4px 7px env(safe-area-inset-bottom);
    box-sizing:content-box;
    background:color-mix(in srgb,var(--nav) 96%,transparent);
    border-top:1px solid var(--line);
    backdrop-filter:blur(14px);
  }
  .mobile-nav-v21-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;border-radius:9px}
  .mobile-nav-v21-item.active{color:var(--ink);background:var(--surface-2)}
  .mobile-nav-v21-icon{font-size:17px;line-height:1}
  .mobile-nav-v21-item small{font-size:8px}
  .mobile-nav-v21-create{align-self:center;justify-self:center;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#CFEDF4;color:#06131a;text-decoration:none;font-size:25px;box-shadow:0 5px 18px rgba(0,0,0,.25)}
  .mobile-header-actions{display:flex;align-items:center;gap:3px;margin-left:auto}
  .v21-drawer-backdrop[hidden]{display:none}
  .v21-drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.48)}
  .v21-drawer{position:absolute;right:0;top:0;bottom:0;width:min(86vw,340px);overflow:auto;background:var(--surface);padding:calc(env(safe-area-inset-top) + 12px) 14px 24px;box-shadow:-10px 0 30px rgba(0,0,0,.25)}
  .v21-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .v21-drawer-head strong{font-size:19px}.v21-drawer-close{border:0;background:transparent;color:var(--ink);font-size:27px}
  .v21-drawer section{padding:13px 0;border-bottom:1px solid var(--line)}
  .v21-drawer h3{font-size:8px;letter-spacing:.12em;color:var(--muted);margin:0 0 6px}.v21-drawer-logout{margin:8px 0 0}
.v21-drawer-logout button{
  width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;
  background:transparent;color:var(--red);font:inherit;font-size:12px;text-align:left;cursor:pointer;
}
.v21-drawer-logout button:hover{background:var(--red-soft)}

  .v21-drawer a{display:block;padding:9px 7px;border-radius:7px;color:var(--ink);text-decoration:none;font-size:11px}
  .v21-drawer a:hover{background:var(--surface-2)}
  .v21-space-grid{grid-template-columns:1fr;gap:8px}
  .v21-space-card{min-height:88px;padding:12px}
}

/* =========================================================
   V2.1 BETA 2 — mobile navigation / dashboard correction
   ========================================================= */
@media(max-width:800px){
  .mobile-nav-v21{
    display:grid!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:1000!important;
    height:68px!important;
    padding:4px 7px env(safe-area-inset-bottom)!important;
    box-sizing:content-box!important;
  }
  .mobile-nav-v21-create{
    width:48px!important;height:48px!important;
    border-radius:50%!important;
    display:grid!important;place-items:center!important;
  }
  .mobile-nav-v21-create img{
    width:25px;height:25px;display:block;
    filter:none;
  }
  .mobile-nav-v21-icon{font-family:Arial,sans-serif!important;font-size:18px!important}
  .mobile-header{z-index:1100!important}
  .mobile-header-actions{position:relative;z-index:1110}
  .v21-drawer-backdrop{
    display:none!important;
    position:fixed!important;inset:0!important;
    z-index:2000!important;
    background:rgba(0,0,0,.52)!important;
  }
  .v21-drawer-backdrop.open{display:block!important}
  .v21-drawer{
    z-index:2001!important;
    position:absolute!important;
    top:0!important;right:0!important;bottom:0!important;
    width:min(86vw,340px)!important;
    overflow-y:auto!important;
    background:var(--surface)!important;
  }
  body.drawer-open{overflow:hidden!important}
  .v21-home-state{margin-bottom:10px}
  .v21-state-list{display:flex;flex-direction:column}
  .v21-state-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
  .v21-state-row:last-child{border-bottom:0}
  .v21-state-row strong,.v21-state-row small{display:block}
  .v21-state-row strong{font-size:10px}.v21-state-row small{font-size:8px;color:var(--muted);margin-top:2px}
  .v21-state-row a{font-size:9px;color:var(--create);text-decoration:none}
  .v21-home-spaces{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
  .v21-home-space{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surface)}
  .v21-home-space>div{display:flex;align-items:center;gap:9px}
  .v21-home-space-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:16px;background:var(--surface-2)}
  .v21-home-space h2{font-size:11px;margin:0}.v21-home-space p{font-size:8px;color:var(--muted);margin:2px 0 0}
  .v21-home-space>a{display:block;margin-top:7px;font-size:9px;text-decoration:none}
  .v21-home-space.create .v21-home-space-icon{color:var(--create);background:var(--create-soft)}
  .v21-home-space.create>a{color:var(--create)}
  .v21-home-space.manage .v21-home-space-icon{color:var(--fond);background:var(--fond-soft)}
  .v21-home-space.manage>a{color:var(--fond)}
  .v21-home-space.results .v21-home-space-icon{color:var(--analysis);background:var(--analysis-soft)}
  .v21-home-space.results>a{color:var(--analysis)}
}

/* =========================================================
   V2.1 BETA 3 — final navigation/home refinement
   ========================================================= */
@media(max-width:800px){
  .mobile-nav-v21-create img{
    width:26px!important;height:26px!important;
    object-fit:contain!important;
    display:block!important;
  }
  .dashboard-spaces{display:flex!important;flex-direction:column!important;gap:9px!important}
  .v21-home-space{padding:11px 12px!important}
  .v21-home-space-title{display:flex;align-items:center;gap:9px}
  .v21-home-space-title .v21-home-space-icon{flex:0 0 31px}
  .v21-home-space-icon img{width:21px;height:21px;object-fit:contain}
  .v21-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
  .v21-home-actions a{
    display:flex!important;align-items:center;justify-content:space-between;
    margin:0!important;padding:8px 9px;
    border:1px solid var(--line);border-radius:7px;
    font-size:8.5px!important;text-decoration:none;
    background:var(--surface-2);
  }
  .v21-home-space.create .v21-home-actions a{color:var(--create)}
  .v21-home-space.manage .v21-home-actions a{color:var(--fond)}
  .v21-home-space.results .v21-home-actions a{color:var(--analysis)}
}
@media(min-width:801px){
  .v21-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
  .v21-home-actions a{
    display:flex;align-items:center;justify-content:space-between;
    padding:8px 9px;border:1px solid var(--line);border-radius:7px;
    background:var(--surface-2);font-size:9px;text-decoration:none;
  }
  .v21-home-space.create .v21-home-actions a{color:var(--create)}
  .v21-home-space.manage .v21-home-actions a{color:var(--fond)}
  .v21-home-space.results .v21-home-actions a{color:var(--analysis)}
}

/* V2.1 beta 4 final touch — supplied feather + 3 home actions */
.mobile-nav-v21-create img{
  width:28px!important;height:28px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.v21-home-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px!important;
  margin-top:9px!important;
}
.v21-home-actions a{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 6px!important;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-2);
  font-size:9px!important;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
}
@media(max-width:800px){
  .v21-home-actions a{font-size:8px!important;min-height:32px;padding:4px!important}
}

/* V2.1 beta 5 — feather contrast inside creation button */
.mobile-nav-v21-create img{
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* V2.1 beta 6 — compact bottom navigation */
/* BETA3 — mobile : assombrissement léger de la création centrale.
   Le filtre est appliqué à l'ensemble du bouton afin de conserver exactement
   le même contraste entre le fond et la plume. */
@media(max-width:800px){
  .mobile-nav-v21-create{
    filter:brightness(.85);
  }
}

@media(max-width:800px){
  .mobile-nav-v21{
    height:58px!important;
    padding:3px 7px env(safe-area-inset-bottom)!important;
  }
  .mobile-nav-v21-create{
    width:44px!important;
    height:44px!important;
  }
  .mobile-nav-v21-create img{
    width:27px!important;
    height:27px!important;
  }
  .mobile-nav-v21-item{
    gap:2px!important;
  }
  .mobile-nav-v21-item small{
    font-size:7.5px!important;
  }
  .main{
    padding-bottom:74px!important;
  }
}

/* V2.1 beta 7 — Creation card keeps the bright Creation cyan.
   The bottom navigation feather remains dark for contrast on its cyan circle. */
.v21-home-space.create .v21-home-space-icon img{
  width:21px;
  height:21px;
  object-fit:contain;
  display:block;
  opacity:1;
}

/* V2.1 beta 8 — dashboard status cards are navigation */
.dashboard-stat-link{
  display:flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.dashboard-stat-link:hover{
  transform:translateY(-1px);
  border-color:var(--muted);
  box-shadow:0 5px 16px rgba(0,0,0,.10);
}
.dashboard-stat-link:focus-visible{
  outline:2px solid var(--create);
  outline-offset:2px;
}

/* =========================================================
   MotMot V2.2 BETA 1 — corpus management / Doc1D workbench
   ========================================================= */
.button.danger{
  border-color:rgba(210,70,70,.45)!important;
  color:#d96b6b!important;
}
.transcription-workbench{border-color:var(--line)}
.direct-transcription-list{display:flex;flex-direction:column}
.direct-transcription-row{
  display:grid;
  grid-template-columns:minmax(120px,.55fr) minmax(180px,1fr) auto minmax(24px,.35fr);
  gap:8px;align-items:center;
  padding:7px 0;border-bottom:1px solid var(--line);
}
.direct-transcription-row:last-child{border-bottom:0}
.direct-transcription-row strong{font-size:10px}
.direct-transcription-row input{
  width:100%;box-sizing:border-box;
  padding:7px 8px;border:1px solid var(--line);
  border-radius:7px;background:var(--surface-2);color:var(--ink);
  font-size:10px;
}
.direct-transcription-row input:focus{outline:1px solid var(--create)}
.direct-transcription-row .button{white-space:nowrap}
.direct-status{font-size:10px;color:var(--create);min-height:15px}
.direct-transcription-row.saved{opacity:.7}
.direct-transcription-row.saved input{border-color:var(--create)}
@media(max-width:800px){
  .direct-transcription-row{
    grid-template-columns:1fr auto;
    gap:5px;padding:8px 0;
  }
  .direct-transcription-row strong{grid-column:1}
  .direct-transcription-row input{grid-column:1/-1}
  .direct-transcription-row button{grid-column:1}
  .direct-status{grid-column:2;grid-row:3;align-self:center}
}

/* V2.2 beta 3 — version-aware documents and safe version management */
.version-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:6px;
}
.link-danger{
  border:0;background:none;padding:0;
  color:#d96b6b;font-size:8px;cursor:pointer;
}
.link-danger:hover{text-decoration:underline}
@media(max-width:800px){
  .version-actions{justify-content:flex-start}
}

/* V2.2 beta 4 — desktop hierarchy + terminology */
.result-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v21-space-grid .v21-space-card{min-height:78px}
.v21-space-card strong{display:block;line-height:1.2}
.v21-space-card small{display:block;margin-top:5px;line-height:1.35}
.hub-feather{width:23px;height:23px;object-fit:contain;display:block;margin:0 0 5px 0}
.page-heading{margin-bottom:16px}
.panel + .panel{margin-top:12px}
@media(min-width:1100px){
  .v21-space-grid{max-width:1100px}
  .result-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  .result-hub-grid{grid-template-columns:1fr}
}

/* =========================================================
   V2.2 BETA 5 — dashboard desktop redesign
   The dashboard is intentionally a three-workspace layout.
   ========================================================= */
.dashboard-heading{margin-bottom:18px}
.dashboard-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.dashboard-stat-link{
  text-decoration:none;
  color:var(--ink);
  transition:transform .12s ease,border-color .12s ease;
}
.dashboard-stat-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--create) 35%,var(--line))}
.dashboard-workspaces{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.dashboard-workspace{
  min-width:0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  box-shadow:var(--shadow);
  padding:16px;
}
.dashboard-workspace.create{border-top:2px solid var(--create)}
.dashboard-workspace.manage{border-top:2px solid var(--fond)}
.dashboard-workspace.results{border-top:2px solid var(--analysis)}
.workspace-head{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:48px;
  margin-bottom:13px;
}
.workspace-icon{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:11px;
  background:var(--surface-2);
  font-size:20px;
}
.workspace-icon img{width:27px;height:27px;object-fit:contain}
.workspace-head p{
  margin:0 0 2px;
  color:var(--muted);
  font-size:8px;
  letter-spacing:.15em;
  font-weight:800;
}
.workspace-head h2{margin:0;font-size:18px;line-height:1.1}
.workspace-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.25}
.dashboard-workspace.create .workspace-icon{color:var(--create);background:var(--create-soft)}
.dashboard-workspace.manage .workspace-icon{color:var(--fond);background:var(--fond-soft)}
.dashboard-workspace.results .workspace-icon{color:var(--analysis);background:var(--analysis-soft)}
.workspace-actions{display:flex;flex-direction:column;gap:6px}
.workspace-actions a{
  min-height:35px;
  box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  color:var(--ink);
  text-decoration:none;
  font-size:10px;
}
.workspace-actions a b{font-size:12px;font-weight:500;color:var(--muted)}
.dashboard-workspace.create .workspace-actions a:hover{border-color:var(--create);color:var(--create)}
.dashboard-workspace.manage .workspace-actions a:hover{border-color:var(--fond);color:var(--fond)}
.dashboard-workspace.results .workspace-actions a:hover{border-color:var(--analysis);color:var(--analysis)}
.dashboard-recent{margin-bottom:0}
.dashboard-recent .panel-head{margin-bottom:10px}
.dashboard-recent .panel-head .button{font-size:10px}
.nav-item.nav-neutral.active{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  font-weight:650;
}
.nav-item.nav-create.active{
  background:var(--create-soft)!important;
  color:var(--create)!important;
}
.nav-item.nav-analysis.active{
  background:var(--analysis-soft)!important;
  color:var(--analysis)!important;
}
.nav-item.nav-fond.active{
  background:var(--fond-soft)!important;
  color:var(--fond)!important;
}
@media(max-width:1100px) and (min-width:801px){
  .dashboard-workspaces{grid-template-columns:1fr}
  .dashboard-workspace{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center}
  .workspace-head{margin-bottom:0}
}
@media(max-width:800px){
  .dashboard-workspaces{grid-template-columns:1fr;gap:9px}
  .dashboard-workspace{padding:12px}
  .workspace-head{margin-bottom:9px}
  .workspace-head h2{font-size:15px}
  .workspace-head small{font-size:9px}
  .workspace-actions a{min-height:33px;font-size:9px}
}

/* =========================================================
   V2.2 BETA 6 — mobile creation/results hub repair
   ========================================================= */
@media(max-width:800px){
  .v21-space-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
  }
  .v21-space-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:13px!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:var(--surface)!important;
    color:var(--ink)!important;
    text-decoration:none!important;
  }
  .v21-space-card:hover{transform:none!important}
  .v21-space-card strong{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.2!important;
    color:var(--ink)!important;
  }
  .v21-space-card small{
    display:block!important;
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.35!important;
    color:var(--muted)!important;
  }
  .v21-space-card>span,
  .v21-space-card>.hub-feather{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    margin:0 0 8px 0!important;
    font-size:20px!important;
    line-height:28px!important;
  }
  .v21-space-card.create>span,
  .v21-space-card.create>.hub-feather{color:var(--create)!important}
  .v21-space-card.fond>span{color:var(--fond)!important}
  .v21-space-card.analysis>span{color:var(--analysis)!important}
  .v21-space-card.neutral>span{color:var(--ink)!important}
  .hub-feather{
    width:28px!important;height:28px!important;
  }

  /* Creation page gets the same compact, touch-friendly hierarchy. */
  .page-heading{
    margin:12px 0 14px!important;
  }
  .page-heading h1{
    font-size:24px!important;
  }
  .page-heading .sub{
    font-size:11px!important;
    line-height:1.35!important;
  }
}

/* Desktop hub cards remain compact and visually structured. */
@media(min-width:801px){
  .v21-space-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .v21-space-card{
    min-height:128px!important;
    box-sizing:border-box;
  }
  .v21-space-card.create>.hub-feather{
    width:28px!important;height:28px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 0 8px 0!important;
  }
}

.bulk-transcription-actions{
  display:flex;align-items:center;gap:10px;
  margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
}
.direct-transcription-row.saved{opacity:.72}
@media(max-width:800px){
  .bulk-transcription-actions{flex-direction:column;align-items:stretch}
  .bulk-transcription-actions .primary{width:100%}
}

.transcription-head{align-items:center}
.transcription-head-actions{display:flex;align-items:center;gap:10px}
.bulk-save-top{white-space:nowrap}
@media(max-width:800px){
  .transcription-head{align-items:flex-start;gap:9px}
  .transcription-head-actions{width:100%;justify-content:space-between;gap:8px}
  .bulk-save-top{display:inline-flex}
}

.direct-transcription-row{position:relative}
.direct-sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.source-btn{
  border:1px solid var(--line);background:var(--surface-2);color:var(--muted);
  border-radius:6px;padding:3px 6px;font-size:8px;cursor:pointer;max-width:100%;
}
.source-btn:not(:disabled):hover{border-color:var(--create);color:var(--create)}
.source-btn:disabled{opacity:.65;cursor:default}
@media(max-width:800px){
  .transcription-head-actions{flex-wrap:wrap}
  .transcription-head-actions .button,
  .transcription-head-actions .primary{font-size:8px;padding:7px 8px}
  .direct-sources{max-width:100%;overflow:hidden}
  .source-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}

/* MotMot 2.3: compact hub actions; branding/images intentionally unchanged. */
.v23-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.v23-action{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(0,0,0,.10);border-radius:14px;text-decoration:none;background:#fff}
.v23-action span{font-size:.82rem;opacity:.65}
@media(max-width:720px){.v23-action-grid{grid-template-columns:1fr}}

/* MotMot 2.3 beta 2 — writing/transcription usability fixes. */
.new-text-card{min-height:155px!important}
.new-text-card>span{font-size:30px!important}
@media(max-width:800px){
  .v21-space-card.new-text-card{
    min-height:150px!important;
    padding:18px!important;
  }
  .v21-space-card.new-text-card>span{font-size:34px!important;margin-bottom:16px}
  .v21-space-card.new-text-card strong{font-size:15px}
  .v21-space-card.new-text-card small{font-size:10px}
}

/* MotMot V2.4 BETA 8 — DicoRIM / Vide-poche / ranking */
.pocket-compose{margin-bottom:16px}
.pocket-form{display:grid;gap:10px}
.pocket-form textarea,.pocket-card textarea{resize:vertical;min-height:130px}
.pocket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pocket-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.pocket-card form:first-child{display:grid;gap:8px}
.pocket-title{font-size:16px;font-weight:700}
.pocket-tags{font-size:11px;color:var(--muted)}
.pocket-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.pocket-actions small{color:var(--muted);font-size:9px}
.danger{color:#d66}
.paro-search{margin-bottom:14px}
.paro-target{display:flex;gap:14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.paro-target span,.paro-result small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.paro-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.paro-result{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.paro-result div{display:flex;flex-direction:column;gap:2px}
.paro-score{font-size:10px;color:var(--create);font-weight:700}
@media(max-width:800px){
 .pocket-grid,.paro-results{grid-template-columns:1fr}
 .pocket-card{padding:13px}
 .paro-search .toolbar{display:grid;grid-template-columns:1fr;gap:8px}
 .paro-search .toolbar .primary{width:100%}
}

.paro-controls{display:grid;gap:16px}
.paro-query{display:grid;grid-template-columns:1fr auto;gap:8px}
.paro-slider{padding:13px 0 4px}
.paro-slider-head{display:flex;justify-content:space-between;align-items:center}
.paro-slider-head output{font-weight:700;color:var(--purple)}
.paro-slider input[type=range]{width:min(680px,82%);margin:12px 0 4px;accent-color:var(--purple)}
.paro-slider input[type=range]::-webkit-slider-runnable-track{height:5px;background:var(--purple);border-radius:999px}
.paro-slider input[type=range]::-webkit-slider-thumb{margin-top:-5px;width:15px;height:15px;border-radius:50%;background:var(--purple);border:2px solid var(--surface);appearance:none}
.paro-slider input[type=range]::-moz-range-track{height:5px;background:var(--purple);border-radius:999px}
.paro-slider input[type=range]::-moz-range-progress{height:5px;background:var(--purple);border-radius:999px}
.paro-slider input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--purple);border:2px solid var(--surface)}
.paro-scale{width:min(680px,82%);display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}
.paro-extensions{border-top:1px solid var(--line);padding-top:12px}
.paro-extension-row{display:flex;gap:10px;margin-top:7px}
.paro-extension-row label{display:grid;gap:4px;font-size:10px}
.paro-extension-row select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
@media(max-width:800px){
 .paro-query{grid-template-columns:1fr}
 .paro-query .primary{width:100%}
 .paro-scale{font-size:8px}
}

/* Final mobile dashboard check: the four KPI cards must not remain in a
   four-column desktop grid on a phone. */
@media(max-width:650px){
  .dashboard-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .dashboard-stats .stat-card{
    min-width:0!important;
    width:auto!important;
    overflow:hidden;
  }
  .dashboard-stats .stat-card>div{
    min-width:0;
  }
  .dashboard-stats .stat-card small,
  .dashboard-stats .stat-card em{
    overflow-wrap:anywhere;
  }
}
.paro-kind{display:inline-block!important;margin-left:6px!important;font-family:inherit!important;font-size:8px!important;color:var(--create)!important;text-transform:uppercase!important;letter-spacing:.06em!important}

.paro-extension-row select option{color:var(--ink);background:var(--surface);}

.paro-variants{display:block!important;color:var(--muted)!important;font-size:10px!important;line-height:1.45!important;margin-top:3px}

.global-search{display:flex;align-items:center;gap:7px}
.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}
.global-search input::placeholder{color:var(--muted)}
button:disabled{opacity:.55;cursor:wait}
@media(max-width:800px){
  .mobile-header{position:relative;z-index:1100}
  .mobile-header-actions{position:relative;z-index:1101}
  .mobile-header-actions .icon-button{position:relative;z-index:1102;pointer-events:auto}
  .v21-drawer-backdrop{pointer-events:none}
  .v21-drawer-backdrop.open{pointer-events:auto}
}

/* V2.5 BETA 4 — workflow & editor comfort */
.pipeline-next{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.task-log pre,.task-report pre{max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.task-log{margin-top:14px}
.editor-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 8px;color:var(--muted);font-size:13px}
.new-text-editor textarea{display:block;width:100%;min-height:52vh;max-height:72vh;resize:vertical;line-height:1.65;font-size:16px;padding:18px 20px}
.new-text-editor textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}
.new-text-editor{width:100%}
@media(max-width:700px){
 .new-text-editor textarea{min-height:60vh;font-size:16px;padding:15px}
 .editor-toolbar{align-items:flex-start;flex-direction:column}
 .pipeline-next{flex-direction:column}
}

.status-draft{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.09em;font-weight:800;border:1px solid currentColor;vertical-align:middle}
.library-filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 4px}
.filter-chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:13px}
.filter-chip.active{color:var(--ink);background:var(--panel-2)}
.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.draft-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel-2)}
.draft-card-head{display:flex;justify-content:space-between;align-items:center}
.draft-card h2{margin:14px 0 6px}
.draft-card h2 a{text-decoration:none;color:inherit}
.draft-state{margin:16px 0;color:var(--muted);font-size:13px}

.status-finished{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.09em;font-weight:800;border:1px solid currentColor;vertical-align:middle}

.version-auto-note{margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px}

/* V2.5 BETA 8 — dark-mode readability + workflow tables */
.global-search,
.global-search input{
  color:var(--ink)!important;
}
.global-search{
  background:var(--surface-2)!important;
}
.global-search input::placeholder{color:var(--muted)!important;opacity:1}

.library-table .status-draft,
.library-table .status-finished,
.library-table .status-working{white-space:nowrap}
.status-working{
 display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;
 font-size:10px;letter-spacing:.08em;font-weight:800;border:1px solid var(--line);
 color:var(--muted);vertical-align:middle
}
.draft-table td{vertical-align:middle}
.draft-table th,.draft-table td{padding-top:11px;padding-bottom:11px}

.dicorim-panel input,
.dicorim-panel select,
.dicorim-panel option,
.dicorim-panel textarea{
 color:var(--ink)!important;
 background-color:var(--surface-2)!important;
 border-color:var(--line)!important;
}
.dicorim-panel input::placeholder{color:var(--muted)!important;opacity:1}
.dicorim-panel select{
 color-scheme:dark;
}
[data-theme="light"] .dicorim-panel select{color-scheme:light}
.dicorim-panel label,
.dicorim-panel output{color:var(--ink)}

/* V2.5 BETA 9 — desktop polish
   The approved artwork files are untouched. Only their display size changes. */
@media(min-width:801px){
  .sidebar .brand.mascot-only{
    min-height:136px!important;
    padding:4px 0 12px!important;
  }
  .sidebar .brand.mascot-only .brand-avatar{
    width:126px!important;
    height:126px!important;
    object-fit:contain!important;
    border-radius:0!important;
  }

  .global-search{
    height:44px!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    padding:0 14px!important;
    background:var(--surface-2)!important;
    border:1px solid var(--line)!important;
    color:var(--ink)!important;
    border-radius:10px!important;
  }
  .global-search input{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    box-sizing:border-box!important;
    padding:0!important;
    background:transparent!important;
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
    border:0!important;
    outline:0!important;
    appearance:none!important;
    color-scheme:dark;
  }
  .global-search input::placeholder{
    color:var(--muted)!important;
    -webkit-text-fill-color:var(--muted)!important;
    opacity:1!important;
  }

  .new-text-editor{
    display:block!important;
    width:100%!important;
    max-width:none!important;
  }
  .new-text-editor textarea{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    min-height:440px!important;
    max-height:68vh!important;
    box-sizing:border-box!important;
    resize:vertical!important;
    padding:18px 20px!important;
    background:var(--surface-2)!important;
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    font:inherit!important;
    font-size:16px!important;
    line-height:1.65!important;
    appearance:none!important;
    color-scheme:dark;
  }
  .new-text-editor textarea::placeholder{
    color:var(--muted)!important;
    -webkit-text-fill-color:var(--muted)!important;
    opacity:1!important;
  }
  .new-text-editor textarea:focus{
    outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent)!important;
    outline-offset:1px!important;
  }
  .new-text-editor .editor-toolbar{
    display:flex!important;
    width:100%!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin-bottom:8px!important;
    color:var(--muted)!important;
  }

  /* Avoid the generic form grid rules affecting the text editor. */
  #new-text-form{
    display:block!important;
    width:100%!important;
  }
  #new-text-form .note-grid{
    display:grid!important;
    grid-template-columns:2fr 2fr 1fr!important;
    width:100%!important;
  }
  #new-text-form .note-field input{
    width:100%!important;
    box-sizing:border-box!important;
  }
}

/* The same readability rules remain valid on smaller screens. */
@media(max-width:800px){
  .global-search input{
    background:var(--surface-2)!important;
    color:var(--ink)!important;
    -webkit-text-fill-color:var(--ink)!important;
  }
  .new-text-editor,
  .new-text-editor textarea{
    width:100%!important;
    box-sizing:border-box!important;
  }
}

/* DicoRIM : une ligne « tableau » par proposition (lecture | métriques | action) */
.dicorim-results{display:flex;flex-direction:column;gap:6px}
.dicorim-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;column-gap:12px;row-gap:8px;
  padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)
}
.dicorim-result-main{min-width:0}
.dicorim-result-main strong{font-weight:600;line-height:1.4}
.dicorim-result .paro-sep{color:var(--muted)}
.dicorim-variants{display:inline-block;margin-left:8px;color:var(--muted);font-size:10px;white-space:nowrap}
.dicorim-result-meta{display:flex;align-items:center;gap:14px}
.dico-col{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.dico-col small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.dico-col b{font-variant-numeric:tabular-nums;font-size:13px}
.dicorim-result.exact .dico-col:first-child b{color:var(--green)}
.dicorim-result.approximate .dico-col:first-child b{color:var(--orange)}
.dicorim-result form{margin:0}
@media(max-width:650px){
  /* Reste tabulaire : lecture en haut, métriques + action alignées dessous */
  .dicorim-result{
    grid-template-columns:1fr auto;
    grid-template-areas:"main main" "meta action";
    column-gap:10px;row-gap:9px;padding:11px 13px
  }
  .dicorim-result-main{grid-area:main}
  .dicorim-result-meta{grid-area:meta;gap:20px;justify-content:flex-start}
  .dico-col{align-items:flex-start}
  .dico-col b{font-size:14px}
  .dicorim-result form{grid-area:action;justify-self:end;align-self:center}
}

/* V2.5 BETA 16 — propositions automatiques écrites directement dans les champs. */
.direct-transcription-row input[data-auto-suggested="1"]{
  border-color:var(--create)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--create) 20%,transparent);
}

.direct-transcription-row input[data-auto-suggested="gemini"]{
  border-color:var(--accent, var(--create))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--create) 28%,transparent);
}
.gemini-source{cursor:default!important;border-color:var(--create);color:var(--create)}

/* MotMot V2.5 beta 1 — authentication / account */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--ink)}
.auth-card{width:min(460px,100%);padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.auth-logo{display:block;width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center;margin-bottom:24px}
.auth-card h1{margin:0 0 7px;font-size:30px}.auth-card .sub{margin:0 0 22px;color:var(--muted)}
.auth-form{display:grid;gap:9px}.auth-form label{font-size:12px;font-weight:600;color:var(--muted)}
.auth-form input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font:inherit;margin-bottom:6px}
.auth-form input:focus{outline:2px solid color-mix(in srgb,var(--create) 45%,transparent);outline-offset:1px}
.auth-error,.auth-info{padding:11px 13px;border-radius:10px;margin:0 0 16px;font-size:12px}.auth-error{background:var(--red-soft);color:var(--red)}.auth-info{background:var(--create-soft);color:var(--create)}
.logout-form{margin:0}.profile{text-decoration:none}.profile-avatar-large{width:58px!important;height:58px!important;font-size:20px!important}.profile-identity{display:flex;align-items:center;gap:13px;margin-bottom:25px}.profile-identity div{display:flex;flex-direction:column;gap:3px}.profile-identity strong{font-size:18px}.profile-identity small{color:var(--muted)}.profile-form hr{width:100%;border:0;border-top:1px solid var(--line);margin:12px 0 5px}.profile-form h2{font-size:16px;margin:0}.profile-form .hint{margin:0 0 3px}
@media(max-width:800px){.auth-card{padding:24px}.auth-logo{width:170px}.logout-form{display:none}}
.admin-profile-link{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-profile-link h2{margin:0 0 3px}.users-list{display:grid;gap:7px}.user-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.user-row>div{display:flex;flex-direction:column;gap:2px}.user-row small{color:var(--muted)}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}

/* V2.5 BETA2 — personal dictionary proposals */
.dictionary-status{display:inline-flex;align-items:center;margin-left:8px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.07em;border:1px solid currentColor;vertical-align:middle}
.dictionary-status.pending{color:#d49b32;background:rgba(212,155,50,.10)}
.proposal-actions{display:flex;gap:7px;flex-wrap:wrap}
/* MotMot V3 — BETA 1 */
:root{--v3-create:#3BC6E0;--v3-manage:#6BA6FF;--v3-results:#A16BFF}
html[data-theme="light"]{--bg:#f6f8fb;--surface:#fff;--surface-2:#f7f9fc;--nav:#fff;--ink:#182235;--muted:#687487;--line:#dce3ec;--create-soft:#e6f8fc;--fond-soft:#edf3ff;--analysis-soft:#f0e9ff}
html,body{font-family:Ebrima,"Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif}
.sidebar .brand.mascot-only{min-height:126px;padding:4px 0 16px;display:flex;align-items:center;justify-content:center}.sidebar .brand.mascot-only .brand-avatar{width:120px;height:112px;object-fit:contain;border-radius:0}
.nav-label{margin-top:7px;padding:14px 10px 5px;font-size:9px;font-weight:800;letter-spacing:.16em}.nav-label:first-child{margin-top:0}.nav-create-label{color:var(--v3-create)}.nav-manage-label{color:var(--v3-manage)}.nav-results-label{color:var(--v3-results)}
.nav-item.nav-create.active{background:var(--create-soft);color:var(--v3-create)}.nav-item.nav-manage.active{background:var(--fond-soft);color:var(--v3-manage)}.nav-item.nav-results.active{background:var(--analysis-soft);color:var(--v3-results)}.nav-item.nav-primary{font-weight:750;margin-top:6px;border:1px solid color-mix(in srgb,var(--v3-create) 28%,var(--line));background:color-mix(in srgb,var(--create-soft) 45%,transparent)}.nav-create .nav-icon{color:var(--v3-create)}.nav-manage .nav-icon{color:var(--v3-manage)}.nav-results .nav-icon{color:var(--v3-results)}.nav-item.active .nav-icon{color:inherit}
.theme-toggle{min-width:70px;height:34px;justify-content:center;align-items:center;padding:6px 10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}.theme-toggle:hover{border-color:var(--v3-create);color:var(--v3-create)}.theme-icon{font-size:15px;line-height:1}.theme-label{font-size:9px;letter-spacing:.04em}.top-actions>.top-icon{display:none!important}.profile{padding:3px 6px;border-radius:10px;text-decoration:none}.profile:hover{background:var(--surface-2)}
.v3-workspaces{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v3-actions{grid-template-columns:1fr!important;gap:7px!important}.v3-actions a{min-height:40px;font-size:11px!important;padding:9px 11px!important}.v3-actions .workspace-primary{font-weight:750;border-color:color-mix(in srgb,var(--v3-create) 35%,var(--line));background:var(--create-soft);color:var(--v3-create)}.v3-workspaces .create .workspace-icon{color:var(--v3-create);background:var(--create-soft)}.v3-workspaces .manage .workspace-icon{color:var(--v3-manage);background:var(--fond-soft)}.v3-workspaces .results .workspace-icon{color:var(--v3-results);background:var(--analysis-soft)}
.v21-drawer section.drawer-section-create h3{color:var(--v3-create)}.v21-drawer section.drawer-section-manage h3{color:var(--v3-manage)}.v21-drawer section.drawer-section-results h3{color:var(--v3-results)}.v21-drawer .drawer-primary{font-weight:750;background:var(--create-soft);color:var(--v3-create)}.drawer-logout{margin:0;padding:0}.drawer-logout button{display:block;width:100%;border:0;background:transparent;color:var(--red);text-align:left;padding:10px 8px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.drawer-logout button:hover{background:var(--red-soft)}
@media(max-width:1100px) and (min-width:801px){.sidebar{width:230px;flex-basis:230px}.sidebar .brand.mascot-only .brand-avatar{width:108px;height:104px}.v3-workspaces{grid-template-columns:1fr}}
@media(max-width:800px){.mobile-header{height:58px!important}.v21-drawer section{padding:14px 0}.v21-drawer a{font-size:12px;padding:10px 8px}.v21-drawer h3{font-size:9px}.v3-workspaces{display:flex!important;flex-direction:column!important;gap:10px!important}.drawer-logout button{font-size:12px}}
@media(max-width:650px){.dashboard-heading{margin-top:10px}.dashboard-stats{margin-bottom:14px}.v3-workspaces .dashboard-workspace{padding:13px}.v3-actions a{min-height:38px}}
/* V3 BETA 1 — light-mode wordmark uses the same approved artwork with a readable first Mot. */
.wordmark-light{display:none!important}.wordmark-dark{display:block!important}
html[data-theme="light"] .wordmark-dark{display:none!important}
html[data-theme="light"] .wordmark-light{display:block!important}
.auth-logo{display:block}.auth-logo .wordmark-light,.auth-logo .wordmark-dark{width:100%;height:auto;max-height:64px;object-fit:contain;object-position:left center}


/* MotMot V3 BETA 1 — CLEAN BRANDING OVERRIDES
   Single wordmark node, approved artwork only.
   Creation feather uses the V2.6 cyan artwork.
*/
.top-brand.wordmark-only .top-wordmark{display:block!important;width:155px!important;height:48px!important;max-width:155px!important;object-fit:contain!important;object-position:left center!important;}
.mobile-brand .mobile-wordmark{display:block!important;width:112px!important;height:44px!important;max-width:112px!important;object-fit:contain!important;object-position:left center!important;}
.sidebar .brand.mascot-only{min-height:166px!important;padding:4px 0 12px!important;}
.sidebar .brand.mascot-only .brand-avatar{display:block!important;width:155px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;border-radius:0!important;}
.nav-item .nav-icon.nav-feather{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;flex:0 0 20px!important;overflow:hidden!important;}
.nav-item .nav-icon.nav-feather img{display:block!important;width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;object-fit:contain!important;}
.workspace-icon.workspace-feather{overflow:hidden!important;}
.workspace-icon.workspace-feather img{display:block!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;}
.mobile-nav-v21-create img{display:block!important;width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;object-fit:contain!important;}
.wordmark-light,.wordmark-dark{display:none!important;}
.auth-logo{display:block!important;width:190px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important;}
@media(max-width:1100px) and (min-width:801px){.sidebar .brand.mascot-only{min-height:150px!important}.sidebar .brand.mascot-only .brand-avatar{width:145px!important;}}
@media(max-width:800px){.sidebar .brand.mascot-only .brand-avatar{width:70px!important;height:auto!important;}.sidebar .brand.mascot-only{min-height:80px!important}.mobile-nav-v21-create img{width:27px!important;height:27px!important;}}


/* V3 BETA 1 — final brand roles: app icon, themed wordmark, creation feather. */
.top-brand .top-wordmark,
.mobile-brand .mobile-wordmark,
.auth-logo{display:block!important;object-fit:contain!important;object-position:left center!important;}
html[data-theme="dark"] .top-wordmark,
html[data-theme="dark"] .mobile-wordmark,
html[data-theme="dark"] .auth-logo{content:url('/static/img/motmot-wordmark-approved.png');}
html[data-theme="light"] .top-wordmark,
html[data-theme="light"] .mobile-wordmark,
html[data-theme="light"] .auth-logo{content:url('/static/img/motmot-wordmark-light-clean.png');}
.sidebar .brand.mascot-only{min-height:148px!important;padding:0 0 6px!important;align-items:flex-start!important;}
.sidebar .brand.mascot-only .brand-avatar{width:180px!important;height:auto!important;max-width:100%!important;margin:0 auto!important;}
.nav-item.nav-primary .nav-feather img{width:18px!important;height:18px!important;}
.nav-icon.nav-feather img{width:18px!important;height:18px!important;object-fit:contain!important;}
.workspace-icon.workspace-feather img{width:25px!important;height:25px!important;object-fit:contain!important;}
.action-feather{width:13px;height:13px;object-fit:contain;vertical-align:-2px;margin-right:5px;}
.mobile-nav-v21-create img{content:url('/static/img/feather-create.svg')!important;width:28px!important;height:28px!important;object-fit:contain!important;}
@media(max-width:1100px) and (min-width:801px){.sidebar .brand.mascot-only{min-height:138px!important}.sidebar .brand.mascot-only .brand-avatar{width:165px!important;}}
@media(max-width:800px){.mobile-nav-v21-create img{width:28px!important;height:28px!important;}.sidebar .brand.mascot-only{min-height:80px!important;}}

/* V3 BETA 1 — mobile creation button: use the exact V2.6 feather artwork inline. */
.mobile-nav-v21-create .mobile-nav-v21-feather{
  display:block!important;
  width:28px!important;
  height:28px!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  flex:none!important;
}
@media(max-width:800px){
  .mobile-nav-v21-create .mobile-nav-v21-feather{
    width:28px!important;
    height:28px!important;
  }
}


/* MotMot V3 BETA 1 — PATCH 7: restore the approved V2.6 Creation feather only. */
.sidebar .brand.mascot-only{padding-top:6px!important;}
.dashboard-workspace.create .workspace-icon.workspace-feather img{
  content:url('/static/img/feather-create-home.png')!important;
  width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;
  object-fit:contain!important;display:block!important;opacity:1!important;
}
.mobile-nav-v21-create img{
  content:url('/static/img/feather-create-home.png')!important;
  width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;
  object-fit:contain!important;display:block!important;opacity:1!important;
}
.nav-item.nav-primary .nav-icon{font-size:18px!important;}
.nav-item.nav-primary .nav-icon.nav-feather{width:auto!important;height:auto!important;display:inline-flex!important;overflow:visible!important;}
.nav-item.nav-primary .nav-icon.nav-feather img{display:none!important;}
.action-feather{display:none!important;}
@media(max-width:800px){.mobile-nav-v21-create img{width:28px!important;height:28px!important;}}


/* Choix de l'icône MotMot */
.profile-selected-icon{width:74px;height:74px;border-radius:17px;object-fit:cover;box-shadow:var(--shadow);border:1px solid var(--line);flex:0 0 auto}.profile-icon-status{display:block;color:var(--purple);font-size:11px;margin-top:3px}.profile-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.app-icon-picker{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:13px;margin:8px 0 12px}.app-icon-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:8px 6px 9px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);transition:border-color .15s,transform .15s,box-shadow .15s}.app-icon-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.app-icon-option input{position:absolute;opacity:0;pointer-events:none}.app-icon-option.selected{border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 18%,transparent),var(--shadow)}.app-icon-card{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:17%;overflow:hidden;background:var(--surface-2)}
.app-icon-card img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:17%;}.app-icon-check{position:absolute;right:5px;top:5px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:13px;font-weight:800;opacity:0;transform:scale(.8);transition:.15s}.app-icon-option.selected .app-icon-check{opacity:1;transform:scale(1)}.app-icon-name{font-size:11px;font-weight:700;text-align:center;color:var(--ink);line-height:1.2}.app-icon-meta{font-size:9px;color:var(--muted);text-align:center;line-height:1.2}.app-icon-note{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.app-icon-option:focus-within{outline:2px solid color-mix(in srgb,var(--purple) 45%,transparent);outline-offset:2px}
@media(max-width:1000px){.app-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.app-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.app-icon-option{padding:6px 4px 7px;border-radius:11px}.app-icon-card{border-radius:17%}.app-icon-card img{border-radius:17%}.app-icon-name{font-size:10px}.app-icon-meta{font-size:8px}.profile-selected-icon{width:62px;height:62px;border-radius:14px}}

.ai-rating-panel .ai-rating-head{align-items:center}.ai-batch-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;text-align:right}.ai-batch-box strong{font-size:1.5rem;line-height:1}.ai-batch-box span{color:var(--muted);font-size:.9rem}.ai-batch-box form{margin:0}.ai-rating-action{display:inline-block;margin-left:8px}.ai-done-label{display:inline-block;margin-left:8px;color:var(--success,#63d6a0);font-size:.85rem}@media(max-width:700px){.ai-rating-panel .ai-rating-head{display:block}.ai-batch-box{justify-content:flex-start;text-align:left;margin-top:14px}.ai-rating-action{display:block;margin:8px 0 0}}

/* =========================================================
   v3.1 — revue interface complète, mobile + bureau
   ========================================================= */
.top-help{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--ink);text-decoration:none;font-weight:800;background:var(--surface)}
.top-help:hover{border-color:var(--create);color:var(--create)}
.nav-ranking,.mobile-ranking-icon,.hub-ranking-icon{position:relative;display:inline-block;width:20px!important;height:20px;flex:0 0 20px;font-size:0!important}
.nav-ranking:before,.mobile-ranking-icon:before,.hub-ranking-icon:before{content:"";position:absolute;left:9px;top:2px;width:2px;height:16px;background:currentColor;border-radius:2px}
.nav-ranking:after,.mobile-ranking-icon:after,.hub-ranking-icon:after{content:"";position:absolute;left:5px;top:1px;width:8px;height:8px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);box-sizing:border-box;box-shadow:4px 10px 0 -2px var(--surface-2)}
.mobile-ranking-icon:after,.hub-ranking-icon:after{box-shadow:4px 10px 0 -2px var(--nav)}

.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-stats .stat-card{padding:13px 14px;min-height:94px;align-items:center}
.dashboard-stats .stat-card strong{font-size:25px;margin:1px 0}
.dashboard-stats .stat-icon{width:32px;height:32px;font-size:0}
.dashboard-icon{position:relative}
.icon-texts:before{content:"";width:15px;height:18px;border:2px solid currentColor;box-shadow:inset 0 4px 0 transparent}
.icon-versions:before{content:"";width:18px;height:11px;border:2px solid currentColor;transform:skew(-18deg)}
.icon-results:before{content:"";width:16px;height:3px;background:currentColor;box-shadow:0 -5px 0 -1px currentColor,0 5px 0 -1px currentColor;transform:rotate(-18deg)}
.icon-check:before{content:"";width:15px;height:8px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg) translate(1px,-2px)}

.dashboard-workspaces{gap:12px}
.dashboard-workspace{padding:14px}
.workspace-actions a{min-height:38px}
.dashboard-workspace.create .workspace-actions a:first-child{border-color:color-mix(in srgb,var(--create) 35%,var(--line));background:var(--create-soft)}
.dashboard-workspace.results .workspace-actions a{min-height:38px}

.library-heading{margin-bottom:8px}
.library-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}
.library-actions>a,.library-actions>form,.library-actions>form>button{width:100%;min-width:0}
.library-actions>a,.library-actions>form>button{justify-content:center}
.library-add{background:var(--create-soft)!important;border-color:color-mix(in srgb,var(--create) 35%,var(--line))!important;color:var(--create)!important}
.library-coverage{white-space:nowrap}
.library-coverage .coverage-detail{display:inline;font-size:inherit;margin-left:2px}

.text-heading{margin-bottom:8px}
.text-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 18px}
.text-actions>a,.text-actions>form,.text-actions>form>button{width:100%;min-width:0}
.text-actions>a,.text-actions>form>button{justify-content:center}
.text-actions .primary{background:var(--analysis)}

.doc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.doc-link.doc-text{grid-column:1/-1;border-color:color-mix(in srgb,var(--create) 28%,var(--line));background:color-mix(in srgb,var(--create-soft) 48%,var(--surface-2))}
.doc-link.doc-report{grid-column:1/-1;border-color:color-mix(in srgb,var(--analysis) 30%,var(--line));background:color-mix(in srgb,var(--analysis-soft) 45%,var(--surface-2))}
.doc-link.doc-text b{color:var(--create)}
.doc-link.doc-report b{color:var(--analysis)}
.version-meta{display:flex;flex-wrap:wrap;gap:12px 18px}
.text-tool-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.text-tool-grid .tool-button{min-height:82px;justify-content:flex-start}
.tool-button.teal{border-color:color-mix(in srgb,var(--create) 35%,var(--line));color:var(--create)}

.v21-drawer-new{display:block;padding:12px 9px;margin:0 0 4px;border:1px solid color-mix(in srgb,var(--create) 35%,var(--line));border-radius:9px;background:var(--create-soft);color:var(--create)!important;font-weight:800}
.help-hero{display:flex;gap:16px;align-items:center;border-color:color-mix(in srgb,var(--create) 35%,var(--line));background:color-mix(in srgb,var(--create-soft) 38%,var(--surface))}
.help-hero-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:var(--create);color:#07131a;font-size:24px;font-weight:900}
.help-hero h2{margin:0;font-size:20px}.help-hero p{margin:4px 0 0;color:var(--muted)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.help-card{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.help-card h2{margin:0;font-size:17px}.help-card p{margin:5px 0 0;color:var(--muted);line-height:1.55}.help-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 34px;font-weight:900;background:var(--surface-2);color:var(--ink)}
.help-create{border-top:2px solid var(--create)}.help-create .help-number{background:var(--create-soft);color:var(--create)}
.help-manage{border-top:2px solid var(--fond)}.help-manage .help-number{background:var(--fond-soft);color:var(--fond)}
.help-analyse,.help-result{border-top:2px solid var(--analysis)}.help-analyse .help-number,.help-result .help-number{background:var(--analysis-soft);color:var(--analysis)}
.help-legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.help-legend-grid>div{display:grid;grid-template-columns:12px 1fr;column-gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.help-legend-grid b{font-size:12px}.help-legend-grid small{grid-column:2;color:var(--muted);font-size:10px}.help-dot{width:10px;height:10px;border-radius:50%;grid-row:1/3}.help-dot.create{background:var(--create)}.help-dot.manage{background:var(--fond)}.help-dot.results{background:var(--analysis)}
.help-faq{display:grid;gap:8px}.help-faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:11px 14px}.help-faq summary{cursor:pointer;font-weight:750}.help-faq p{color:var(--muted);margin:8px 0 2px}

@media(max-width:1100px){.text-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.library-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.library-actions>:nth-child(4),.library-actions>:nth-child(5){grid-column:auto}}
@media(max-width:800px){
  .mobile-header-actions{gap:14px!important}
  .mobile-header-actions .icon-button{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;font-size:22px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important}
  .mobile-header-actions .icon-button:last-child{font-size:25px!important}
  .mobile-nav-v21{height:58px!important;padding:3px 7px env(safe-area-inset-bottom)!important}
  .mobile-nav-v21-item{min-width:0!important;gap:4px!important}
  .mobile-nav-v21-icon{font-size:20px!important}
  .mobile-nav-v21-item small{font-size:8.5px!important}
  .mobile-nav-v21-create{width:46px!important;height:46px!important;background:#E5F8FC!important;filter:none!important;box-shadow:0 5px 18px rgba(0,0,0,.25)!important}
  .mobile-nav-v21-create img{content:url('/static/img/feather-create-mobile-dark.png')!important;width:29px!important;height:29px!important;filter:none!important}
  .main{padding-bottom:73px!important}
  .dashboard-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .dashboard-stats .stat-card{min-height:78px!important;padding:10px!important}
  .dashboard-stats .stat-card strong{font-size:22px!important}
  .dashboard-stats .stat-icon{width:29px!important;height:29px!important}
  .dashboard-workspace{padding:12px!important}
  .dashboard-workspace .workspace-actions{gap:6px!important}
  .dashboard-workspace .workspace-actions a{min-height:35px!important}
  .library-actions{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-bottom:14px!important}
  .library-actions>:nth-child(4){grid-column:1/3}.library-actions>:nth-child(5){grid-column:3}
  .library-actions>a,.library-actions>form>button{font-size:10px!important;padding:9px 7px!important;white-space:normal!important;min-height:42px}
  .library-coverage{white-space:nowrap!important}
  .library-table th,.library-table td{font-size:10px}
  .text-actions{grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-bottom:14px!important}
  .text-actions>a,.text-actions>form>button{font-size:10px!important;padding:9px 7px!important;white-space:normal!important;min-height:42px}
  .doc-actions{gap:7px!important}
  .doc-link{padding:11px!important}
  .doc-link b{font-size:12px!important}.doc-link small{font-size:9px!important}
  .version-meta{gap:7px 12px;font-size:9px}
  .text-tool-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .text-tool-grid .tool-button{min-height:76px!important;padding:11px!important}
  .help-grid{grid-template-columns:1fr;gap:9px}.help-card{padding:14px}.help-legend-grid{grid-template-columns:1fr}.help-hero{align-items:flex-start}
  .v21-drawer-new{font-size:13px!important;padding:11px 9px!important}
}
@media(max-width:520px){.library-actions{grid-template-columns:1fr 1fr 1fr!important}.library-actions>:nth-child(4){grid-column:1/3}.library-actions>:nth-child(5){grid-column:3}.library-table{min-width:850px}.text-tool-grid{grid-template-columns:1fr 1fr!important}}

/* =========================================================
   MotMot v3.2 beta 2 — desktop review correction
   ========================================================= */
:root{
  --icon-stroke: 1.7px;
}
/* Sidebar: one coherent, CSS-only icon language. No emoji glyphs. */
.sidebar .nav-icon{
  width:22px!important;height:22px!important;min-width:22px!important;
  position:relative;display:inline-block!important;text-align:center;font-size:0!important;
  color:currentColor;
}
.sidebar .nav-ico-pocket:before{content:"";position:absolute;inset:5px 3px;border:var(--icon-stroke) solid currentColor;border-radius:3px;transform:rotate(45deg)}
.sidebar .nav-ico-drafts:before{content:"";position:absolute;left:3px;right:3px;top:5px;height:11px;border:var(--icon-stroke) solid currentColor;border-radius:3px}
.sidebar .nav-ico-drafts:after{content:"";position:absolute;left:7px;right:7px;top:8px;height:1.5px;background:currentColor;box-shadow:0 4px currentColor}
.sidebar .nav-ico-rim:before{content:"";position:absolute;left:2px;right:2px;top:8px;height:7px;border-top:var(--icon-stroke) solid currentColor;border-bottom:var(--icon-stroke) solid currentColor;border-radius:50%}
.sidebar .nav-ico-library:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:16px;border:var(--icon-stroke) solid currentColor;border-radius:2px}
.sidebar .nav-ico-library:after{content:"";position:absolute;left:7px;right:7px;top:7px;height:1.5px;background:currentColor;box-shadow:0 4px currentColor,0 8px currentColor}
.sidebar .nav-ico-note:before{content:"";position:absolute;width:15px;height:4px;left:3px;top:9px;border:var(--icon-stroke) solid currentColor;border-radius:2px;transform:rotate(-45deg)}
.sidebar .nav-ico-dico:before{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border:var(--icon-stroke) solid currentColor;border-radius:50%}
.sidebar .nav-ico-dico:after{content:"";position:absolute;width:7px;height:var(--icon-stroke);left:13px;top:15px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.sidebar .nav-ico-tasks:before{content:"";position:absolute;inset:4px;border:var(--icon-stroke) solid currentColor;border-radius:50%}
.sidebar .nav-ico-tasks:after{content:"";position:absolute;width:6px;height:6px;left:8px;top:8px;border-left:var(--icon-stroke) solid currentColor;border-bottom:var(--icon-stroke) solid currentColor}
.sidebar .nav-ico-ranking:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:16px;border:var(--icon-stroke) solid currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.sidebar .nav-ico-ranking:after{content:"";position:absolute;left:8px;top:7px;width:6px;height:6px;border:var(--icon-stroke) solid currentColor;transform:rotate(45deg)}
.sidebar .nav-ico-export:before{content:"";position:absolute;left:10px;top:3px;width:var(--icon-stroke);height:13px;background:currentColor}
.sidebar .nav-ico-export:after{content:"";position:absolute;left:6px;top:10px;width:7px;height:7px;border-right:var(--icon-stroke) solid currentColor;border-bottom:var(--icon-stroke) solid currentColor;transform:rotate(45deg)}
/* Theme switch restored on desktop and spaced away from menu/help/profile. */
.desktop-theme-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:36px;padding:6px 8px!important;gap:7px!important}
.desktop-theme-toggle .theme-sun,.desktop-theme-toggle .theme-moon{width:10px;height:10px;border-radius:50%;display:block}
.desktop-theme-toggle .theme-sun{border:1.5px solid currentColor;box-shadow:0 -5px 0 -4px currentColor,0 5px 0 -4px currentColor,5px 0 0 -4px currentColor,-5px 0 0 -4px currentColor}
.desktop-theme-toggle .theme-moon{border:1.5px solid currentColor;position:relative;overflow:hidden}
.desktop-theme-toggle .theme-moon:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--surface);left:3px;top:-2px}
.top-actions{gap:12px!important}
.top-help{width:38px;height:38px;border-radius:11px!important;font-size:16px!important}
.top-help span{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;font-size:12px;line-height:1}
/* Help is a readable interface icon, not a decorative glyph. */
/* Library: breathing room and one-line status information. */
.library-actions{margin-bottom:24px!important}
.library-coverage{white-space:nowrap!important;min-width:150px}
.library-coverage .coverage-ok,.library-coverage .coverage-warn,.library-coverage .coverage-none{white-space:nowrap!important;display:inline-block}
.library-coverage .coverage-detail{white-space:nowrap!important}
.library-table th:nth-child(6),.library-table th:nth-child(7),.library-table th:nth-child(8),
.library-table td:nth-child(6),.library-table td:nth-child(7),.library-table td:nth-child(8){text-align:center!important}
/* Text sheet: deliberately structured 1 / 2 / 1 document layout. */
.doc-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
.doc-link.doc-text,.doc-link.doc-report{grid-column:1/-1!important}
.doc-link.doc-text,.doc-link.doc-report{min-height:58px!important}
.doc-link.doc-phonetic,.doc-link.doc-decomp{min-height:54px!important}
.version-card{padding:13px!important}
/* Six tools: exactly 2 columns x 3 rows on desktop. */
.text-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.text-tool-grid .tool-button{min-height:72px!important}
/* Mobile ranking icon uses the same CSS language. */
.mobile-ranking-icon{position:relative!important;width:22px!important;height:22px!important;font-size:0!important}
.mobile-ranking-icon:before{content:"";position:absolute;inset:3px;border:1.7px solid currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mobile-ranking-icon:after{content:"";position:absolute;left:8px;top:8px;width:6px;height:6px;border:1.4px solid currentColor;transform:rotate(45deg)}
@media(max-width:1100px){
  .library-coverage{min-width:0}
  .text-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .desktop-theme-toggle{display:none!important}
  .library-actions{margin-bottom:18px!important}
}

/* =========================================================
   MotMot v3.2 beta 2 — correction régression icônes + fiche
   ========================================================= */
/* Retour au langage d'icônes coloré et lisible de la version précédente.
   On agrandit le glyphes sans changer la géométrie de la barre. */
.sidebar .nav-icon{
  width:24px!important;height:24px!important;min-width:24px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:static!important;overflow:visible!important;
  font-size:20px!important;line-height:1!important;
  transform:scale(1.08);
  transform-origin:center;
  font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;
}
.sidebar .nav-create .nav-icon{color:var(--v3-create)!important}
.sidebar .nav-manage .nav-icon{color:var(--v3-manage)!important}
.sidebar .nav-results .nav-icon{color:var(--v3-results)!important}
.sidebar .nav-item.active .nav-icon{color:inherit!important}
/* Aucun pseudo-dessin ne doit remplacer les glyphes restaurés. */
.sidebar .nav-icon:before,.sidebar .nav-icon:after{content:none!important;display:none!important}
/* Switch desktop : un seul symbole, comme sur mobile. */
.desktop-theme-toggle{
  display:flex!important;width:42px!important;height:36px!important;min-width:42px!important;
  padding:0!important;align-items:center!important;justify-content:center!important;
  gap:0!important;font-size:21px!important;line-height:1!important;
  color:var(--muted)!important;background:var(--surface-2)!important;
}
.desktop-theme-toggle:hover{color:var(--v3-create)!important;border-color:var(--v3-create)!important}
.desktop-theme-toggle .theme-sun,.desktop-theme-toggle .theme-moon{display:none!important}
.top-actions{gap:14px!important}
/* Aide : symbole net dans un cercle, sans glyphes décoratifs. */
.top-help{width:38px!important;height:38px!important;border-radius:11px!important}
.top-help span{width:22px!important;height:22px!important;border:1.5px solid currentColor!important;border-radius:50%!important;font-size:13px!important}
/* Fiche texte : quatre actions principales seulement. */
.text-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:20px!important}
.text-actions>a,.text-actions>form,.text-actions>form>button{width:100%!important}
/* Suppression de version : ligne dédiée sous les informations de version. */
.version-actions{display:flex!important;justify-content:flex-end!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important}
.version-actions .link-danger{font-size:10px!important}
@media(max-width:1100px){
  .text-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .sidebar .nav-icon{font-size:19px!important;transform:scale(1.05)}
  .text-actions{grid-template-columns:repeat(2,1fr)!important}
}

/* =========================================================
   MotMot v3.2 beta 4 — revue UI / aide / fiche
   ========================================================= */
/* Boutons mis en avant : surfaces sombres et texte blanc.
   Nouveau texte garde volontairement son accent de création. */
html[data-theme="dark"] .library-actions .library-add{
  background:var(--surface-2)!important;color:#fff!important;border-color:var(--line)!important;
}
html[data-theme="dark"] .library-actions .primary{
  background:var(--analysis)!important;color:#fff!important;border-color:var(--analysis)!important;
}
html[data-theme="dark"] .library-actions .button:not(.library-add){
  color:#fff;
}

/* Bibliothèque : titre plus large, vocabulaire compact et indicateurs centrés. */
.library-table th:first-child,.library-table td:first-child{min-width:250px}
.library-table .library-coverage{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
.library-table .library-coverage .coverage-ok,
.library-table .library-coverage .coverage-warn,
.library-table .library-coverage .coverage-none{font-size:10px!important;white-space:nowrap!important}
.library-table th:nth-child(6),.library-table th:nth-child(7),.library-table th:nth-child(8),
.library-table td:nth-child(6),.library-table td:nth-child(7),.library-table td:nth-child(8){text-align:center!important;vertical-align:middle!important}

/* Fiche : quatre actions seulement, avec les mêmes dimensions. */
.text-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important}
.text-actions>a,.text-actions>form,.text-actions>form>button{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.text-actions .button,.text-actions .primary{height:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}

/* Suppression de version sur la même ligne que Dico / documents. */
.version-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 18px!important;margin-top:10px!important}
.version-delete-inline{margin-left:auto!important;display:flex!important;align-items:center!important}
.version-delete-inline .link-danger{font-size:10px!important;white-space:nowrap!important}
.version-actions{display:none!important}

/* Analyses & outils : 3 lignes de 2, largeur identique, sans soulignement. */
.text-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.text-tool-grid>form,.text-tool-grid>a{min-width:0!important;width:100%!important}
.text-tool-grid .tool-button{width:100%!important;min-height:64px!important;height:64px!important;box-sizing:border-box!important;padding:10px 14px!important;justify-content:center!important;text-decoration:none!important}
.text-tool-grid .tool-button b,.text-tool-grid .tool-button small{text-decoration:none!important}

/* La plume de l'espace Création garde ses couleurs. Le bouton central
   conserve le visuel inversé déjà fourni par feather-create-mobile-dark. */
.v21-home-space.create .v21-home-space-icon img,
.dashboard-workspace.create .workspace-icon.workspace-feather img{filter:none!important}
@media(max-width:800px){
  .mobile-nav-v21-create{background:var(--create-soft)!important}
  .mobile-nav-v21-create img{filter:none!important}
  .text-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .text-actions .button,.text-actions .primary{height:42px!important;min-height:42px!important;font-size:10px!important}
  .version-delete-inline{margin-left:0!important}
  .library-table th:first-child,.library-table td:first-child{min-width:220px}
}

/* Aide : pédagogique, illustrée et lisible sur mobile comme sur bureau. */
.help-page{max-width:1100px}
.help-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch;margin-bottom:18px}
.help-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:18px}
.help-card h2{margin:0 0 7px;font-size:18px}
.help-card p{margin:0;color:var(--muted);line-height:1.55;font-size:12px}
.help-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;height:100%}
.help-step{padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-weight:700;font-size:11px;text-align:center}
.help-arrow{color:var(--create);font-weight:800}
.help-section{margin-top:16px}
.help-section>h2{margin:0 0 10px;font-size:17px}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.help-phonemes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.help-phoneme{padding:5px 8px;border-radius:8px;background:var(--create-soft);color:var(--create);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;font-size:11px}
.help-example{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;margin-top:10px}
.help-label{font-size:10px;color:var(--muted)}
.help-code{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.help-meter{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line);margin:9px 0}
.help-meter span{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--create),var(--analysis))}
.help-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--analysis-soft);color:var(--analysis);font-size:10px;font-weight:700}
.help-note{margin-top:10px;padding:10px 12px;border-left:3px solid var(--create);background:var(--surface-2);border-radius:8px;color:var(--muted);font-size:11px;line-height:1.5}
.help-footer{margin-top:14px;color:var(--muted);font-size:10px}
@media(max-width:800px){
  .help-hero,.help-grid{grid-template-columns:1fr}
  .help-card{padding:14px}
  .help-flow{min-height:95px}
}

/* =========================================================
   MotMot v3.2 beta 5 — revue aide / actions / icônes
   ========================================================= */

/* + Ajouter reste clairement mis en avant sans revenir au rendu néon. */
html[data-theme="dark"] .library-actions .library-add{
  background:color-mix(in srgb,var(--create-soft) 72%,var(--surface-2))!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--create) 62%,var(--line))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--create) 10%,transparent)!important;
  font-weight:750!important;
}
html[data-theme="dark"] .library-actions .library-add:hover{
  background:color-mix(in srgb,var(--create-soft) 88%,var(--surface-2))!important;
  border-color:var(--create)!important;
}

/* Fiche : donner 30 % de largeur supplémentaire à Analyser et la retirer à Supprimer. */
.text-actions{grid-template-columns:1fr 1fr 1.3fr .7fr!important}
@media(max-width:800px){.text-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Ordre des outils défini dans le HTML : Dico / Nota-fond / CIP / Symétrie / Rimes / Tâches. */
.text-tool-grid .tool-button{text-decoration:none!important}
.text-tool-grid .tool-button b,.text-tool-grid .tool-button small{text-decoration:none!important}

/* Icônes de navigation : éviter la confusion brouillons / thème et donner un pictogramme lisible aux résultats. */
.sidebar .nav-ico-drafts,.sidebar .nav-ico-results{font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;font-size:20px!important;line-height:1!important}
.mobile-nav-results-icon{font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif!important;font-size:19px!important;line-height:1!important}

/* La plume centrale reprend exactement le cyan clair de l'espace Création. */
@media(max-width:800px){
  .mobile-nav-v21-create{background:#E5F8FC!important;border-color:#E5F8FC!important}
}

/* =========================================================
   Aide beta 5 — hiérarchie pédagogique et lecture aérée
   ========================================================= */
.help-page{max-width:1120px;margin:0 auto;padding-bottom:18px}
.help-heading{margin-bottom:18px!important}
.help-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:18px;align-items:stretch;margin-bottom:26px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--create-soft) 28%,var(--surface)));box-shadow:var(--shadow)}
.help-intro-copy{display:flex;flex-direction:column;justify-content:center;padding:2px 6px}
.help-kicker,.help-panel-label{display:inline-block;color:var(--create);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.help-intro h2{font-size:22px;line-height:1.2;margin:6px 0 8px;letter-spacing:-.3px}
.help-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:520px}
.help-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}
.help-process-step{min-width:0;padding:11px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:center}
.help-process-step b{display:block;color:var(--create);font-size:9px;letter-spacing:.08em;margin-bottom:3px}
.help-process-step strong{display:block;font-size:11px}
.help-process-step small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.help-process-arrow{color:var(--create);font-weight:900;font-size:15px}
.help-block{margin-top:26px}
.help-section-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.help-section-title>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:10px;background:var(--create-soft);color:var(--create);font-size:10px;font-weight:900}
.help-section-title h2{margin:0;font-size:18px;line-height:1.2}
.help-section-title p{margin:2px 0 0;color:var(--muted);font-size:11px}
.help-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.help-panel{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}
.help-panel h3{margin:4px 0 7px;font-size:16px;line-height:1.3}
.help-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.62}
.help-definition{border-left:3px solid var(--create)}
.help-contrast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;padding:10px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line)}
.help-contrast div:not(.help-arrow-down){display:flex;flex-direction:column;gap:3px}
.help-contrast span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.help-contrast b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.help-arrow-down{color:var(--create);font-size:15px;font-weight:800}
.help-phoneme-groups{display:grid;gap:13px;margin-top:10px}
.help-phoneme-groups>div>span{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}
.help-phonemes{display:flex;flex-wrap:wrap;gap:5px}
.help-phonemes b{min-width:30px;padding:5px 6px;border:1px solid color-mix(in srgb,var(--create) 24%,var(--line));border-radius:7px;background:var(--create-soft);color:var(--create);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-align:center}
.help-small-note{margin-top:12px!important;font-size:10px!important;line-height:1.5!important}
.help-explain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.help-mini-card{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}
.help-mini-card strong{font-size:10px}.help-mini-card span{grid-column:1;color:var(--muted);font-size:9px}.help-mini-card code{grid-column:2;grid-row:1/3;padding:4px 6px;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:9px;color:var(--create)}
.resonance-demo{margin-top:14px;padding:13px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.resonance-demo>div:not(.resonance-line){display:flex;align-items:center;justify-content:space-between;gap:10px}.resonance-demo span{font-size:9px;color:var(--muted)}.resonance-demo strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--create)}
.resonance-line{height:1px;margin:9px 0;background:linear-gradient(90deg,transparent,var(--create),transparent)}
.help-principles{display:grid;gap:9px;margin-top:10px}
.help-principles div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:9px 10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.help-principles b{font-size:10px;color:var(--ink)}.help-principles span{font-size:10px;color:var(--muted);line-height:1.45}
.help-gold-card{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;padding:18px;border:1px solid color-mix(in srgb,var(--analysis) 28%,var(--line));border-radius:16px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--analysis-soft) 36%,var(--surface)));box-shadow:var(--shadow)}
.help-gold-copy h3{margin:4px 0 8px;font-size:17px;line-height:1.3}.help-gold-copy p{margin:0 0 8px;color:var(--muted);font-size:11px;line-height:1.6}
.help-gold-visual{display:grid;grid-template-columns:58px 1fr;align-items:center;column-gap:10px;padding:16px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}
.help-line-label{font-size:9px;font-weight:800;color:var(--muted)}
.help-gold-line{display:flex;gap:7px}.help-gold-line i{font-style:normal;min-width:37px;padding:7px 5px;border-radius:8px;background:var(--analysis-soft);border:1px solid color-mix(in srgb,var(--analysis) 30%,var(--line));color:var(--analysis);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-align:center;font-weight:800}
.help-connectors{display:flex;justify-content:space-around;align-items:center;grid-column:2;height:22px}.help-connectors span{width:1px;height:20px;background:color-mix(in srgb,var(--analysis) 55%,var(--line));transform:rotate(18deg)}
.help-doc-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin-top:10px}.help-doc-flow>div:not(.help-doc-arrow){display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line)}.help-doc-flow b{color:var(--create);font-size:11px}.help-doc-flow strong{font-size:12px}.help-doc-flow span{color:var(--muted);font-size:10px;line-height:1.45}.help-doc-arrow{display:grid;place-items:center;color:var(--create);font-size:17px;font-weight:900}
.help-scale{display:flex;align-items:stretch;gap:5px;margin-top:11px;overflow:hidden}.help-scale div{flex:1;min-width:0;padding:9px 6px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);text-align:center}.help-scale b{display:block;font-size:9px}.help-scale span{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.3}.help-scale em{display:grid;place-items:center;color:var(--create);font-style:normal;font-weight:800}
.help-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.help-report-item{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.help-report-item b{display:block;font-size:10px;color:var(--analysis);margin-bottom:4px}.help-report-item span{display:block;color:var(--muted);font-size:9px;line-height:1.45}
.help-warning{margin-top:10px;padding:10px 12px;border-left:3px solid var(--analysis);border-radius:9px;background:var(--analysis-soft);color:var(--muted);font-size:10px;line-height:1.5}.help-warning strong{color:var(--ink)}
.help-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-compare article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.help-compare-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.help-compare-head span{font-size:14px;font-weight:850}.help-compare-head b{font-size:9px;color:var(--muted)}.help-compare-head.repeere span{color:var(--analysis)}.help-compare-head.nota span{color:var(--fond)}.help-compare ul{margin:10px 0 0;padding-left:17px;color:var(--muted);font-size:10px;line-height:1.7}
.help-route{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.help-route>div{position:relative;padding:14px 12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.help-route b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--create-soft);color:var(--create);font-size:10px}.help-route strong{display:block;margin-top:8px;font-size:12px}.help-route span{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.5}
.help-footer{margin:18px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:900px){.help-intro{grid-template-columns:1fr}.help-process{grid-template-columns:repeat(4,1fr);gap:6px}.help-process-arrow{display:none}.help-report-grid{grid-template-columns:repeat(2,1fr)}.help-explain-grid{grid-template-columns:repeat(2,1fr)}.help-route{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.help-page{padding-bottom:8px}.help-heading{margin-bottom:14px!important}.help-intro{padding:14px;border-radius:14px;gap:12px}.help-intro h2{font-size:19px}.help-process{grid-template-columns:repeat(2,1fr)}.help-feature-grid,.help-gold-card,.help-compare{grid-template-columns:1fr}.help-section-title{margin-bottom:9px}.help-section-title h2{font-size:16px}.help-panel{padding:14px}.help-gold-visual{padding:11px}.help-scale{flex-wrap:wrap}.help-scale div{flex:1 1 28%}.help-report-grid,.help-route{grid-template-columns:1fr 1fr}.help-explain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.help-process{grid-template-columns:1fr 1fr}.help-process-step{padding:9px 5px}.help-process-step strong{font-size:10px}.help-contrast{grid-template-columns:1fr;text-align:center}.help-arrow-down{transform:rotate(0)}.help-explain-grid,.help-report-grid,.help-route{grid-template-columns:1fr}.help-principles div{grid-template-columns:75px 1fr}.help-gold-line{gap:4px}.help-gold-line i{min-width:0;flex:1}.help-gold-visual{grid-template-columns:45px 1fr}}


/* =========================================================
   MotMot v3.2 beta 6 — icônes + actions + plume centrale
   ========================================================= */
/* Les icônes de la sidebar restent des symboles simples, colorés par leur espace.
   Brouillons et Tâches utilisent volontairement des formes différentes de la carte Versions. */
.sidebar .nav-ico-drafts{
  font-size:21px!important;
  transform:scale(1.12)!important;
}
.sidebar .nav-ico-results{
  font-size:24px!important;
  font-weight:700!important;
  letter-spacing:-3px!important;
  transform:scaleX(.92)!important;
}
.mobile-nav-results-icon{
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:-3px!important;
}

/* Bibliothèque : Ajouter suit le même langage que Analyser le corpus,
   avec le cyan de la Création mais sans effet néon. */
html[data-theme="dark"] .library-actions .library-add{
  background:var(--create-soft)!important;
  color:#fff!important;
  border-color:var(--create)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .library-actions .library-add:hover{
  background:var(--create-soft)!important;
  border-color:var(--create)!important;
}

/* Fiche texte : largeur supplémentaire donnée à Analyser, retirée à Supprimer. */
.text-actions{
  grid-template-columns:1fr 1fr 1.6fr .4fr!important;
}

/* Les indicateurs et Supprimer la version restent sur une seule ligne. */
.version-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0 18px!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
}
.version-delete-inline{
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.version-delete-inline .link-danger{
  white-space:nowrap!important;
}

/* Référence unique de la plume Création / plume centrale.
   La forme de l'image feather-create-mobile-dark.png ne doit jamais être modifiée.
   Les deux couleurs officielles sont exactement celles de --create et --create-soft.
   Espace Création : fond cyan foncé + plume cyan clair.
   Plume centrale : fond cyan clair + plume cyan foncé. */
.dashboard-workspace.create .workspace-icon.workspace-feather{
  background:var(--create-soft)!important;
  color:var(--create)!important;
}
.dashboard-workspace.create .workspace-icon.workspace-feather img{
  filter:none!important;
}
@media(max-width:800px){
  .mobile-nav-v21-create{
    background:var(--create-soft)!important;
    border-color:var(--create-soft)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
  }
  .mobile-nav-v21-create img{
    content:url('/static/img/feather-create-mobile-dark.png')!important;
    filter:none!important;
  }
  .text-actions{
    grid-template-columns:1fr 1fr 1.6fr .4fr!important;
  }
}


/* =========================================================
   MotMot — RÉFÉRENCE PERMANENTE ICÔNE DE PLUME
   Source de vérité : ICON_PLUME.md
   ========================================================= */
:root{
  --plume-cyan-dark:#14778B;
  --plume-cyan-light:#73DDF2;
}

/* Les deux usages de la plume utilisent la même forme et les mêmes deux couleurs.
   Aucune opacité, filtre ou mixage de couleurs n'est autorisé sur ces images. */
.dashboard-workspace.create .workspace-icon.workspace-feather{
  background:var(--plume-cyan-dark)!important;
  color:var(--plume-cyan-light)!important;
}
.dashboard-workspace.create .workspace-icon.workspace-feather img{
  content:url('/static/img/feather-create-dashboard.png')!important;
  filter:none!important;
  opacity:1!important;
}
.mobile-nav-v21-create{
  background:var(--plume-cyan-light)!important;
  border-color:var(--plume-cyan-light)!important;
  filter:none!important;
  opacity:1!important;
}
.mobile-nav-v21-create img{
  content:url('/static/img/feather-create-home.png')!important;
  filter:none!important;
  opacity:1!important;
}

/* Brouillons : pictogramme distinct de la carte Versions. */
.sidebar .nav-ico-drafts{
  position:relative!important;
  font-size:0!important;
  transform:scale(1.15)!important;
}
.sidebar .nav-ico-drafts:before{
  content:""!important;
  position:absolute!important;
  width:15px!important;height:15px!important;
  left:3px!important;top:4px!important;
  border:2px solid currentColor!important;
  border-radius:50% 50% 45% 45%!important;
}
.sidebar .nav-ico-drafts:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;height:2px!important;
  left:11px!important;top:5px!important;
  background:currentColor!important;
  transform:rotate(-42deg)!important;
  border-radius:2px!important;
  box-shadow:-2px 5px 0 -0.2px currentColor!important;
}

/* Analyses & tâches : pictogramme de liste, distinct et immédiatement lisible. */
.sidebar .nav-ico-results{
  position:relative!important;
  font-size:0!important;
  letter-spacing:0!important;
  transform:scale(1.12)!important;
}
.sidebar .nav-ico-results:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;top:4px!important;
  width:15px!important;height:14px!important;
  border:1.8px solid currentColor!important;
  border-radius:2px!important;
}
.sidebar .nav-ico-results:after{
  content:""!important;
  position:absolute!important;
  left:7px!important;top:8px!important;
  width:9px!important;height:1.6px!important;
  background:currentColor!important;
  box-shadow:0 4px 0 currentColor,0 8px 0 currentColor!important;
}
.mobile-nav-results-icon{
  position:relative!important;width:22px!important;height:22px!important;
  font-size:0!important;letter-spacing:0!important;
}
.mobile-nav-results-icon:before{
  content:""!important;position:absolute!important;
  left:4px!important;top:3px!important;width:14px!important;height:15px!important;
  border:1.8px solid currentColor!important;border-radius:2px!important;
}
.mobile-nav-results-icon:after{
  content:""!important;position:absolute!important;
  left:7px!important;top:7px!important;width:8px!important;height:1.5px!important;
  background:currentColor!important;box-shadow:0 4px 0 currentColor,0 8px 0 currentColor!important;
}

/* Classement mobile : podium à trois niveaux, sans emoji/glyphe. */
.mobile-ranking-icon,
.sidebar .nav-ico-ranking{
  position:relative!important;font-size:0!important;letter-spacing:0!important;
}
.mobile-ranking-icon:before,
.sidebar .nav-ico-ranking:before{
  content:""!important;position:absolute!important;
  left:3px!important;bottom:4px!important;width:5px!important;height:8px!important;
  background:currentColor!important;border-radius:1px 1px 0 0!important;
  box-shadow:7px -4px 0 currentColor,14px -1px 0 currentColor!important;
}
.mobile-ranking-icon:after,
.sidebar .nav-ico-ranking:after{
  content:""!important;position:absolute!important;
  left:2px!important;right:2px!important;bottom:3px!important;height:1.8px!important;
  background:currentColor!important;border-radius:2px!important;
}

/* DicoRIM : conserver son symbole mais lui donner davantage de présence. */
.sidebar .nav-ico-rim{transform:scale(1.32)!important;}


/* Espace Résultats : pictogramme graphique, pas un caractère Unicode. */
.workspace-results-icon{
  position:relative!important;
  font-size:0!important;
}
.workspace-results-icon:before{
  content:""!important;
  position:absolute!important;
  left:9px!important;bottom:9px!important;
  width:4px!important;height:10px!important;
  background:currentColor!important;border-radius:1px!important;
  box-shadow:7px -5px 0 currentColor,14px -10px 0 currentColor!important;
}
.workspace-results-icon:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;bottom:8px!important;
  width:16px!important;height:1.8px!important;
  background:currentColor!important;border-radius:2px!important;
}

/* v3.3 beta9 — authentification, profil, filtres et Vide-poche. */
.auth-card--visual{width:min(900px,100%);padding:0;overflow:hidden}
.auth-brand-visual{display:flex;align-items:center;justify-content:center;gap:70px;min-height:250px;padding:24px 56px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.auth-momo{display:block;width:235px;height:197px;object-fit:contain;flex:0 0 auto}
.auth-wordmark{display:block;width:min(300px,42%);line-height:0}.auth-wordmark img{display:block;width:100%;height:auto}
.auth-body{padding:30px 34px 32px}
.auth-form .primary,.auth-create-button{height:42px;min-height:42px;font-size:12px}
.auth-create{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.auth-create div{display:grid;gap:3px}.auth-create strong{font-size:12px}.auth-create span{font-size:12px;color:var(--muted)}
.auth-create-button{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;background:var(--analysis);color:#fff!important;text-decoration:none!important;font-weight:700;white-space:nowrap}
.profile-icon-current-block,.profile-icon-theme{margin-top:14px}.profile-icon-current-block h3,.profile-icon-theme h3{margin:0 0 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.profile-icon-theme+.profile-icon-theme{margin-top:22px}
.dashboard-workspace.create .workspace-actions a:first-child{border-color:var(--line)!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.dashboard-workspace.create .workspace-actions a:first-child:hover{border-color:var(--create)!important;background:var(--create-soft)!important;color:var(--create)!important}
.ai-rating-head{align-items:center}.ai-batch-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-batch-box strong{font-size:24px;color:var(--analysis)}.ai-batch-box span{font-size:11px;color:var(--muted)}.ai-rating-action{display:inline-flex;margin-top:6px}.ai-done-label{display:inline-block;margin-top:6px;font-size:11px;color:var(--ok)}
@media(max-width:800px){.auth-brand-visual{gap:24px;min-height:190px;padding:20px 24px}.auth-momo{width:150px;height:126px}.auth-wordmark{width:230px;max-width:48%}.auth-body{padding:24px}.auth-create{align-items:stretch;flex-direction:column;gap:12px;margin-top:28px}.auth-create-button{width:100%}.ai-batch-box{align-items:flex-start;flex-direction:column}.ai-rating-action{display:flex}.ai-rating-action .button{width:100%}}
@media(max-width:520px){.auth-brand-visual{gap:10px;padding:18px 12px}.auth-momo{width:125px;height:105px}.auth-wordmark{width:190px;max-width:50%}}


/* V3.3 BETA 10 — visuels principaux fournis séparément par référence. */
.brand-momo-picture{display:flex!important;width:180px!important;max-width:100%!important;align-items:center!important;justify-content:center!important;line-height:0!important;margin:0 auto!important;}
.brand-momo-picture .brand-avatar{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;margin:0!important;}
.mobile-momo-picture{display:block!important;width:42px!important;height:42px!important;line-height:0!important;}
.mobile-momo-picture .mobile-momo{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;}

/* Profil : accordéon fermé par défaut, présentation compacte 6 / 4. */
.profile-icon-accordion{padding:0!important;overflow:hidden;}
.profile-icon-summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;cursor:pointer;}
.profile-icon-summary::-webkit-details-marker{display:none}
.profile-icon-summary::before{content:'+';width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:0 0 28px;color:var(--analysis);font-size:18px;font-weight:600;order:3;}
.profile-icon-accordion[open] .profile-icon-summary::before{content:'−';}
.profile-icon-summary h2{margin:0 0 6px;font-size:18px}
.profile-icon-summary .space-intro{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.profile-icon-summary .profile-icon-current{margin-left:auto;white-space:nowrap}
.profile-icon-summary .profile-icon-current b{display:none}
.profile-icon-accordion-body{border-top:1px solid var(--line);padding:18px 22px 20px}
.profile-icon-accordion-body h3{margin:0 0 8px;font-size:13px}
.profile-icon-accordion-body .profile-icon-theme{margin-top:20px}
.profile-icon-picker{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;}
.profile-icon-card{max-width:100%;}
@media(max-width:800px){
  .profile-icon-summary{padding:16px;align-items:flex-start;}
  .profile-icon-summary .profile-icon-current{white-space:normal;text-align:right;font-size:11px;}
  .profile-icon-accordion-body{padding:16px;}
  .profile-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;}
}
@media(max-width:520px){
  .profile-icon-summary{gap:10px;}
  .profile-icon-summary .space-intro{font-size:11px;}
  .profile-icon-summary .profile-icon-current{display:none;}
}

/* DicoRIM : barre courte, centrée, violette et limitée aux cinq crans. */
.paro-slider{display:flex;flex-direction:column;align-items:center;padding:13px 0 7px;}
.paro-slider-head{width:min(720px,100%);}
.paro-slider input[type=range]{width:min(620px,82%);margin:15px auto 7px;accent-color:#5b3a91;display:block;height:10px;}
.paro-slider input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,#5b3a91 0%,#5b3a91 var(--slider-fill,0%),var(--line) var(--slider-fill,0%),var(--line) 100%);}
.paro-slider input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:var(--line);}
.paro-slider input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:#5b3a91;}
.paro-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-8.5px;border-radius:50%;background:#4a2877;border:3px solid #9b7ac7;box-shadow:0 0 0 2px var(--surface),0 2px 7px rgba(0,0,0,.22);cursor:pointer;}
.paro-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4a2877;border:3px solid #9b7ac7;box-shadow:0 0 0 2px var(--surface),0 2px 7px rgba(0,0,0,.22);cursor:pointer;}
.paro-scale{width:min(660px,86%);display:grid;grid-template-columns:repeat(5,1fr);gap:5px;text-align:center;font-size:9px;color:var(--muted);}
.paro-scale span{position:relative;padding-top:7px;}
.paro-scale span::before{content:'';position:absolute;top:0;left:50%;width:2px;height:5px;border-radius:2px;background:#7d5ba8;transform:translateX(-50%);}
@media(max-width:650px){.paro-slider input[type=range]{width:88%;}.paro-scale{width:94%;font-size:7px;gap:2px;}.paro-slider-head{font-size:11px;}}

/* Authentification : une seule paire Momo + logo, boutons strictement alignés. */
.auth-brand-visual .auth-momo{width:235px;height:auto;max-width:44%;display:block;line-height:0;}
.auth-brand-visual .auth-momo img{display:block;width:100%;height:auto;object-fit:contain;}
.auth-brand-visual .auth-wordmark{width:min(300px,42%);display:block;line-height:0;}
.auth-brand-visual .auth-wordmark img{display:block;width:100%;height:auto;object-fit:contain;}
.auth-form .primary,.auth-create-button{height:42px!important;min-height:42px!important;font-size:12px!important;line-height:1!important;font-family:inherit!important;box-sizing:border-box!important;}
.auth-form .primary{display:flex!important;align-items:center!important;justify-content:center!important;}
.auth-create{margin-top:32px!important;}
.auth-create-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
@media(max-width:800px){.auth-brand-visual .auth-momo{width:150px;max-width:45%;}.auth-brand-visual .auth-wordmark{width:230px;max-width:48%;}.auth-create{margin-top:32px!important;}}
@media(max-width:520px){.auth-brand-visual .auth-momo{width:125px;}.auth-brand-visual .auth-wordmark{width:190px;}}

/* DicoRIM — rallonges : sélection visuelle par cartes, sans select natif. */
.paro-extensions{width:100%;border:0;border-top:1px solid var(--line);padding:15px 0 0;margin:0;}
.paro-extensions legend{padding:0;margin:0 0 9px;font-size:11px;font-weight:750;color:var(--ink);}
.paro-extension-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0;}
.paro-extension-group{display:grid;gap:7px;}
.paro-extension-title{font-size:10px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;}
.paro-extension-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.paro-extension-option{position:relative;min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:650;cursor:pointer;transition:.15s ease;}
.paro-extension-option input{position:absolute;opacity:0;pointer-events:none;}
.paro-extension-option:hover{border-color:var(--analysis);color:var(--ink);transform:translateY(-1px);}
.paro-extension-option.selected{border-color:#6b4895;background:color-mix(in srgb,#6b4895 12%,var(--surface));color:#5b3a91;box-shadow:0 0 0 2px color-mix(in srgb,#6b4895 12%,transparent);}
.extension-icon{font-size:15px;line-height:1;font-weight:800;}
@media(max-width:650px){.paro-extension-row{grid-template-columns:1fr;gap:10px}.paro-extension-option{min-height:40px;font-size:9px}}

/* v3.3 beta11 — auth/profile/DicoRIM refinements */
.auth-card--visual{width:min(820px,calc(100% - 28px));}
.auth-brand-visual{gap:56px;min-height:230px;padding:22px 48px;background:var(--surface-2);}
.auth-momo{width:230px;max-width:40%;}
.auth-brand-visual .auth-momo img{mix-blend-mode:normal;}
.auth-body{padding:28px 34px 30px;}
.auth-form .primary,.auth-create-button{height:42px!important;min-height:42px!important;font-size:12px!important;line-height:1!important;}
.auth-form .primary{width:100%;text-align:center!important;}
.auth-create{margin-top:30px!important;}
.auth-create-button{height:36px!important;min-height:36px!important;background:#4a2877!important;padding:0 17px!important;}
.paro-slider input[type=range]{width:min(460px,76%);}
.paro-scale{width:min(500px,82%);}
.paro-extension-visual{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin-top:2px;}
.paro-extension-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch;}
.paro-extension-option{min-height:48px;flex-direction:column;gap:3px;padding:7px 4px;}
.paro-extension-option .extension-icon{font-size:15px;line-height:1;}
.paro-extension-center{min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid color-mix(in srgb,#5b3a91 35%,var(--line));border-radius:12px;background:color-mix(in srgb,#5b3a91 8%,var(--surface));padding:6px 8px;color:#4a2877;}
.paro-extension-center img{width:38px;height:38px;object-fit:contain;border-radius:8px;}
.paro-extension-center strong{font-size:10px;}
@media(max-width:650px){.auth-card--visual{width:min(560px,calc(100% - 20px));}.auth-brand-visual{gap:20px;padding:18px 20px;min-height:180px}.auth-momo{width:145px;max-width:45%}.auth-body{padding:24px}.auth-create{margin-top:30px!important}.paro-slider input[type=range]{width:86%}.paro-scale{width:94%}.paro-extension-visual{grid-template-columns:1fr;gap:8px}.paro-extension-center{order:-1;min-height:58px}.paro-extension-center img{width:34px;height:34px}.paro-extension-side{gap:6px}.paro-extension-option{min-height:44px}}

/* v3.3 beta14 — corrections ciblées, sans toucher au moteur d'analyse. */

/* Connexion : carte plus compacte et visuels principaux intégrés à leur fond réel. */
.auth-card--visual{width:min(720px,calc(100% - 32px))!important;}
.auth-brand-visual{
  gap:54px!important;
  min-height:218px!important;
  padding:20px 42px!important;
  background:#0a1321!important;
}
.auth-brand-visual .auth-momo{width:235px!important;max-width:43%!important;height:auto!important;}
.auth-brand-visual .auth-wordmark{width:min(300px,45%)!important;}
.auth-body{padding:26px 32px 30px!important;}
.auth-form .primary{height:42px!important;min-height:42px!important;font-size:12px!important;text-align:center!important;}
.auth-create{margin-top:30px!important;}
.auth-create-button{
  height:36px!important;min-height:36px!important;
  font-size:12px!important;background:#4a2877!important;
  padding:0 17px!important;
}
html[data-theme="light"] .auth-brand-visual{background:#fbfbfc!important;}
@media(max-width:650px){
  .auth-card--visual{width:min(560px,calc(100% - 20px))!important;}
  .auth-brand-visual{gap:20px!important;padding:18px 20px!important;min-height:180px!important;}
  .auth-brand-visual .auth-momo{width:145px!important;max-width:45%!important;}
  .auth-brand-visual .auth-wordmark{width:190px!important;max-width:48%!important;}
  .auth-body{padding:24px!important;}
}

/* DicoRIM : Momo central est une image seule, sans carte ni libellé. */
.paro-extension-visual{grid-template-columns:1fr 92px 1fr!important;align-items:center!important;gap:10px!important;}
.paro-extension-center{
  min-width:92px!important;width:92px!important;height:92px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  padding:0!important;color:inherit!important;box-shadow:none!important;
}
.paro-extension-center img{
  width:88px!important;height:88px!important;object-fit:contain!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  display:block!important;
}
.paro-extension-center strong{display:none!important;}
.paro-extension-option{border-color:color-mix(in srgb,#6b4895 30%,var(--line))!important;}
.paro-extension-option.selected{
  border-color:#5b3a91!important;
  background:color-mix(in srgb,#5b3a91 12%,var(--surface))!important;
  color:#4b2d78!important;
}
.paro-slider input[type=range]{
  width:min(460px,76%)!important;
  accent-color:#5b3a91!important;
}
.paro-slider input[type=range]::-webkit-slider-runnable-track{background:#c9bedb!important;height:5px;border-radius:999px;}
.paro-slider input[type=range]::-webkit-slider-thumb{
  width:18px!important;height:18px!important;margin-top:-6px!important;
  border-radius:50%!important;background:#4a2877!important;border:2px solid #8b69bd!important;
  box-shadow:0 0 0 2px var(--surface),0 2px 5px rgba(0,0,0,.22)!important;
}
.paro-slider input[type=range]::-moz-range-track{background:#c9bedb!important;height:5px;border-radius:999px;}
.paro-slider input[type=range]::-moz-range-thumb{
  width:18px!important;height:18px!important;border-radius:50%!important;
  background:#4a2877!important;border:2px solid #8b69bd!important;
}
@media(max-width:650px){
  .paro-extension-visual{grid-template-columns:1fr!important;gap:8px!important;}
  .paro-extension-center{order:-1!important;width:72px!important;height:72px!important;min-width:72px!important;margin:0 auto!important;}
  .paro-extension-center img{width:70px!important;height:70px!important;}
  .paro-extension-side{gap:6px!important;}
}

/* Profil : 4 blocs conservés, accordéon uniquement sur le choix d'icône.
   RÈGLE STABLE : 6 colonnes desktop, 4 colonnes mobile. */
.profile-page{display:grid!important;gap:16px!important;}
.profile-icon-accordion{padding:20px 22px!important;}
.profile-icon-picker{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.profile-icon-card{width:100%!important;min-width:0!important;display:block!important;aspect-ratio:1/1!important;}
.profile-icon-card img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;visibility:visible!important;opacity:1!important;}
.profile-name-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important;}
.profile-name-save{height:42px!important;min-height:42px!important;align-self:end!important;}
.profile-identity-actions .profile-logout{
  background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;
  height:36px!important;min-height:36px!important;
}
@media(max-width:900px){
  .profile-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:650px){
  .profile-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;}
  .profile-name-row{grid-template-columns:1fr!important;}
  .profile-name-save{width:100%!important;}
}