/* Habillage piloté par l'admin : bandeau du haut, onglets avec icônes, animations, thèmes (voir chrome.js) */

/* onglets : icône + libellé */
.tabs button{display:inline-flex;align-items:center;gap:7px;position:relative;transition:transform .18s,background-color .18s,color .18s;font-weight:var(--h-fw,600)}
.tabs button .tbl{white-space:nowrap}
.tabs button.ghosted{opacity:.55;outline:1px dashed var(--muted);outline-offset:-2px}
.tic{width:var(--hic,18px);height:var(--hic,18px);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,filter .2s,color .2s}
.tic .f{fill:none}
html[data-hi="bold"] .tic{stroke-width:2.5}
html[data-hi="duo"] .tic .f{fill:color-mix(in srgb,var(--h-ac,var(--c3)) 30%,transparent)}
html[data-hi="duo"] .tic{stroke-width:1.9}
.tabs button[aria-selected="true"] .tic{color:var(--h-ac,var(--c3))}
html[data-hcaps] .tabs button{text-transform:uppercase;letter-spacing:.07em;font-size:11.5px}

/* styles d'onglets */
html[data-ts="underline"] .tabs{background:transparent;border-color:transparent;padding:0;gap:6px}
html[data-ts="underline"] .tabs button{border-radius:0;background:transparent!important;box-shadow:none!important;padding:8px 10px}
html[data-ts="underline"] .tabs button::before{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--h-ac,var(--c3));transform:scaleX(0);transform-origin:left;transition:transform .25s}
html[data-ts="underline"] .tabs button[aria-selected="true"]::before{transform:scaleX(1)}
html[data-ts="block"] .tabs{border-radius:0;gap:0;padding:0;background:transparent;border:0}
html[data-ts="block"] .tabs button{border-radius:0!important;padding:8px 14px}
html[data-ts="block"] .tabs button[aria-selected="true"]{background:var(--h-ac,var(--fg))!important;color:var(--h-onac,var(--bg))!important;box-shadow:none!important}
html[data-ts="block"] .tabs button[aria-selected="true"] .tic{color:inherit}
html[data-ts="ghost"] .tabs{background:transparent;border-color:transparent;padding:0;gap:2px}
html[data-ts="ghost"] .tabs button{background:transparent!important;box-shadow:none!important}
html[data-ts="ghost"] .tabs button:hover{background:color-mix(in srgb,currentColor 10%,transparent)!important}
html[data-ts="pill"] .tabs,html[data-ts="pill"] .tabs button{border-radius:999px}

