/* EviSupport — mise en page réelle du dashboard (complète evi.css : tokens, composants, icônes) */
[hidden]{display:none!important}
html{color-scheme:dark light}
body{margin:0;background:var(--bg-0);color:var(--fg-1);font-family:var(--f-body);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}
.app{overflow:visible;min-height:100vh}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:8px;background:var(--accent);color:#fff!important;transition:top .15s}
.skip:focus{top:12px}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wrap-row{flex-wrap:wrap}
.inline-form{display:inline}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kpi{padding:20px}
.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}
.sticky{position:sticky;top:88px}
.todo-ic{width:28px;height:28px;border-radius:50%;border:1.5px dashed var(--line-3);background:transparent}
.sentence-ic{margin-top:3px}
.state-l{font:500 11px/16px var(--f-mono);color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase}

/* ───────── Shell ───────── */
.shell{grid-template-columns:248px minmax(0,1fr)}
.shell-side{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:50}
.side-brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;border-bottom:1px solid var(--line);color:var(--fg-1)!important;text-decoration:none!important;flex:none}
.side-nav{padding:16px 12px;flex:1 1 auto}
.side-user{padding:12px 12px 12px 16px;border-top:1px solid var(--line);flex:none}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:64px;padding:0 24px 0 20px;background:var(--bg-0);border-bottom:1px solid var(--line)}
.menu-btn{display:none}
.srvpick{position:relative}
.srvpick>summary{list-style:none}
.srvpick>summary::-webkit-details-marker{display:none}
.srv-btn{padding:0 10px 0 6px;height:44px;gap:10px;color:var(--fg-1);max-width:340px}
.srv-name{align-items:flex-start;line-height:16px;min-width:0}
.srvpop{position:absolute;left:0;top:calc(100% + 6px);width:320px;max-height:70vh;overflow:auto;z-index:60}
.srvpop .opt{text-decoration:none!important}
.srvpop .opt:hover{background:var(--bg-3)}
.bot-status{display:inline-flex;align-items:center;gap:10px;padding:0 8px}
.offline-banner{padding:16px 40px 0}
img.srv,img.av{object-fit:cover;background:var(--bg-3)}
.page{width:100%}
.nav-scrim{display:none;position:fixed;z-index:45}

.savebar-wrap{position:fixed;left:248px;right:0;bottom:24px;display:flex;justify-content:center;pointer-events:none;z-index:30;padding:0 16px}
.savebar{pointer-events:auto;width:min(560px,100%)}
.toasts{position:fixed;top:80px;right:24px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px)}
.toasts .toast{width:min(380px,calc(100vw - 32px))}

/* ───────── Formulaires ───────── */
.input select{flex:1 1 auto;min-width:0;width:100%;height:38px;border:0;outline:0;background:transparent;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;padding:0 4px 0 0}
.input select option,.input select optgroup{background:var(--bg-2);color:var(--fg-1)}
.input.select .chev{pointer-events:none}
.chip-add{position:relative;padding:0 8px 0 10px}
.chip-add select{border:0;outline:0;background:transparent;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;width:auto;max-width:180px;padding:0}
.chip-add select option{background:var(--bg-2);color:var(--fg-1)}
.chip-add:focus-within{border-color:var(--accent);border-style:solid}
.input input[type=number]{-moz-appearance:textfield}
.input input[type=number]::-webkit-outer-spin-button,.input input[type=number]::-webkit-inner-spin-button,.inline-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.inline-num input[type=number]{-moz-appearance:textfield}
.input.textarea textarea{resize:vertical;min-height:120px;line-height:22px}
.input.tags input{border:0;outline:0}
.seg-link{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:7px;color:var(--fg-2)!important;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none!important}
.seg-link[aria-pressed="true"]{background:var(--bg-3);color:var(--fg-1)!important;box-shadow:0 1px 2px rgba(0,0,0,.25),inset 0 0 0 1px var(--line-2)}
.seg{max-width:100%;overflow-x:auto}
.btn[aria-disabled="true"]{opacity:.42;pointer-events:none}
.lang-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lang-card{padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer}
.lang-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.msg-list{max-height:320px;overflow:auto;padding:2px}
.msg-pick{display:flex;align-items:flex-start;gap:12px;padding:12px;cursor:pointer}
.msg-pick:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.msg-excerpt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.reward-level{width:170px}
.table-wrap{overflow-x:auto}

