/* IASHARK — espace Pro (tableau de bord + formulaire d'accueil).
   Le strict complement de Tailwind (assets/tailwind.css, preflight coupe) :
   tout le reste est en classes utilitaires dans pro-dashboard.js et
   pro-onboarding.js. Ne touche aucune autre page du site. */
*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(141,179,211,.14)}
html,body{margin:0}
body{font-family:'Inter',system-ui,sans-serif}
h1,h2,h3,h4,p,ul,ol,figure,fieldset,dialog{margin:0}
dialog{margin:auto}
fieldset{padding:0;min-width:0}
ul,ol{list-style:none;padding:0}
button{background:transparent;padding:0;cursor:pointer}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{background:transparent}
input[type=checkbox],input[type=radio]{appearance:auto;-webkit-appearance:auto}
select{-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23a6b4c6' stroke-width='1.6' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:11px;padding-right:34px}
a{color:inherit;text-decoration:none}
img,svg,canvas{display:block;max-width:100%}
[hidden]{display:none!important}
input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)}

/* Chiffres alignes (cotes, montants). */
.ps-num{font-variant-numeric:tabular-nums}

/* Formulaire d'accueil : sur telephone, la barre d'actions reste visible au
   pouce, au-dessus de la barre de navigation du bas. */
@media (max-width:639px){
  .ps-actions{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;
    margin-left:-16px;margin-right:-16px;padding:12px 16px;background:rgba(6,11,18,.94);
    border-top:1px solid rgba(141,179,211,.14);backdrop-filter:blur(8px)}
}

/* Bloc Pro verrouille (tableau de bord gratuit) : apercu floute d'un exemple
   FICTIF, jamais de vraies donnees Pro dans la page. */
.ps-locked{position:relative;overflow:hidden}
.ps-locked .ps-locked-preview{filter:blur(2.5px);opacity:.8;pointer-events:none;user-select:none}
.ps-locked .ps-locked-veil{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(180deg,rgba(10,20,32,0) 25%,rgba(10,20,32,.9) 62%,#0a1420 100%)}
@media (prefers-reduced-motion:no-preference){
  .ps-enter{animation:psEnter .45s cubic-bezier(.16,1,.3,1) both}
  @keyframes psEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* Voyant de composition : un point plein, jamais une couleur seule (le mot
   est toujours ecrit a cote). */
.ps-dot{display:inline-block;width:8px;height:8px;border-radius:999px;flex:none}

/* Onglet actif de l'espace Pro, telephone : pastille cyan (comme la page Outils). */
.ps-tab[data-active="1"]{border-color:rgba(32,213,239,.45);background:rgba(32,213,239,.08);color:#20d5ef}

/* « Ton programme du jour » (03/10/2026) : meme rendu que le bloc « Sélection Pro du jour » de la
   page match (lib/selection-pro.js, assets/match-page.css .selpro-*), aux couleurs de l'espace Pro. */
.ps-prog .selpro-item{padding:14px 16px;border:1px solid rgba(32,213,239,.28);border-radius:16px;margin:0 0 10px;background:rgba(6,11,18,.45)}
.ps-prog .selpro-item p{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:#e7eef6}
.ps-prog .selpro-item p:last-child{margin-bottom:0}
.ps-prog .selpro-item .selpro-fam{font-size:12px;font-weight:700;letter-spacing:.02em;color:#20d5ef}
.ps-prog .selpro-item .selpro-num{font-size:12.5px;color:#91a0b3}
.ps-prog .selpro-item .selpro-chance{color:#c9d4e0}
.ps-prog .selpro-item .selpro-cote b,.ps-prog .selpro-item .selpro-sel b{color:#fff}
.ps-prog .ps-prog-match{font-size:13px;color:#91a0b3}
.ps-prog .ps-prog-match b{color:#f4f7fb;font-weight:700}
.ps-prog .selpro-legs{margin:0 0 6px;padding:0;list-style:none;font-size:14px;line-height:1.5;color:#e7eef6}
.ps-prog .selpro-source{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#91a0b3}