/* animations au survol */
html[data-ha="lift"] .tabs button:hover{transform:translateY(-2px)}
html[data-ha="glow"] .tabs button:hover .tic,html[data-ha="glow"] .tabs button[aria-selected="true"] .tic{filter:drop-shadow(0 0 5px var(--h-ac,var(--c3)))}
html[data-ha="glow"] .tabs button:hover .tbl{text-shadow:0 0 12px var(--h-ac,var(--c3))}
html[data-ha="shine"] .tabs button{overflow:hidden}
html[data-ha="shine"] .tabs button::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%);pointer-events:none}
html[data-ha="shine"] .tabs button:hover::after{transform:translateX(130%);transition:transform .7s}
html[data-ha="slide"] .tabs button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
html[data-ha="slide"] .tabs button:hover .tic{transform:translateX(2px)}
html[data-ha="bounce"] .tabs button:hover .tic{animation:hcBounce .55s}
@keyframes hcBounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-5px) scale(1.12)}60%{transform:translateY(1px)}}
@keyframes hcAurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* bandeau coloré (tout sauf « verre ») */
html[data-hs] header{color:var(--h-fg,#fff);border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-hs="solid"] header{background:var(--h-bg,var(--c3))}
html[data-hs="gradient"] header{background:linear-gradient(100deg,var(--h-bg,var(--c3)),var(--h-bg2,var(--c4)))}
html[data-hs="neon"] header{background:var(--h-bg,#05060a);border-bottom:1px solid var(--h-ac,var(--c6));box-shadow:0 0 0 1px color-mix(in srgb,var(--h-ac,var(--c6)) 25%,transparent),0 10px 40px -10px color-mix(in srgb,var(--h-ac,var(--c6)) 60%,transparent)}
html[data-hs="aurora"] header{background:linear-gradient(115deg,var(--h-bg,var(--c4)),var(--h-bg2,var(--c7)),var(--h-ac,var(--c5)),var(--h-bg,var(--c4)));background-size:320% 100%;animation:hcAurora 16s ease infinite}
html[data-hs] header .brand b{color:var(--h-fg,#fff)}
html[data-hs] header .brand span{color:color-mix(in srgb,var(--h-fg,#fff) 74%,transparent)}
html[data-hs] header .tabs{background:color-mix(in srgb,var(--h-fg,#fff) 13%,transparent);border-color:color-mix(in srgb,var(--h-fg,#fff) 20%,transparent)}
html[data-hs][data-ts="underline"] header .tabs,html[data-hs][data-ts="ghost"] header .tabs,html[data-hs][data-ts="block"] header .tabs{background:transparent;border-color:transparent}
html[data-hs] header .tabs button{color:color-mix(in srgb,var(--h-fg,#fff) 80%,transparent)}
html[data-hs] header .tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--h-fg,#fff) 22%,transparent);color:var(--h-fg,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h-fg,#fff) 32%,transparent)}
html[data-hs] header .tabs button[aria-selected="true"] .tic{color:var(--h-ac,var(--h-fg,#fff))}
html[data-hs] header #q{background:color-mix(in srgb,var(--h-fg,#fff) 13%,transparent);border-color:color-mix(in srgb,var(--h-fg,#fff) 24%,transparent);color:var(--h-fg,#fff)}
html[data-hs] header #q::placeholder{color:color-mix(in srgb,var(--h-fg,#fff) 62%,transparent)}
html[data-hs] header .prog span{color:color-mix(in srgb,var(--h-fg,#fff) 82%,transparent)}
html[data-hs] header .bar{background:color-mix(in srgb,var(--h-fg,#fff) 26%,transparent)}
html[data-hs] header .bar i{background:var(--h-ac,var(--h-fg,#fff))}
html[data-hs] header :is(.hd-save,.as-t,.hd-ai,.theme,.hy-out){background:color-mix(in srgb,var(--h-fg,#fff) 13%,transparent);border-color:color-mix(in srgb,var(--h-fg,#fff) 26%,transparent);color:var(--h-fg,#fff)}
html[data-hs] header .hd-save.dirty{background:var(--h-ac,var(--h-fg,#fff));color:var(--h-onac,#101418);border-color:transparent}
html[data-hs] header .as select,html[data-hs] header .as input{background:color-mix(in srgb,var(--h-fg,#fff) 13%,transparent);color:var(--h-fg,#fff);border-color:color-mix(in srgb,var(--h-fg,#fff) 26%,transparent)}
html[data-hs] header .as select option{color:#101418}

/* thèmes : formes (rayon des angles) — uniquement quand un thème est actif */
html[data-skin] :is(.btn,.sm,#q,.hd-save,.as-t,.hd-ai,.theme,.as select,.as input,.lchip,.pchip){border-radius:var(--rad,8px)}
html[data-skin]:not([data-ts="pill"]) .tabs{border-radius:var(--rad,8px)}
html[data-skin]:not([data-ts="pill"]) .tabs button{border-radius:max(calc(var(--rad,8px) - 2px),0px)}

@media (max-width:600px){
  .tabs button:not([aria-selected="true"]) .tbl{display:none}
  .tabs button{padding:7px 10px}
}
@media (prefers-reduced-motion:reduce){
  .tabs button,.tic,.tabs button::before,.tabs button::after{transition:none!important;animation:none!important}
  html[data-hs="aurora"] header{animation:none}
}

/* anti-débordement de la bande */
html[data-hs] header button,html[data-hs] header .tabs button{white-space:nowrap}
html[data-hs] header input[type="search"],html[data-hs] header input[type="text"]{max-width:200px;min-width:0}
html[data-ts="block"] .tabs button{padding:8px 11px}

/* ===== Candidatures : styles réglables par l'admin ===== */
/* cartes */
html[data-ak="flat"] .ap-card{box-shadow:none;border-color:transparent;background:var(--surface);border-bottom:2px solid var(--sc)}
html[data-ak="minimal"] .ap-card{box-shadow:none;background:transparent;border-color:var(--line)}
html[data-ak="glass"] .ap-card{background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 22px rgba(0,0,0,.08)}
html[data-ak="bold"] .ap-card{background:color-mix(in srgb,var(--sc) 12%,var(--surface));border-color:color-mix(in srgb,var(--sc) 45%,var(--line));box-shadow:0 4px 0 color-mix(in srgb,var(--sc) 55%,transparent)}
html[data-ak="bold"] .ap-co{font-weight:800}
.ap-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.ap-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
/* barre de couleur */
html[data-ab="none"] .ap-card{border-left-color:var(--line)!important}
html[data-ab="top"] .ap-card{border-left-width:1px!important;border-top:4px solid var(--sc)!important}
html[data-ab="left"] .ap-card{border-left:4px solid var(--sc)}
/* colonnes */
html[data-ac="open"] .ap-col{background:transparent;border-color:transparent;padding:4px}
html[data-ac="open"] .ap-col h3{padding-bottom:8px;border-bottom:2px solid var(--sc)}
html[data-ac="colored"] .ap-col{background:color-mix(in srgb,var(--sc) 8%,var(--raise))}
html[data-ac="colored"] .ap-col h3{margin:-10px -10px 10px;padding:10px 14px;border-radius:13px 13px 0 0;background:var(--sc);color:var(--on-c,#fff)}
html[data-ac="colored"] .ap-col h3 i{background:var(--on-c,#fff)}
html[data-ac="colored"] .ap-col h3 b{color:inherit}
/* densité */
html[data-ad="compact"] .ap-open{padding:8px 10px 3px}
html[data-ad="compact"] .ap-co{font-size:13.5px}html[data-ad="compact"] .ap-ro{font-size:12px}
html[data-ad="compact"] .ap-cards{gap:5px}html[data-ad="compact"] .ap-foot{padding:2px 6px 7px 10px}
html[data-ad="compact"] .ap-board{grid-auto-columns:minmax(224px,1fr)}
/* statistiques */
html[data-as="off"] .ap-stats{display:none}
html[data-as="slim"] .ap-stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px}
html[data-as="slim"] .ap-s{display:flex;align-items:baseline;gap:7px;padding:0;border:0;background:none;box-shadow:none}
html[data-as="slim"] .ap-s b{font-size:18px}html[data-as="slim"] .ap-s .bar{display:none}
/* informations au survol : seul le nom et l'étape restent visibles */
@media (hover:hover) and (min-width:761px){
  html[data-ar] .ap-meta,html[data-ar] .ap-tags,html[data-ar] .ap-mv{max-height:0;opacity:0;overflow:hidden;margin:0;padding-top:0;padding-bottom:0;transition:max-height .28s ease,opacity .2s ease}
  html[data-ar] .ap-card:hover .ap-meta,html[data-ar] .ap-card:focus-within .ap-meta,html[data-ar] .ap-card:hover .ap-tags,html[data-ar] .ap-card:focus-within .ap-tags,html[data-ar] .ap-card:hover .ap-mv,html[data-ar] .ap-card:focus-within .ap-mv{max-height:120px;opacity:1}
  html[data-ar] .ap-card:hover .ap-meta,html[data-ar] .ap-card:focus-within .ap-meta{margin-top:4px}
}

/* ===== Paramètres : une section à la fois + commandes révélées au survol ===== */
#set.one .set-s:not(.cur){display:none}
#set.one .set-s.cur{animation:setIn .3s cubic-bezier(.2,.8,.2,1)}
@keyframes setIn{from{opacity:0;transform:translateY(8px)}}
html[data-sf] .set-nav button[aria-current="true"]{background:var(--surface);color:var(--fg);box-shadow:inset 3px 0 0 var(--h-ac,var(--c3))}
@media (hover:hover) and (min-width:761px){
  html[data-sr] .set-r>:is(.sw,select,.set-a,button){max-width:0;max-height:0;opacity:0;overflow:hidden;padding:0;margin:0;border-width:0;transition:max-width .35s ease,max-height .3s ease,opacity .25s ease,padding .25s ease}
  html[data-sr] .set-r:hover>:is(.sw,select,.set-a,button),html[data-sr] .set-r:focus-within>:is(.sw,select,.set-a,button){max-width:640px;max-height:110px;opacity:1;padding:revert;border-width:1px}
  html[data-sr] .set-r:hover>.set-a,html[data-sr] .set-r:focus-within>.set-a{margin-left:auto}
  html[data-sr] .set-r:hover>.sw,html[data-sr] .set-r:focus-within>.sw{border-width:0}
}
@media (prefers-reduced-motion:reduce){#set.one .set-s.cur,.ap-card{animation:none;transition:none}}