/* ───────── Dialogue de confirmation ───────── */
dialog.confirm{border:0;padding:0;background:transparent;color:var(--fg-1);font-family:var(--f-body);max-width:min(480px,calc(100vw - 32px));width:100%}
dialog.confirm::backdrop{background:var(--scrim);backdrop-filter:blur(2px)}
dialog.confirm .modal{width:100%}
dialog.confirm :focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* ───────── Connexion / serveurs / erreurs ───────── */
.login{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);min-height:100vh}
.login-main{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:40px 64px 40px 80px}
.login-copy{max-width:460px}
.login-title{font-size:44px;line-height:50px}
.brand{text-decoration:none!important;color:var(--fg-1)!important}
.login-art{position:relative;margin:16px 16px 16px 0;border-radius:20px;overflow:hidden;background:var(--bg-1);border:1px solid var(--line);min-height:560px}
.login-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%)}
.login-card{position:absolute;left:8%;top:12%;width:min(640px,84%);background:var(--bg-0);border-color:var(--line-2);overflow:hidden}
.login-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.login-dp{position:absolute;left:30%;bottom:9%;width:min(380px,66%);border-color:var(--line-2)}
.plain-top{height:64px;padding:0 40px;border-bottom:1px solid var(--line)}
.servers-main{width:min(1064px,calc(100% - 32px));margin:0 auto;padding:56px 0}
.servers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.server-card{padding:20px;display:flex;flex-direction:column;gap:20px}
.servers-tools{flex-wrap:wrap}
.empty-search{color:var(--fg-3);text-align:center;padding:40px 0}
.error-page{display:grid;place-items:center;min-height:100vh;padding:24px}
.error-box{max-width:520px}

/* ───────── Tablette ───────── */
@media (max-width:1279px){
  .page{padding:28px 32px 140px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .span-4,.span-5,.span-7,.span-8{grid-column:span 12}
  .sticky{position:static}
}
@media (max-width:1023px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .shell-side{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-102%);transition:transform var(--d-3) var(--e-out);box-shadow:var(--sh-3)}
  body.nav-open .shell-side{transform:none}
  body.nav-open .nav-scrim{display:block;inset:0;background:var(--scrim)}
  body.nav-open{overflow:hidden}
  .menu-btn{display:inline-flex}
  .topbar{padding:0 12px 0 8px;gap:4px}
  .savebar-wrap{left:0}
  .offline-banner{padding:12px 16px 0}
  .login{grid-template-columns:minmax(0,1fr)}
  .login-art{display:none}
  .login-main{padding:32px 24px}
  .lang-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ───────── Mobile ───────── */
@media (max-width:767px){
  .page{padding:20px 16px 150px;gap:20px}
  .page-h{flex-direction:column;align-items:stretch;gap:16px}
  .page-h>.btn,.page-h>form{align-self:flex-start}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .kpi{padding:16px}
  .kpi-v{font-size:26px;line-height:30px}
  .form-grid,.grid-2{grid-template-columns:minmax(0,1fr)}
  .card-h{padding:16px;flex-wrap:wrap}
  .card-b{padding:16px}
  .card-f{padding:12px 16px;flex-wrap:wrap}
  .set-row{padding:14px 16px;gap:16px}
  .hide-sm{display:none!important}
  .srv-btn{max-width:190px}
  .toasts{top:auto;bottom:88px;right:16px;left:16px}
  .toasts .toast{width:100%}
  .servers-grid{grid-template-columns:minmax(0,1fr)}
  .plain-top{padding:0 16px}
  .servers-main{padding:32px 0}
  .lang-grid{grid-template-columns:minmax(0,1fr)}
  .login-title{font-size:34px;line-height:40px}
  .savebar-wrap{bottom:16px}
  .savebar{padding:8px 8px 8px 14px;gap:8px}
  .reward-row{flex-wrap:wrap;padding:12px 16px!important}
  .reward-level{width:auto}
  .input-num{width:100%}
  .srvpop{position:fixed;left:12px;right:12px;top:68px;width:auto}
  .table.stack thead{display:none}
  .table.stack,.table.stack tbody,.table.stack tr,.table.stack td{display:block;width:100%}
  .table.stack tr{padding:12px 16px;border-bottom:1px solid var(--line)}
  .table.stack tr:last-child{border-bottom:0}
  .table.stack td{height:auto;padding:5px 0;border:0;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:right}
  .table.stack td::before{content:attr(data-label);color:var(--fg-3);font-size:12px;text-align:left;flex:none}
  .table.stack tbody tr:hover td{background:transparent}
  .table.stack td.bar-cell{display:none}
}

/* ───────── Menus déroulants (remplacent la liste native) ───────── */
.input.select.is-enhanced>select,.chip-add.is-enhanced>select{display:none}
.select-btn{flex:1 1 auto;min-width:0;width:100%;height:38px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}
.select-btn:focus-visible{outline:none}
.select-btn .ph{color:var(--fg-3)}
.input.select.is-enhanced:has(.select-btn:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.add-btn{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;white-space:nowrap}
.add-btn:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:6px}
.menu-pop{position:fixed;z-index:80;display:flex;flex-direction:column;font-family:var(--f-body);font-size:14px;line-height:20px;color:var(--fg-1)}
.menu-pop:focus,.menu-pop :focus-visible{outline:none}
.menu-pop .input:focus-within{border-color:var(--accent)}
.menu-list{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.menu-pop .opt{cursor:pointer;min-height:38px}
.menu-pop .opt .meta{font-variant-numeric:tabular-nums}
.menu-pop .opt[aria-selected="true"]:not(.fg-3){font-weight:500}
.menu-pop .opt-group[hidden],.menu-pop .opt[hidden]{display:none}
.menu-empty{padding:12px 10px;color:var(--fg-3);font-size:13px}
.label .opt{display:inline;min-height:0;padding:0;border-radius:0}
.menu-pop{box-sizing:border-box}

/* ───────── Graphiques, catégories, aperçu du panneau, journal ───────── */
.span-6{grid-column:span 6}
@media (max-width:1279px){.span-6{grid-column:span 12}}
.chart{margin:0}
.chart svg{width:100%;height:auto;display:block;overflow:visible}
.chart svg rect:hover{filter:brightness(1.15)}
.chart-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:10px 0 0;list-style:none;font-size:12px;color:var(--fg-2)}
.chart-legend li{display:inline-flex;align-items:center;gap:6px}
.hbars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hbars li{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr) 28px;align-items:center;gap:12px;font-size:13px}
.hbars-track{height:8px;border-radius:var(--r-full);background:var(--bg-3);overflow:hidden}
.hbars-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.hbars-value{text-align:right;color:var(--fg-2)}
.cat-list{list-style:none;margin:0}
.cat-row{background:var(--bg-0)}
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.swatch{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid var(--bg-1);background:var(--c);cursor:pointer;box-shadow:0 0 0 1px var(--line-3);position:relative}
.swatch::after{content:"";position:absolute;inset:-8px}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--fg-1)}
.dp-select{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;max-width:440px;padding:9px 12px;border-radius:6px;background:var(--dp-embed);color:var(--dp-fg);border:1px solid var(--line-2);font-size:14px}
.dp-options{list-style:none;margin:6px 0 0;padding:6px;max-width:440px;border-radius:8px;background:var(--dp-embed);border:1px solid var(--line-2);display:flex;flex-direction:column;gap:2px}
.dp-options li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;color:var(--dp-fg);font-size:14px}
.dp-options li:first-child{background:var(--accent-soft)}
.dp-options small{display:block;color:var(--fg-3);font-size:12px}
.dp-options img{width:20px;height:20px}
.audit-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;padding:16px 24px;border-top:1px solid var(--line)}
.audit-item:first-child{border-top:0}
.audit-details summary{cursor:pointer;color:var(--accent-fg);font-size:13px;width:fit-content}
.audit-details ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.audit-details li{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}
.audit-details li>.fw5{min-width:190px}
.audit-diff{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}
@media (max-width:767px){.audit-item{grid-template-columns:32px minmax(0,1fr);padding:14px 16px}.audit-item time{grid-column:2;text-align:left!important}.hbars li{grid-template-columns:minmax(0,90px) minmax(0,1fr) 32px}}

.chart svg text{font-size:12px}
@media (max-width:767px){.chart svg text{font-size:15px}}

/* Membres, listes et profils */
.member-list{list-style:none;margin:0;padding:0}
.member-list li+li{border-top:1px solid var(--line)}
.member-hit{display:flex;align-items:center;gap:12px;padding:12px 24px;color:inherit;text-decoration:none}
.member-hit:hover{background:var(--bg-2)}
.info-list{display:grid;gap:10px;margin:0}
.info-list>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.info-list dt{color:var(--fg-3)}
.info-list dd{margin:0;text-align:right;font-weight:500}
.inline-form+.inline-form{margin-left:4px}
a.row[href]{color:inherit;text-decoration:none}

.dp-btn.green{background:#2D7D46}

/* Éléments repliables et sélecteur d'emojis */
.collapse-btn{gap:8px;padding:4px 8px;margin-left:-8px;max-width:100%}
.collapse-btn .collapse-ic{transition:transform .15s}
.collapse-btn[aria-expanded="false"] .collapse-ic{transform:rotate(-90deg)}
.collapse-btn [data-collapse-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.emoji-img{width:20px;height:20px;vertical-align:-4px}
.emoji-open{flex:none;margin-right:-6px}
.emoji-pop{position:fixed;z-index:80;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--bg-1);border:1px solid var(--line-2);box-shadow:0 12px 32px rgba(0,0,0,.35);max-height:min(420px,70vh)}
.emoji-search{width:100%;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg-0);color:var(--fg-1);font:inherit}
.emoji-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}
.emoji-tab{flex:none;padding:4px 10px;border-radius:999px;border:0;background:transparent;color:var(--fg-2);font:inherit;font-size:12.5px;cursor:pointer}
.emoji-tab[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-fg)}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;overflow-y:auto;min-height:120px}
.emoji-i{height:36px;border:0;border-radius:6px;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.emoji-i:hover,.emoji-i:focus-visible{background:var(--bg-2)}
.emoji-i img{width:24px;height:24px}

/* Page Emojis */
.emoji-list{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.emoji-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-0)}
.emoji-card img{width:40px;height:40px;object-fit:contain}
.emoji-preview img{width:40px;height:40px;object-fit:contain;border-radius:6px}

/* Logo à droite de l'embed (aperçu) */
.dp-embed{position:relative}
.dp-embed.has-thumb{padding-right:84px}
.dp-thumb{position:absolute;top:12px;right:12px;width:56px;height:56px;border-radius:6px;overflow:hidden}
.dp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
/* Éléments repliés : en-tête centré verticalement */
.cat-row>.row.between{align-items:center}
.cat-row.is-collapsed>.row.between{padding:12px 16px!important}

.emoji-grid{max-height:280px}
.emoji-tabs{scrollbar-width:thin}

/* Aperçu des bannières */
.banner-preview{display:flex;flex-direction:column;gap:6px}
.banner-preview img{width:100%;height:auto;aspect-ratio:1024/400;border-radius:10px;border:1px solid var(--line);background:var(--bg-0)}

/* Éditeur visuel de bannière */
.banner-stage{position:relative;line-height:0;user-select:none}
.banner-stage img{display:block;width:100%;height:auto}
.b-handle{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none;border:1.5px dashed rgba(255,255,255,.95);background:rgba(0,0,0,.35);color:#fff;font:600 11px/1 var(--font-sans,system-ui);margin:0;padding:0}
.b-handle:hover,.b-handle:focus-visible{background:rgba(88,101,242,.45);outline:2px solid var(--accent,#5865F2);outline-offset:2px}
.b-handle.is-dragging{cursor:grabbing;background:rgba(88,101,242,.55)}
.b-avatar{border-radius:50%;aspect-ratio:1/1;height:auto}
.b-text{padding:4px 10px;border-radius:999px;white-space:nowrap}
.banner-stage.snap-x::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.8);pointer-events:none}
.banner-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.banner-sizes input[type=range]{width:100%}

/* Noms des commandes */
.name-list{list-style:none;margin:0;padding:8px 16px}
.name-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) minmax(120px,1fr);gap:12px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.name-row:first-child{border-top:0}
.name-now{color:var(--fg-2)}
@media (max-width:767px){.name-row{grid-template-columns:1fr}.name-now{display:none}}

/* Lignes à interrupteur dans une carte à marges : alignées sur les champs, sans double retrait ni filet en trop. */
.card-b .set-row{padding-left:0;padding-right:0}
.card-b > .set-row:first-child,.card-b > div:first-child > .set-row:first-child{border-top:0;padding-top:0}

/* Liste dynamique sans ligne : pas de marge fantôme au-dessus du message « aucun élément ». */
ul[data-rows]:empty{padding:0 !important}

/* En-tête des pages sans menu latéral : aligné sur les bords du contenu (même largeur maximale, centré). */
.plain-top{padding-inline:max(16px,calc((100% - 1064px) / 2))}
/* Administration : une carte par serveur, qui se replie sur une colonne sans jamais déborder. */
.m-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:16px;align-items:start}
.m-card{display:flex;flex-direction:column;gap:12px;padding:18px;min-width:0}
.m-head{display:flex;align-items:center;gap:12px;min-width:0}
.m-name{font-weight:600;overflow-wrap:anywhere;line-height:1.3}
.m-opts{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.m-opt{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.m-opt:last-child{border-bottom:0;padding-bottom:0}
.m-opt-t{min-width:0;flex:1 1 220px;display:flex;flex-direction:column;gap:4px}
.m-opt-t .t-xs{overflow-wrap:anywhere}
@media (max-width:480px){
  .plain-top{gap:8px}
  .plain-top .wordmark{display:none}
}

/* Champ numérique : un libellé d'unité long (« jours (0 = jamais) ») ne doit jamais écraser la saisie jusqu'à la rendre invisible. */
@media (min-width:768px){
  .input-num{width:auto;min-width:160px;max-width:100%}
}
.input-num input{flex:1 1 auto;width:auto;min-width:5ch}
.input-num .unit{flex:none;white-space:nowrap}

/* Recherche dans le menu latéral */
.nav-search{margin:0 12px 10px;height:36px;position:relative}
.nav-search input{min-width:0}
.nav-kbd{flex:none;font:500 11px/1 var(--font-mono,monospace);padding:3px 6px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:6px;color:var(--fg-3,#8b8fa3)}
.nav-search:focus-within .nav-kbd{display:none}
.side-nav [hidden]{display:none!important}
.nav-none{padding:8px 12px}