:root{
  --pino-bg:#07090c;
  --pino-bg-2:#0b0f14;
  --pino-surface:#10151c;
  --pino-surface-2:#151b24;
  --pino-surface-3:#1b232f;
  --pino-line:rgba(210,221,235,.11);
  --pino-line-strong:rgba(210,221,235,.22);
  --pino-text:#f2f6fa;
  --pino-muted:#94a0ad;
  --pino-muted-2:#697586;
  --pino-accent:#33d69f;
  --pino-accent-2:#16b8a6;
  --pino-gold:#d7a64a;
  --pino-blue:#5aa8ff;
  --pino-red:#f87171;
  --pino-green:#33d69f;
  --pino-shadow:0 24px 80px rgba(0,0,0,.42);
  --pino-shadow-soft:0 14px 36px rgba(0,0,0,.28);
  --pino-radius:18px;
  --pino-radius-lg:28px;
  --appbar-h:76px;
}

*{box-sizing:border-box}
html{background:var(--pino-bg);scroll-behavior:smooth}
body.pino-body,body{
  margin:0;
  min-height:100vh;
  color:var(--pino-text);
  background:
    radial-gradient(circle at 14% 0%, rgba(51,214,159,.12), transparent 28%),
    radial-gradient(circle at 86% 6%, rgba(215,166,74,.09), transparent 26%),
    linear-gradient(180deg,#07090c 0%,#0b0f14 44%,#07090c 100%);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:-.01em;
}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(51,214,159,.28)}

.pino-shell,
.pino-messages{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}
.pino-main{min-height:calc(100vh - var(--appbar-h))}

/* Topbar */
.pino-topbar{
  height:var(--appbar-h);
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 clamp(16px,3vw,40px);
  background:rgba(7,9,12,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--pino-line);
}
.pino-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  min-width:max-content;
}
.pino-brand-mark{
  width:42px;height:42px;
  border-radius:14px;
  display:grid;place-items:center;
  color:#08110f;
  background:linear-gradient(135deg,var(--pino-accent),var(--pino-gold));
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 18px 38px rgba(51,214,159,.14);
}
.pino-brand-text strong{
  display:block;
  font-size:18px;
  line-height:1;
  letter-spacing:.14em;
}
.pino-brand-text small{
  display:block;
  margin-top:4px;
  color:var(--pino-muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.pino-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
}
.pino-nav a{
  color:var(--pino-muted);
  text-decoration:none;
  font-size:13px;
  font-weight:820;
  padding:10px 12px;
  border-radius:12px;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
.pino-nav a:hover{color:var(--pino-text);background:rgba(255,255,255,.055)}
.pino-nav-cta{
  color:#08110f!important;
  background:linear-gradient(135deg,var(--pino-accent),#a7f3d0)!important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(51,214,159,.16);
}
.pino-nav-muted{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  border:1px solid var(--pino-line-strong)!important;
}
.pino-nav-toggle{display:none}
.pino-menu-btn{
  display:none;
  width:44px;height:44px;
  border:1px solid var(--pino-line-strong);
  border-radius:14px;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  background:rgba(255,255,255,.045);
}
.pino-menu-btn span{width:18px;height:2px;border-radius:99px;background:var(--pino-text)}

/* Messages */
.pino-messages{position:relative;z-index:10;margin-top:16px;display:grid;gap:10px}
.pino-message{
  border:1px solid var(--pino-line-strong);
  background:rgba(21,27,36,.92);
  color:var(--pino-text);
  padding:12px 14px;
  border-radius:14px;
  box-shadow:var(--pino-shadow-soft);
}
.pino-message.success{border-color:rgba(51,214,159,.38);background:rgba(51,214,159,.10)}
.pino-message.error{border-color:rgba(248,113,113,.40);background:rgba(248,113,113,.10)}
.pino-message.warning{border-color:rgba(215,166,74,.44);background:rgba(215,166,74,.10)}

/* Buttons and shared cards */
.pino-btn,
.auth-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  padding:12px 18px;
  text-decoration:none;
  border:1px solid transparent;
  font-weight:900;
  letter-spacing:-.01em;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.pino-btn:hover,.auth-btn:hover{transform:translateY(-1px)}
.pino-btn-primary,.auth-btn{
  color:#07100e;
  background:linear-gradient(135deg,var(--pino-accent),#b5f6d8);
  box-shadow:0 18px 42px rgba(51,214,159,.18);
}
.pino-btn-secondary,
.pino-btn-soft{
  color:var(--pino-text);
  background:rgba(255,255,255,.055);
  border-color:var(--pino-line-strong);
}
.pino-btn-secondary:hover,.pino-btn-soft:hover{background:rgba(255,255,255,.085);border-color:rgba(51,214,159,.30)}
.pino-btn:disabled,.auth-btn:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}

.pino-content-card,
.pino-feature-card,
.pino-price-card,
.pino-trade-panel,
.pino-steps div{
  border:1px solid var(--pino-line);
  background:
    linear-gradient(180deg,rgba(21,27,36,.92),rgba(12,16,22,.94));
  border-radius:var(--pino-radius-lg);
  box-shadow:var(--pino-shadow-soft);
}

.pino-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--pino-accent);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.pino-kicker i{color:var(--pino-gold)}

/* Home */
.pino-hero{
  min-height:calc(100vh - var(--appbar-h) - 20px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,470px);
  gap:28px;
  align-items:center;
  padding:clamp(42px,7vw,96px) 0 clamp(28px,5vw,70px);
}
.pino-hero-copy h1,
.pino-page-hero h1{
  margin:14px 0 16px;
  color:var(--pino-text);
  font-size:clamp(46px,6.3vw,82px);
  line-height:.94;
  letter-spacing:-.075em;
  max-width:900px;
}
.pino-hero-copy p,
.pino-page-hero p,
.pino-section-head p,
.pino-flow-copy p{
  color:var(--pino-muted);
  font-size:clamp(16px,1.6vw,19px);
  line-height:1.75;
  max-width:760px;
  margin:0;
}
.pino-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pino-hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.pino-hero-proof span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 12px;
  border:1px solid var(--pino-line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--pino-muted);
  font-size:13px;
  font-weight:800;
}
.pino-hero-proof strong{color:var(--pino-text)}

.pino-trade-panel{
  padding:18px;
  min-height:520px;
  position:relative;
  overflow:hidden;
}
.pino-trade-panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 70% 12%,rgba(51,214,159,.18),transparent 28%),
    linear-gradient(transparent 0,transparent 38px,rgba(255,255,255,.035) 39px),
    linear-gradient(90deg,transparent 0,transparent 38px,rgba(255,255,255,.028) 39px);
  background-size:auto,40px 40px,40px 40px;
  pointer-events:none;
}
.pino-panel-top,.pino-market-line,.pino-signal-grid,.pino-candle-board{position:relative;z-index:1}
.pino-panel-top{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px 18px;
  border-bottom:1px solid var(--pino-line);
}
.pino-dot{width:10px;height:10px;border-radius:50%;background:var(--pino-accent);box-shadow:0 0 18px var(--pino-accent)}
.pino-panel-top strong{font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.pino-panel-top em{margin-left:auto;color:var(--pino-muted);font-style:normal;font-weight:900}
.pino-market-line{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:end;
  padding:24px 10px 10px;
}
.pino-market-line span{color:var(--pino-muted);font-size:16px;font-weight:900}
.pino-market-line strong{
  grid-row:2;
  font-size:56px;
  line-height:.9;
  letter-spacing:-.07em;
  color:var(--pino-accent);
}
.pino-market-line em{
  grid-column:2;
  grid-row:2;
  align-self:center;
  font-style:normal;
  color:var(--pino-gold);
  border:1px solid rgba(215,166,74,.28);
  background:rgba(215,166,74,.10);
  padding:8px 10px;
  border-radius:999px;
  font-weight:900;
}
.pino-candle-board{
  height:190px;
  display:flex;
  align-items:end;
  gap:12px;
  padding:30px 12px;
  margin:14px 0;
  border-radius:22px;
  background:rgba(0,0,0,.22);
  border:1px solid var(--pino-line);
}
.pino-candle-board i{
  display:block;
  width:12px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--pino-muted-2),var(--pino-surface-3));
  opacity:.86;
}
.pino-candle-board i:nth-child(1){height:36%}.pino-candle-board i:nth-child(2){height:52%;background:linear-gradient(180deg,var(--pino-red),#421e25)}.pino-candle-board i:nth-child(3){height:42%}.pino-candle-board i:nth-child(4){height:68%;background:linear-gradient(180deg,var(--pino-accent),#153f34)}.pino-candle-board i:nth-child(5){height:58%}.pino-candle-board i:nth-child(6){height:76%;background:linear-gradient(180deg,var(--pino-accent),#153f34)}.pino-candle-board i:nth-child(7){height:46%}.pino-candle-board i:nth-child(8){height:82%;background:linear-gradient(180deg,var(--pino-gold),#463719)}.pino-candle-board i:nth-child(9){height:66%}.pino-candle-board i:nth-child(10){height:92%;background:linear-gradient(180deg,var(--pino-accent),#153f34)}.pino-candle-board i:nth-child(11){height:74%}.pino-candle-board i:nth-child(12){height:98%;background:linear-gradient(180deg,var(--pino-accent),#153f34)}
.pino-signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pino-signal-grid div,.pino-metric-row div,.pino-account-list div{
  border:1px solid var(--pino-line);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.035);
}
.pino-signal-grid span,.pino-metric-row span,.pino-account-list span,.pino-contact-side span{
  display:block;
  color:var(--pino-muted-2);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.pino-signal-grid strong,.pino-metric-row strong,.pino-account-list strong{display:block;margin-top:6px;color:var(--pino-text);font-size:18px}

.pino-section{padding:clamp(28px,5vw,62px) 0}
.pino-section-head{margin-bottom:22px}
.pino-section h2,.pino-flow-copy h2,.pino-content-card h2,.pino-price-card h2{
  margin:12px 0;
  font-size:clamp(30px,4vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
}
.pino-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pino-feature-card{padding:24px;min-height:230px}
.pino-feature-card i{
  width:48px;height:48px;
  border-radius:16px;
  display:grid;place-items:center;
  color:var(--pino-accent);
  background:rgba(51,214,159,.09);
  border:1px solid rgba(51,214,159,.18);
  font-size:20px;
}
.pino-feature-card h3{margin:26px 0 8px;font-size:20px}
.pino-feature-card p,.pino-content-card p,.pino-price-card p,.pino-steps p{
  color:var(--pino-muted);
  line-height:1.65;
  margin:0;
}
.pino-flow-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;align-items:start}
.pino-steps{display:grid;gap:12px}
.pino-steps div{padding:20px;border-radius:22px;display:grid;grid-template-columns:52px 1fr;gap:2px 12px;align-items:start}
.pino-steps span{grid-row:span 2;color:var(--pino-gold);font-size:13px;font-weight:1000;letter-spacing:.12em}
.pino-steps strong{font-size:21px;color:var(--pino-text)}
.pino-steps p{grid-column:2}

/* Inner pages */
.pino-page-hero{padding:clamp(42px,7vw,84px) 0 26px;width:min(1180px,calc(100% - 40px));margin-inline:auto}
.pino-page-hero h1{font-size:clamp(42px,5.4vw,72px)}
.pino-content-card{padding:clamp(22px,3vw,36px);width:min(1180px,calc(100% - 40px));margin:0 auto 28px}
.pino-legal h2{font-size:24px;letter-spacing:-.02em;margin:28px 0 8px}.pino-legal h2:first-child{margin-top:0}.pino-legal p{font-size:16px}
.pino-form-layout{width:min(1180px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;padding-bottom:58px}
.pino-form-layout .pino-content-card{width:auto;margin:0}
.pino-form-card{display:grid;gap:14px}
.pino-form-card label,.auth-card label{display:grid;gap:8px;color:var(--pino-muted);font-size:13px;font-weight:900}
.pino-form-card input,.pino-form-card textarea,
.auth-card input,.auth-card select,.auth-card textarea,
.pino-content-card input,.pino-content-card textarea{
  width:100%;
  border:1px solid var(--pino-line-strong);
  border-radius:14px;
  background:rgba(3,5,8,.58);
  color:var(--pino-text);
  padding:13px 14px;
  outline:none;
}
.pino-form-card input:focus,.pino-form-card textarea:focus,.auth-card input:focus,.pino-content-card input:focus,.pino-content-card textarea:focus{
  border-color:rgba(51,214,159,.50);
  box-shadow:0 0 0 4px rgba(51,214,159,.08);
}
.pino-contact-side{display:grid;gap:14px;align-content:start}.pino-contact-side strong{display:block;margin-top:6px;word-break:break-word}
.pino-billing-grid{width:min(1180px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1fr);gap:18px;padding-bottom:58px}.pino-billing-grid .pino-content-card{width:auto;margin:0}.pino-price-card{padding:30px}.pino-price-card-main{grid-row:span 2}.pino-price{font-size:38px!important;color:var(--pino-accent)!important;font-weight:1000;margin:10px 0 16px!important}.pino-price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.pino-price-card li{display:flex;gap:10px;align-items:center;color:var(--pino-text);font-weight:850}.pino-price-card li i{color:var(--pino-accent)}.pino-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.pino-account-list{display:grid;gap:10px;margin:18px 0}

/* Auth redesigned */
.auth-shell{
  width:min(1120px,calc(100% - 40px));
  margin-inline:auto;
  padding:clamp(38px,7vw,84px) 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,460px);
  gap:22px;
  align-items:center;
}
.auth-shell:before{
  content:"Trading access\A secured signal workspace";
  white-space:pre-line;
  min-height:470px;
  border:1px solid var(--pino-line);
  border-radius:var(--pino-radius-lg);
  background:
    linear-gradient(180deg,rgba(21,27,36,.84),rgba(10,13,18,.96)),
    radial-gradient(circle at 20% 20%,rgba(51,214,159,.16),transparent 30%);
  box-shadow:var(--pino-shadow);
  padding:38px;
  display:flex;
  align-items:flex-end;
  color:var(--pino-text);
  font-size:clamp(40px,5.4vw,76px);
  font-weight:1000;
  line-height:.92;
  letter-spacing:-.075em;
}
.auth-card{
  border:1px solid var(--pino-line)!important;
  border-radius:var(--pino-radius-lg)!important;
  background:linear-gradient(180deg,rgba(21,27,36,.94),rgba(12,16,22,.98))!important;
  box-shadow:var(--pino-shadow)!important;
  color:var(--pino-text)!important;
  padding:clamp(22px,3vw,34px)!important;
}
.auth-card h1{font-size:34px;line-height:1;margin:10px 0 10px;letter-spacing:-.045em}.form-hint{color:var(--pino-muted)!important;line-height:1.55}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs .tl-btn{flex:1;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:13px;background:rgba(255,255,255,.055)!important;color:var(--pino-muted)!important;border:1px solid var(--pino-line);font-weight:950}.auth-tabs .is-active{background:var(--pino-text)!important;color:#090d12!important}.auth-card form{display:grid;gap:14px}.auth-btn{width:100%;border:0}.form-control{background:rgba(3,5,8,.58)!important;border-color:var(--pino-line-strong)!important;color:var(--pino-text)!important;border-radius:14px!important;padding:13px 14px!important}.form-control::placeholder{color:#667384}

/* Footer */
.pino-footer{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:28px clamp(16px,4vw,44px);
  color:var(--pino-muted);
  border-top:1px solid var(--pino-line);
  background:#07090c;
}
.pino-footer strong{display:block;color:var(--pino-text)}.pino-footer span{display:block;margin-top:4px;font-size:13px}.pino-footer nav{display:flex;gap:14px;flex-wrap:wrap}.pino-footer a{text-decoration:none;color:var(--pino-muted);font-weight:850}.pino-footer a:hover{color:var(--pino-accent)}

/* Trading lab dark reskin: preserve engine, change atmosphere */
.tl-shell{background:transparent!important;color:var(--pino-text)!important;min-height:calc(100vh - var(--appbar-h))!important;padding-top:18px!important}.tl-page{width:min(1540px,calc(100% - 28px))!important}.tl-card,.tl-final,.tl-indicator-panel,.tl-load-strategy__panel,.tl-trades-modal-card{background:linear-gradient(180deg,rgba(21,27,36,.94),rgba(10,13,18,.98))!important;border:1px solid var(--pino-line)!important;color:var(--pino-text)!important;box-shadow:var(--pino-shadow-soft)!important;border-radius:22px!important}.tl-card{padding:18px!important}.tl-section-head h2,.tl-final h2,.tl-settings-copy strong,.tl-indicator-title strong{color:var(--pino-text)!important}.tl-section-head p,.tl-final p,.tl-muted-line,.tl-indicator-preview,.tl-indicator-help,.tl-settings-copy span,.tl-final span,.tl-final-grid span{color:var(--pino-muted)!important}.tl-btn{border-radius:13px!important;font-weight:900!important}.tl-btn-primary{background:linear-gradient(135deg,var(--pino-accent),#b5f6d8)!important;color:#07100e!important;box-shadow:0 14px 32px rgba(51,214,159,.16)!important}.tl-btn-secondary{background:var(--pino-text)!important;color:#090d12!important;border:1px solid rgba(255,255,255,.14)!important}.tl-btn-soft{background:rgba(255,255,255,.055)!important;color:var(--pino-text)!important;border:1px solid var(--pino-line-strong)!important}.tl-btn-danger{background:rgba(248,113,113,.10)!important;color:#fecaca!important;border:1px solid rgba(248,113,113,.22)!important}.tl-status{background:rgba(51,214,159,.08)!important;color:#c9f9e4!important;border:1px solid rgba(51,214,159,.22)!important}.tl-status.error{background:rgba(248,113,113,.10)!important;color:#fecaca!important;border-color:rgba(248,113,113,.24)!important}.tl-card input,.tl-card select,.tl-card textarea,.tl-load-strategy__panel input,.tl-load-strategy__panel select{background:rgba(3,5,8,.58)!important;color:var(--pino-text)!important;border-color:var(--pino-line-strong)!important;border-radius:13px!important}.tl-card label,.tl-load-strategy__panel label{color:var(--pino-muted)!important}.tl-settings-panel,.tl-pino-master-box,.tl-weight-field,.tl-switch-line,.tl-help-box,.tl-chart-card,.tl-table-wrap{background:rgba(3,5,8,.36)!important;border-color:var(--pino-line)!important;color:var(--pino-text)!important;border-radius:18px!important}.tl-indicator-body{background:rgba(3,5,8,.32)!important;border-color:var(--pino-line)!important}.tl-mini-check{background:rgba(3,5,8,.54)!important;border-color:var(--pino-line-strong)!important;color:var(--pino-text)!important}.tl-edit-pill{background:rgba(51,214,159,.14)!important;color:#d7ffef!important}.tl-lwc-chart,.tl-chart-canvas,.tl-chart-shell{background:#07090c!important;border-color:var(--pino-line)!important}.tl-table-wrap table,.tl-table-wrap th,.tl-table-wrap td,#tradesTable,#tradesTable th,#tradesTable td{color:var(--pino-text)!important;border-color:var(--pino-line)!important}#tradesTable thead,.tl-table-wrap thead{background:rgba(3,5,8,.90)!important}.tl-chart-hover{background:rgba(7,9,12,.96)!important;color:var(--pino-text)!important;border:1px solid var(--pino-line)!important;box-shadow:var(--pino-shadow)!important}.tl-config-card{position:sticky!important;top:10px!important;z-index:20!important}

@media (max-width:1040px){
  .pino-hero,.pino-flow-section,.pino-form-layout,.pino-billing-grid,.auth-shell{grid-template-columns:1fr}.pino-feature-grid{grid-template-columns:repeat(2,1fr)}.pino-trade-panel{min-height:420px}.auth-shell:before{min-height:260px}.pino-price-card-main{grid-row:auto}
}
@media (max-width:760px){
  :root{--appbar-h:68px}.pino-shell,.pino-messages,.pino-page-hero,.pino-content-card,.pino-form-layout,.pino-billing-grid,.auth-shell{width:min(100% - 22px,1180px)}.pino-menu-btn{display:flex}.pino-nav{position:fixed;left:12px;right:12px;top:calc(var(--appbar-h) + 10px);display:grid;grid-template-columns:1fr;gap:6px;padding:12px;border:1px solid var(--pino-line-strong);border-radius:20px;background:rgba(7,9,12,.98);box-shadow:var(--pino-shadow);transform:translateY(-10px);opacity:0;pointer-events:none;transition:.16s ease}.pino-nav-toggle:checked ~ .pino-topbar .pino-nav{opacity:1;pointer-events:auto;transform:translateY(0)}.pino-nav a{padding:13px 14px;border-radius:12px}.pino-brand-text small{display:none}.pino-hero{min-height:auto;padding-top:34px}.pino-hero-copy h1,.pino-page-hero h1{font-size:clamp(36px,12vw,56px)}.pino-feature-grid,.pino-signal-grid,.pino-metric-row{grid-template-columns:1fr}.pino-trade-panel{min-height:360px}.pino-market-line strong{font-size:46px}.pino-candle-board{height:150px;gap:8px}.pino-footer{display:grid}.pino-steps div{grid-template-columns:1fr}.pino-steps p{grid-column:auto}.auth-shell{padding:26px 0}.auth-shell:before{font-size:34px;min-height:190px;padding:24px}.tl-page{width:min(100% - 14px,1540px)!important}.tl-card{padding:14px!important;border-radius:18px!important}.tl-section-head h2{font-size:20px!important}
}






/* Contenu plus proche de la navbar */
.pino-main--compact{
  padding-top:0;
}

.pino-main--compact .pino-page-hero{
  padding-top:clamp(18px,3.2vw,42px);
}

.pino-main--compact .pino-hero{
  padding-top:clamp(22px,4vw,54px);
  min-height:calc(100vh - var(--appbar-h) - 46px);
}

.pino-main--compact .auth-shell{
  padding-top:clamp(22px,4vw,54px);
}

.pino-main--compact .tl-shell{
  padding-top:8px!important;
}

.pino-messages{
  margin-top:8px;
}

/* Quand ça ne rentre plus : vrai menu, scrollable, avec header */
@media (max-width:1180px){
  .pino-topbar{
    gap:12px;
  }

  .pino-menu-btn{
    display:flex;
    flex:0 0 auto;
  }

  .pino-nav{
    position:fixed;
    left:14px;
    right:14px;
    top:calc(var(--appbar-h) + 10px);
    max-height:calc(100dvh - var(--appbar-h) - 24px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding:12px;
    border:1px solid var(--pino-line-strong);
    border-radius:24px;
    background:
      radial-gradient(circle at 16% 0%,rgba(51,214,159,.12),transparent 34%),
      linear-gradient(180deg,rgba(15,20,27,.985),rgba(7,9,12,.99));
    box-shadow:var(--pino-shadow);
    transform:translateY(-10px);
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease;
    z-index:1100;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  .pino-nav-panel-head{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:7px 7px 12px;
    margin:-2px -2px 0;
    border-bottom:1px solid var(--pino-line);
    background:linear-gradient(180deg,rgba(15,20,27,.99),rgba(15,20,27,.94));
    backdrop-filter:blur(12px);
  }

  .pino-nav-user{
    min-width:0;
  }

  .pino-nav-user strong{
    display:block;
    color:var(--pino-text);
    font-size:15px;
    line-height:1.1;
    font-weight:1000;
  }

  .pino-nav-user span{
    display:block;
    max-width:min(68vw,560px);
    margin-top:4px;
    color:var(--pino-muted);
    font-size:12px;
    line-height:1.25;
    font-weight:820;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .pino-menu-close{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--pino-line-strong);
    border-radius:14px;
    background:rgba(255,255,255,.06);
    color:var(--pino-text);
    cursor:pointer;
  }

  .pino-nav-section{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    padding:10px;
    border:1px solid var(--pino-line);
    border-radius:18px;
    background:rgba(255,255,255,.028);
  }

  .pino-nav-section--internal{
    border-color:rgba(51,214,159,.22);
    background:rgba(51,214,159,.045);
  }

  .pino-nav-section--account{
    border-color:rgba(215,166,74,.20);
    background:rgba(215,166,74,.045);
  }

  .pino-nav-section-label{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--pino-muted);
    font-size:11px;
    font-weight:1000;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.13em;
    padding:2px 3px 6px;
  }

  .pino-nav-section--internal .pino-nav-section-label{
    color:#c9f9e4;
  }

  .pino-nav-section--account .pino-nav-section-label{
    color:#fde68a;
  }

  .pino-nav a,
  .pino-nav-link{
    justify-content:flex-start;
    min-height:46px;
    width:100%;
    padding:13px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--pino-line);
    color:var(--pino-text);
    font-size:14px;
  }

  .pino-nav-link i{
    width:20px;
    text-align:center;
    color:var(--pino-accent);
  }

  .pino-nav-link--lab{
    justify-content:flex-start;
  }

  .pino-nav-cta{
    justify-content:center!important;
  }
}

@media (max-width:760px){
  .pino-main--compact .pino-page-hero{
    padding-top:18px;
  }

  .pino-main--compact .pino-hero{
    padding-top:20px;
  }

  .pino-main--compact .auth-shell{
    padding-top:20px;
  }

  .pino-main--compact .tl-shell{
    padding-top:6px!important;
  }

  .pino-nav{
    left:10px;
    right:10px;
    border-radius:22px;
    max-height:calc(100dvh - var(--appbar-h) - 18px);
  }

  .pino-nav-user span{
    max-width:62vw;
  }
}






/* Base nav stable — pas de chevauchement, menu plein écran propre */
html,
body,
.pino-body{
  max-width:100%;
  overflow-x:hidden!important;
}

.pino-topbar{
  min-height:var(--appbar-h);
  gap:14px;
}

.pino-brand{
  flex:0 0 auto;
  min-width:0;
  max-width:42vw;
  white-space:nowrap;
  overflow:hidden;
}

.pino-brand-text{
  min-width:0;
  overflow:hidden;
}

.pino-brand-text strong,
.pino-brand-text small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pino-nav{
  min-width:0;
  max-width:calc(100vw - 260px);
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:6px;
  overflow:hidden;
}

.pino-nav-section{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 1 auto;
}

.pino-nav-section-label,
.pino-nav-panel-head{
  display:none;
}

.pino-nav a,
.pino-nav-link{
  min-width:0;
  flex:0 1 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:10px 10px;
  border-radius:12px;
  color:var(--pino-muted);
  text-decoration:none;
  font-size:13px;
  font-weight:880;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}

.pino-nav a span,
.pino-nav-link span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pino-nav-link i{
  flex:0 0 auto;
  font-size:13px;
}

.pino-nav-link--lab{
  flex:0 0 auto;
  color:#07100e!important;
  background:linear-gradient(135deg,var(--pino-accent),#b5f6d8)!important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(51,214,159,.16);
  font-weight:1000;
}

.pino-nav-link--internal:not(.pino-nav-link--lab){
  color:#dffdf2;
  border:1px solid rgba(51,214,159,.18);
  background:rgba(51,214,159,.065);
}

.pino-nav-section--account{
  flex:0 0 auto;
}

/* Contenu plus proche de la navbar */
.pino-main--compact{
  padding-top:0;
}

.pino-main--compact .pino-page-hero{
  padding-top:clamp(18px,3.2vw,42px);
}

.pino-main--compact .pino-hero{
  padding-top:clamp(22px,4vw,54px);
  min-height:calc(100vh - var(--appbar-h) - 46px);
}

.pino-main--compact .auth-shell{
  padding-top:clamp(22px,4vw,54px);
}

.pino-main--compact .tl-shell{
  padding-top:8px!important;
}

.pino-messages{
  margin-top:8px;
}

/* Dès que la nav peut manquer de place : menu plein écran */
@media (max-width:1400px){
  .pino-brand{
    max-width:calc(100vw - 92px);
  }

  .pino-menu-btn{
    display:flex;
    flex:0 0 auto;
  }

  .pino-nav{
    position:fixed;
    inset:0!important;
    width:auto!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-width:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:12px;

    padding:
      max(14px, env(safe-area-inset-top))
      max(14px, env(safe-area-inset-right))
      max(18px, env(safe-area-inset-bottom))
      max(14px, env(safe-area-inset-left))!important;

    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 16% 0%,rgba(51,214,159,.14),transparent 34%),
      radial-gradient(circle at 88% 8%,rgba(215,166,74,.10),transparent 28%),
      linear-gradient(180deg,rgba(15,20,27,.995),rgba(7,9,12,1))!important;
    box-shadow:none!important;
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease;
    z-index:1100;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  .pino-nav-panel-head{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    padding:8px 2px 14px;
    margin:0 0 4px;
    border-bottom:1px solid var(--pino-line);
    background:linear-gradient(180deg,rgba(15,20,27,.99),rgba(15,20,27,.94));
    backdrop-filter:blur(12px);
  }

  .pino-nav-user{
    min-width:0;
    overflow:hidden;
  }

  .pino-nav-user strong{
    display:block;
    color:var(--pino-text);
    font-size:15px;
    line-height:1.1;
    font-weight:1000;
  }

  .pino-nav-user span{
    display:block;
    max-width:calc(100vw - 92px);
    margin-top:4px;
    color:var(--pino-muted);
    font-size:12px;
    line-height:1.25;
    font-weight:820;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .pino-menu-close{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--pino-line-strong);
    border-radius:16px;
    background:rgba(255,255,255,.06);
    color:var(--pino-text);
    cursor:pointer;
  }

  .pino-nav-section{
    width:100%;
    min-width:0;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
    padding:12px;
    border:1px solid var(--pino-line);
    border-radius:20px;
    background:rgba(255,255,255,.028);
  }

  .pino-nav-section--internal{
    border-color:rgba(51,214,159,.22);
    background:rgba(51,214,159,.045);
  }

  .pino-nav-section--account{
    border-color:rgba(215,166,74,.20);
    background:rgba(215,166,74,.045);
  }

  .pino-nav-section-label{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--pino-muted);
    font-size:11px;
    font-weight:1000;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.13em;
    padding:2px 3px 6px;
  }

  .pino-nav-section--internal .pino-nav-section-label{
    color:#c9f9e4;
  }

  .pino-nav-section--account .pino-nav-section-label{
    color:#fde68a;
  }

  .pino-nav a,
  .pino-nav-link{
    width:100%;
    min-width:0;
    max-width:100%;
    justify-content:flex-start;
    min-height:50px;
    padding:13px 14px;
    border-radius:15px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--pino-line);
    color:var(--pino-text);
    font-size:14px;
    overflow:hidden;
  }

  .pino-nav-link i{
    width:20px;
    flex:0 0 20px;
    text-align:center;
    color:var(--pino-accent);
  }

  .pino-nav-cta{
    justify-content:center!important;
  }
}

@media (max-width:760px){
  .pino-main--compact .pino-page-hero{
    padding-top:18px;
  }

  .pino-main--compact .pino-hero{
    padding-top:20px;
  }

  .pino-main--compact .auth-shell{
    padding-top:20px;
  }

  .pino-main--compact .tl-shell{
    padding-top:6px!important;
  }

  .pino-brand{
    max-width:calc(100vw - 88px);
  }

  .pino-brand-text small{
    display:none;
  }
}


/* Menu plein écran — sections propres sans chevauchement */
@media (max-width:1400px){
  .pino-nav{
    gap:18px!important;
    align-content:start!important;
    padding-bottom:28px!important;
  }

  .pino-nav-panel-head{
    margin:0 0 2px!important;
    padding:8px 2px 16px!important;
  }

  .pino-nav-section{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .pino-nav-section-label{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:auto!important;
    padding:0 2px 2px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    line-height:1.1!important;
    color:var(--pino-muted)!important;
    font-size:11px!important;
    font-weight:1000!important;
    text-transform:uppercase!important;
    letter-spacing:.18em!important;
    transform:none!important;
  }

  .pino-nav-section--internal .pino-nav-section-label{
    color:#c9f9e4!important;
  }

  .pino-nav-section--account .pino-nav-section-label{
    color:#fde68a!important;
  }

  .pino-nav-section-label i{
    flex:0 0 auto!important;
    width:17px!important;
    text-align:center!important;
  }

  .pino-nav-section > a,
  .pino-nav-section > .pino-nav-link{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:54px!important;
    margin:0!important;
    padding:14px 16px!important;
    border-radius:17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow:hidden!important;
  }

  .pino-nav-section > a i,
  .pino-nav-section > .pino-nav-link i{
    width:22px!important;
    flex:0 0 22px!important;
    text-align:center!important;
  }

  .pino-nav-section > a span,
  .pino-nav-section > .pino-nav-link span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .pino-nav-section--internal{
    padding:14px!important;
    border:1px solid rgba(51,214,159,.20)!important;
    border-radius:24px!important;
    background:rgba(51,214,159,.035)!important;
  }

  .pino-nav-section--public{
    padding:14px!important;
    border:1px solid rgba(210,221,235,.12)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.025)!important;
  }

  .pino-nav-section--account{
    padding:14px!important;
    border:1px solid rgba(215,166,74,.20)!important;
    border-radius:24px!important;
    background:rgba(215,166,74,.035)!important;
  }

  .pino-nav-section--public .pino-nav-section-label{
    margin-top:0!important;
  }

  .pino-nav-section--account .pino-nav-section-label{
    margin-top:0!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    gap:14px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .pino-nav-section{
    padding:12px!important;
    border-radius:22px!important;
  }

  .pino-nav-section > a,
  .pino-nav-section > .pino-nav-link{
    min-height:50px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
  }
}


/* Mobile brand — garder PINO + Scalping en deux lignes */
@media (max-width:760px){
  .pino-brand{
    max-width:calc(100vw - 88px)!important;
    overflow:visible!important;
  }

  .pino-brand-text{
    display:block!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .pino-brand-text strong{
    display:block!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1!important;
  }

  .pino-brand-text small{
    display:block!important;
    margin-top:4px!important;
    color:var(--pino-muted)!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.16em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* Menu mobile — header premium + boutons neutres */
@media (max-width:1400px){
  .pino-nav-panel-head{
    padding:12px!important;
    margin:0 0 8px!important;
    border:1px solid rgba(210,221,235,.13)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 16% 0%,rgba(51,214,159,.11),transparent 38%),
      linear-gradient(180deg,rgba(21,27,36,.96),rgba(10,13,18,.98))!important;
    box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
  }

  .pino-nav-user{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .pino-nav-user-mark{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:16px!important;
    color:#d7ffef!important;
    background:rgba(51,214,159,.10)!important;
    border:1px solid rgba(51,214,159,.20)!important;
    box-shadow:none!important;
  }

  .pino-nav-user-copy{
    min-width:0!important;
    display:block!important;
  }

  .pino-nav-user-copy strong{
    display:block!important;
    color:var(--pino-text)!important;
    font-size:16px!important;
    line-height:1.05!important;
    font-weight:1000!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pino-nav-user-copy span{
    display:block!important;
    max-width:calc(100vw - 124px)!important;
    margin-top:5px!important;
    color:var(--pino-muted)!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:820!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pino-menu-close{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(210,221,235,.16)!important;
    color:var(--pino-muted)!important;
    box-shadow:none!important;
  }

  .pino-menu-close:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.075)!important;
  }

  /* Navigation neutre : pas de bouton vert pour Lab / Connexion */
  .pino-nav-link--lab,
  .pino-nav-cta,
  .pino-nav-link--internal:not(.pino-nav-link--lab){
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid var(--pino-line)!important;
    box-shadow:none!important;
  }

  .pino-nav-link--lab i,
  .pino-nav-cta i,
  .pino-nav-link--internal i,
  .pino-nav-link i{
    color:var(--pino-muted)!important;
  }

  .pino-nav-section > a:hover,
  .pino-nav-section > .pino-nav-link:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(210,221,235,.22)!important;
    transform:none!important;
  }

  .pino-nav-section > a:hover i,
  .pino-nav-section > .pino-nav-link:hover i{
    color:var(--pino-text)!important;
  }
}

/* Desktop nav aussi sobre : Lab / Connexion ne sont plus colorés */
@media (min-width:1401px){
  .pino-nav-link--lab,
  .pino-nav-cta,
  .pino-nav-link--internal:not(.pino-nav-link--lab){
    color:var(--pino-muted)!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
  }

  .pino-nav-link--lab:hover,
  .pino-nav-cta:hover,
  .pino-nav-link--internal:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.055)!important;
  }
}

/* =====================================================================
   PINO logo image asset
   Remplace le pictogramme FontAwesome du logo par une vraie image.
   Fichier attendu : static/trading/img/pino-logo-mark.svg
   ===================================================================== */

.pino-brand-mark,
.pino-nav-user-mark{
  overflow:hidden!important;
  padding:0!important;
}

.pino-brand-mark img,
.pino-nav-user-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
}

.pino-brand-mark i,
.pino-nav-user-mark i{
  display:none!important;
}



/* Branding PINO — Scalping vert email + largeur alignée */
:root{
  --pino-email-green:#22c55e;
  --pino-brand-word-width:15.8ch;
}

.pino-brand-text,
.pino-nav-user-copy{
  display:block!important;
  width:var(--pino-brand-word-width)!important;
  min-width:var(--pino-brand-word-width)!important;
  max-width:var(--pino-brand-word-width)!important;
}

.pino-brand-text strong,
.pino-nav-user-copy strong{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  width:100%!important;
  line-height:1!important;
  color:var(--pino-text)!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  letter-spacing:.055em!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.pino-brand-green{
  color:var(--pino-email-green)!important;
}

.pino-brand-text small{
  display:block!important;
  width:100%!important;
  margin-top:5px!important;
  color:var(--pino-muted)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.pino-nav-user-copy > span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:5px!important;
  color:var(--pino-muted)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.pino-footer-brand .pino-brand-green{
  color:var(--pino-email-green)!important;
}

@media (max-width:760px){
  .pino-brand{
    max-width:calc(100vw - 88px)!important;
    overflow:visible!important;
  }

  .pino-brand-text{
    display:block!important;
    width:var(--pino-brand-word-width)!important;
    min-width:var(--pino-brand-word-width)!important;
    max-width:var(--pino-brand-word-width)!important;
    overflow:visible!important;
  }

  .pino-brand-text strong{
    display:flex!important;
    justify-content:space-between!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .pino-brand-text small{
    display:block!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* Branding PINO — sous-titre étiré comme le titre */
.pino-brand-text small{
  letter-spacing:.175em!important;
  text-align:justify!important;
  text-align-last:justify!important;
}

@media (max-width:760px){
  .pino-brand-text small{
    letter-spacing:.175em!important;
    text-align:justify!important;
    text-align-last:justify!important;
  }
}


/* Footer PINO — version propre, compacte, responsive */
.pino-footer-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px 28px!important;
  align-items:center!important;
  padding:26px clamp(16px,4vw,44px)!important;
  border-top:1px solid var(--pino-line)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(34,197,94,.08),transparent 30%),
    linear-gradient(180deg,rgba(7,9,12,.98),#07090c)!important;
  color:var(--pino-muted)!important;
}

.pino-footer-v2__brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.pino-footer-v2__mark{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(215,166,74,.10))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}

.pino-footer-v2__mark img{
  width:30px!important;
  height:30px!important;
  display:block!important;
  object-fit:contain!important;
}

.pino-footer-v2__copy{
  min-width:0!important;
}

.pino-footer-v2__copy strong{
  display:block!important;
  color:var(--pino-text)!important;
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}

.pino-footer-v2__copy span{
  display:block!important;
  margin-top:6px!important;
  color:var(--pino-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.pino-footer-v2__nav{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

.pino-footer-v2__nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 11px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:var(--pino-muted)!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1!important;
}

.pino-footer-v2__nav a:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:var(--pino-line)!important;
}

.pino-footer-v2__bottom{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:14px!important;
  border-top:1px solid var(--pino-line)!important;
  color:var(--pino-muted-2)!important;
  font-size:12px!important;
  line-height:1.35!important;
}

@media(max-width:820px){
  .pino-footer-v2{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }

  .pino-footer-v2__nav{
    justify-content:flex-start!important;
  }

  .pino-footer-v2__bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-width:520px){
  .pino-footer-v2{
    padding:22px 14px!important;
  }

  .pino-footer-v2__brand{
    align-items:flex-start!important;
  }

  .pino-footer-v2__copy strong{
    white-space:normal!important;
  }

  .pino-footer-v2__nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }

  .pino-footer-v2__nav a{
    width:100%!important;
    border-color:var(--pino-line)!important;
    background:rgba(255,255,255,.035)!important;
  }
}

/* =====================================================================
   Footer PINO — version propre et uniforme
   Même comportement desktop / tablette / mobile : liens simples, pas de boutons.
   ===================================================================== */

.pino-footer-clean{
  display:block!important;
  padding:0!important;
  border-top:1px solid var(--pino-line)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(34,197,94,.07),transparent 30%),
    linear-gradient(180deg,rgba(7,9,12,.98),#07090c)!important;
  color:var(--pino-muted)!important;
}

.pino-footer-clean__inner{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:24px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px 28px!important;
  flex-wrap:wrap!important;
}

.pino-footer-clean__brand{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--pino-text)!important;
  text-decoration:none!important;
}

.pino-footer-clean__mark{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:rgba(34,197,94,.08)!important;
  border:1px solid rgba(34,197,94,.18)!important;
}

.pino-footer-clean__mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
}

.pino-footer-clean__name{
  display:block!important;
  min-width:0!important;
}

.pino-footer-clean__name strong{
  display:block!important;
  color:var(--pino-text)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
}

.pino-footer-clean__name small{
  display:block!important;
  margin-top:5px!important;
  color:var(--pino-muted)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.175em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.pino-footer-clean__nav{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}

.pino-footer-clean__nav a{
  display:inline!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pino-muted)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.45!important;
}

.pino-footer-clean__nav a:hover{
  color:var(--pino-text)!important;
  background:transparent!important;
  border:0!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

.pino-footer-clean__legal{
  flex:1 1 100%!important;
  margin:0!important;
  color:var(--pino-muted-2)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

@media(max-width:820px){
  .pino-footer-clean__inner{
    width:min(100% - 28px,1180px)!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:16px!important;
  }

  .pino-footer-clean__brand{
    width:100%!important;
  }

  .pino-footer-clean__nav{
    width:100%!important;
    justify-content:flex-start!important;
    gap:10px 15px!important;
  }

  .pino-footer-clean__legal{
    width:100%!important;
  }
}

@media(max-width:520px){
  .pino-footer-clean__inner{
    width:min(100% - 24px,1180px)!important;
    padding:22px 0!important;
  }

  .pino-footer-clean__nav{
    gap:9px 14px!important;
  }

  .pino-footer-clean__nav a{
    font-size:13px!important;
  }

  .pino-footer-clean__legal{
    font-size:12px!important;
  }
}

/* =====================================================================
   Sélecteur de langue PINO — FR / EN
   ===================================================================== */

.pino-lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 2px!important;
  color:var(--pino-muted)!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.pino-lang-switch button{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  color:var(--pino-muted)!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
}

.pino-lang-switch button:hover,
.pino-lang-switch button.is-active{
  color:var(--pino-text)!important;
}

.pino-lang-switch span{
  margin:0!important;
  color:var(--pino-muted-2)!important;
  font-size:12px!important;
  line-height:1!important;
}

@media (min-width:1401px){
  .pino-nav-section--language{
    flex:0 0 auto!important;
  }
}

@media (max-width:1400px){
  .pino-nav-section--language{
    padding:14px!important;
    border:1px solid rgba(210,221,235,.12)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.025)!important;
  }

  .pino-nav-section--language .pino-lang-switch{
    width:100%!important;
    justify-content:flex-start!important;
    min-height:50px!important;
    padding:13px 14px!important;
    border:1px solid var(--pino-line)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.04)!important;
  }

  .pino-nav-section--language .pino-lang-switch button{
    font-size:14px!important;
  }
}



/* =====================================================================
   Langue toujours visible dans la barre du haut
   ===================================================================== */

.pino-topbar-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin-left:auto!important;
}

.pino-lang-switch--topbar{
  min-height:42px!important;
  padding:4px 7px!important;
  gap:4px!important;
  border:1px solid rgba(210,221,235,.14)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(34,197,94,.14),transparent 42%),
    rgba(255,255,255,.045)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px)!important;
}

.pino-lang-switch--topbar .pino-lang-switch__icon{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 2px 0 0!important;
  border-radius:999px!important;
  color:var(--pino-email-green,var(--pino-accent))!important;
  background:rgba(34,197,94,.10)!important;
  border:1px solid rgba(34,197,94,.16)!important;
  font-size:12px!important;
}

.pino-lang-switch--topbar button{
  min-width:34px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  border-radius:999px!important;
  color:var(--pino-muted)!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}

.pino-lang-switch--topbar button:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.07)!important;
}

.pino-lang-switch--topbar button.is-active{
  color:#07100e!important;
  background:linear-gradient(135deg,var(--pino-email-green,var(--pino-accent)),#bbf7d0)!important;
  box-shadow:0 10px 24px rgba(34,197,94,.16)!important;
}

.pino-lang-switch--topbar .pino-lang-switch__sep{
  color:var(--pino-muted-2)!important;
  font-size:12px!important;
  font-weight:900!important;
}

@media (min-width:1401px){
  .pino-topbar-actions{
    margin-left:4px!important;
  }
}

@media (max-width:1400px){
  .pino-topbar{
    justify-content:space-between!important;
  }

  .pino-topbar-actions{
    margin-left:auto!important;
  }

  .pino-brand{
    max-width:calc(100vw - 184px)!important;
  }
}

@media (max-width:520px){
  .pino-topbar{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:8px!important;
  }

  .pino-topbar-actions{
    gap:8px!important;
  }

  .pino-lang-switch--topbar{
    min-height:40px!important;
    padding:4px 6px!important;
  }

  .pino-lang-switch--topbar .pino-lang-switch__icon{
    width:26px!important;
    height:26px!important;
    margin-right:1px!important;
  }

  .pino-lang-switch--topbar button{
    min-width:30px!important;
    height:28px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }

  .pino-brand{
    max-width:calc(100vw - 172px)!important;
  }
}

@media (max-width:390px){
  .pino-brand-text{
    width:13.6ch!important;
    min-width:13.6ch!important;
    max-width:13.6ch!important;
  }

  .pino-brand-text strong{
    font-size:16px!important;
    letter-spacing:.03em!important;
  }

  .pino-brand-text small{
    font-size:9px!important;
    letter-spacing:.125em!important;
  }

  .pino-lang-switch--topbar .pino-lang-switch__icon{
    display:none!important;
  }

  .pino-brand{
    max-width:calc(100vw - 138px)!important;
  }
}

/* PINO requested fixed navbar + menu order */
body.pino-body{
  padding-top:var(--appbar-h)!important;
}

.pino-topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
}

[id]{
  scroll-margin-top:calc(var(--appbar-h) + 14px);
}

@media (max-width:1400px){
  .pino-nav-section--account{
    order:1!important;
  }

  .pino-nav-section--internal{
    order:2!important;
  }

  .pino-nav-section--public{
    order:3!important;
  }
}
/* PWA install — bouton public dans le menu mobile */
.pino-install-app-btn{
  width:100%;
  border:1px solid rgba(51,214,159,.24)!important;
  background:rgba(51,214,159,.075)!important;
  color:#d7ffef!important;
  font:inherit;
  text-align:left;
}

.pino-install-app-btn[hidden]{
  display:none!important;
}

.pino-install-app-btn i{
  color:var(--pino-accent,#33d69f)!important;
}

@media (min-width:1401px){
  .pino-install-app-btn{
    display:none!important;
  }
}

@media (max-width:1400px){
  .pino-nav-section--public .pino-install-app-btn:not([hidden]){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
}


/* Menu — ordre final connecté : Compte / Interne / Public */
@media (max-width:1400px){
  .pino-nav-section--account{
    order:1!important;
  }

  .pino-nav-section--internal{
    order:2!important;
  }

  .pino-nav-section--public{
    order:3!important;
  }
}


/* PWA — fenêtre d’installation PINO */
.pino-install-modal[hidden]{
  display:none!important;
}

.pino-install-modal{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:18px;
}

.pino-install-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(12px);
}

.pino-install-modal__card{
  position:relative;
  width:min(470px,100%);
  max-height:calc(100dvh - 36px);
  overflow:auto;
  border:1px solid rgba(210,221,235,.15);
  border-radius:30px;
  padding:24px;
  color:var(--pino-text);
  background:
    radial-gradient(circle at 14% 0%,rgba(34,197,94,.17),transparent 34%),
    radial-gradient(circle at 86% 10%,rgba(215,166,74,.12),transparent 30%),
    linear-gradient(180deg,rgba(21,27,36,.98),rgba(7,9,12,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.55);
}

.pino-install-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(210,221,235,.16);
  border-radius:15px;
  background:rgba(255,255,255,.05);
  color:var(--pino-muted);
}

.pino-install-modal__close:hover{
  color:var(--pino-text);
  background:rgba(255,255,255,.08);
}

.pino-install-modal__brand{
  display:flex;
  align-items:center;
  gap:12px;
  padding-right:44px;
}

.pino-install-modal__logo{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(215,166,74,.10));
  overflow:hidden;
}

.pino-install-modal__logo img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
}

.pino-install-modal__brand span{
  display:block;
  color:var(--pino-muted);
  font-size:12px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pino-install-modal__brand strong{
  display:block;
  margin-top:4px;
  color:var(--pino-text);
  font-size:18px;
  line-height:1;
  font-weight:1000;
}

.pino-install-modal__card h2{
  margin:22px 0 10px;
  color:var(--pino-text);
  font-size:clamp(30px,6vw,42px);
  line-height:.98;
  letter-spacing:-.06em;
}

.pino-install-modal__card p{
  margin:0;
  color:var(--pino-muted);
  line-height:1.6;
  font-size:15px;
}

.pino-install-modal__benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:20px 0;
}

.pino-install-modal__benefits div{
  min-width:0;
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(210,221,235,.11);
  border-radius:17px;
  background:rgba(255,255,255,.035);
}

.pino-install-modal__benefits i{
  color:#22c55e;
}

.pino-install-modal__benefits span{
  color:var(--pino-text);
  font-size:12px;
  line-height:1.25;
  font-weight:900;
}

.pino-install-modal__actions{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:10px;
  margin-top:18px;
}

.pino-install-modal__primary,
.pino-install-modal__secondary{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:15px;
  padding:12px 14px;
  font-weight:950;
  line-height:1;
}

.pino-install-modal__primary{
  border:1px solid rgba(255,255,255,.16);
  color:#07100e;
  background:linear-gradient(135deg,#22c55e,#b5f6d8);
  box-shadow:0 18px 44px rgba(34,197,94,.18);
}

.pino-install-modal__secondary{
  border:1px solid rgba(210,221,235,.16);
  color:var(--pino-text);
  background:rgba(255,255,255,.055);
}

.pino-install-modal__card small{
  display:block;
  margin-top:14px;
  color:var(--pino-muted-2);
  line-height:1.45;
  font-weight:750;
}

.pino-install-modal-open{
  overflow:hidden;
}

@media (max-width:520px){
  .pino-install-modal__card{
    padding:20px;
    border-radius:26px;
  }

  .pino-install-modal__benefits{
    grid-template-columns:1fr;
  }

  .pino-install-modal__actions{
    grid-template-columns:1fr;
  }
}


/* PWA — instructions fallback iPhone/Safari */
.pino-install-modal__steps{
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.pino-install-modal__steps li{
  position:relative;
  padding:12px 12px 12px 42px;
  border:1px solid rgba(210,221,235,.11);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:var(--pino-text);
  font-size:14px;
  line-height:1.35;
  font-weight:850;
  counter-increment:pino-install-step;
}

.pino-install-modal__steps{
  counter-reset:pino-install-step;
}

.pino-install-modal__steps li::before{
  content:counter(pino-install-step);
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#07100e;
  background:linear-gradient(135deg,#22c55e,#b5f6d8);
  font-size:12px;
  font-weight:1000;
}


/* PWA — fenêtre universelle professionnelle */
.pino-install-modal[hidden]{
  display:none!important;
}

.pino-install-modal{
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:18px;
}

.pino-install-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(12px);
}

.pino-install-modal__card{
  position:relative;
  width:min(820px,calc(100vw - 28px));
  max-height:calc(100dvh - 28px);
  overflow:auto;
  border:1px solid rgba(210,221,235,.15);
  border-radius:30px;
  color:var(--pino-text);
  background:
    radial-gradient(circle at 14% 0%,rgba(34,197,94,.16),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(215,166,74,.11),transparent 30%),
    linear-gradient(180deg,rgba(21,27,36,.98),rgba(7,9,12,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.55);
}

.pino-install-modal__grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);
  gap:18px;
  padding:24px;
}

.pino-install-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(210,221,235,.16);
  border-radius:15px;
  background:rgba(255,255,255,.05);
  color:var(--pino-muted);
}

.pino-install-modal__close:hover{
  color:var(--pino-text);
  background:rgba(255,255,255,.08);
}

.pino-install-modal__main,
.pino-install-modal__side{
  min-width:0;
}

.pino-install-modal__side{
  display:grid;
  align-content:start;
  gap:12px;
  padding:16px;
  border:1px solid rgba(210,221,235,.11);
  border-radius:22px;
  background:rgba(255,255,255,.032);
}

.pino-install-modal__brand{
  display:flex;
  align-items:center;
  gap:12px;
  padding-right:44px;
}

.pino-install-modal__logo{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(215,166,74,.10));
  overflow:hidden;
}

.pino-install-modal__logo img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
}

.pino-install-modal__brand span{
  display:block;
  color:var(--pino-muted);
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pino-install-modal__brand strong{
  display:block;
  margin-top:4px;
  color:var(--pino-text);
  font-size:18px;
  line-height:1;
  font-weight:1000;
}

.pino-install-modal__card h2{
  margin:22px 0 10px;
  color:var(--pino-text);
  font-size:clamp(30px,4.2vw,46px);
  line-height:.98;
  letter-spacing:-.06em;
}

.pino-install-modal__card p{
  margin:0;
  color:var(--pino-muted);
  line-height:1.55;
  font-size:15px;
}

.pino-install-modal__status{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
  padding:12px;
  border:1px solid rgba(34,197,94,.18);
  border-radius:16px;
  background:rgba(34,197,94,.07);
  color:#d7ffef;
  font-weight:900;
  line-height:1.3;
}

.pino-install-modal__status i{
  color:#22c55e;
}

.pino-install-modal__side > strong{
  display:block;
  color:var(--pino-text);
  font-size:15px;
  line-height:1.2;
  font-weight:1000;
}

.pino-install-modal__steps{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.pino-install-modal__steps li{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:10px;
  border:1px solid rgba(210,221,235,.10);
  border-radius:15px;
  background:rgba(255,255,255,.035);
}

.pino-install-modal__steps li > span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#07100e;
  background:linear-gradient(135deg,#22c55e,#b5f6d8);
  font-size:12px;
  font-weight:1000;
}

.pino-install-modal__steps li > p{
  color:var(--pino-text);
  font-size:13px;
  line-height:1.35;
  font-weight:850;
}

.pino-install-modal__actions{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:10px;
  margin-top:4px;
}

.pino-install-modal__primary,
.pino-install-modal__secondary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:15px;
  padding:11px 13px;
  font-weight:950;
  line-height:1;
}

.pino-install-modal__primary{
  border:1px solid rgba(255,255,255,.16);
  color:#07100e;
  background:linear-gradient(135deg,#22c55e,#b5f6d8);
  box-shadow:0 18px 44px rgba(34,197,94,.18);
}

.pino-install-modal__secondary{
  border:1px solid rgba(210,221,235,.16);
  color:var(--pino-text);
  background:rgba(255,255,255,.055);
}

.pino-install-modal__card small{
  display:block;
  margin-top:14px;
  color:var(--pino-muted-2);
  line-height:1.45;
  font-weight:750;
}

.pino-install-modal-open{
  overflow:hidden;
}

@media (max-width:760px){
  .pino-install-modal{
    padding:10px;
    align-items:start;
    padding-top:14px;
  }

  .pino-install-modal__card{
    width:100%;
    max-height:calc(100dvh - 20px);
    border-radius:24px;
  }

  .pino-install-modal__grid{
    grid-template-columns:1fr;
    gap:12px;
    padding:18px;
  }

  .pino-install-modal__side{
    padding:12px;
    border-radius:18px;
  }

  .pino-install-modal__card h2{
    font-size:30px;
    margin-top:18px;
  }

  .pino-install-modal__actions{
    grid-template-columns:1fr;
  }
}


/* Navbar — onglets propres, sections séparées, déconnexion à droite */
.pino-nav .pino-nav-link > i,
.pino-nav .pino-install-btn > i{
  display:none!important;
}

@media (min-width:1401px){
  .pino-nav{
    gap:6px!important;
  }

  .pino-nav-section--internal{
    order:1!important;
  }

  .pino-nav-section--public{
    order:2!important;
    margin-left:10px!important;
    padding-left:12px!important;
    border-left:1px solid var(--pino-line)!important;
  }

  .pino-nav-section--account{
    order:3!important;
    margin-left:auto!important;
    padding-left:12px!important;
    border-left:1px solid var(--pino-line)!important;
  }

  .pino-nav .pino-install-btn,
  .pino-nav .pino-install-btn--menu{
    color:var(--pino-muted)!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
  }

  .pino-nav .pino-install-btn:hover,
  .pino-nav .pino-install-btn--menu:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.055)!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
}

@media (max-width:1400px){
  .pino-nav-section--internal{
    order:1!important;
  }

  .pino-nav-section--public{
    order:2!important;
  }

  .pino-nav-section--account{
    order:3!important;
  }

  .pino-nav .pino-install-btn,
  .pino-nav .pino-install-btn--menu{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid var(--pino-line)!important;
    box-shadow:none!important;
  }

  .pino-nav .pino-install-btn:hover,
  .pino-nav .pino-install-btn--menu:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(210,221,235,.22)!important;
    box-shadow:none!important;
  }
}


/* PWA — message Chrome sans blabla */
.pino-install-modal__main p{
  max-width:58ch;
}

.pino-install-modal__steps li p{
  margin:0!important;
}


@media (max-width:900px){
  .pino-topbar:has(.pino-nav--guest) .pino-menu-btn{
    display:flex!important;
  }
}


/* Langue — menu rond FR / EN / ES */
.pino-lang-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:1300;
}

.pino-lang-menu__current{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid rgba(210,221,235,.16);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:var(--pino-text);
  box-shadow:none;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.04em;
}

.pino-lang-menu__current i{
  font-size:9px;
  color:var(--pino-muted);
  transform:translateY(1px);
}

.pino-lang-menu__list{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:158px;
  display:grid;
  gap:6px;
  padding:8px;
  border:1px solid rgba(210,221,235,.14);
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 0%,rgba(34,197,94,.10),transparent 36%),
    linear-gradient(180deg,rgba(21,27,36,.98),rgba(7,9,12,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}

.pino-lang-menu:hover .pino-lang-menu__list,
.pino-lang-menu:focus-within .pino-lang-menu__list{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.pino-lang-menu:hover .pino-lang-menu__current,
.pino-lang-menu:focus-within .pino-lang-menu__current{
  background:rgba(255,255,255,.075);
  border-color:rgba(210,221,235,.22);
}

.pino-lang-menu__list button{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:13px;
  padding:8px 10px;
  background:transparent;
  color:var(--pino-text);
  text-align:left;
}

.pino-lang-menu__list button:hover,
.pino-lang-menu__list button.is-active{
  background:rgba(255,255,255,.06);
  border-color:rgba(210,221,235,.10);
}

.pino-lang-menu__list button span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#07100e;
  background:linear-gradient(135deg,#22c55e,#b5f6d8);
  font-size:11px;
  font-weight:1000;
}

.pino-lang-menu__list button small{
  color:var(--pino-muted);
  font-size:12px;
  font-weight:850;
  line-height:1;
}

.pino-lang-menu__list button.is-active small{
  color:var(--pino-text);
}

/* PWA modal — corriger les numéros doublés en mobile */
.pino-install-modal__steps{
  counter-reset:none!important;
}

.pino-install-modal__steps li{
  counter-increment:none!important;
}

.pino-install-modal__steps li::before{
  display:none!important;
  content:none!important;
}

.pino-install-modal__steps li > span{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#07100e!important;
  background:linear-gradient(135deg,#22c55e,#b5f6d8)!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}

@media (max-width:760px){
  .pino-lang-menu__current{
    width:44px;
    height:44px;
  }

  .pino-lang-menu__list{
    right:0;
    min-width:150px;
  }

  .pino-install-modal__steps li{
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:start!important;
  }

  .pino-install-modal__steps li > span::before,
  .pino-install-modal__steps li > span::after{
    display:none!important;
    content:none!important;
  }
}


/* Langue — ouverture uniquement au clic, jamais au survol */
.pino-lang-menu:hover .pino-lang-menu__list,
.pino-lang-menu:focus-within:not(.is-open) .pino-lang-menu__list{
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
}

.pino-lang-menu:hover .pino-lang-menu__current{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(210,221,235,.16)!important;
}

.pino-lang-menu.is-open .pino-lang-menu__list{
  opacity:1!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

.pino-lang-menu.is-open .pino-lang-menu__current{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.22)!important;
}

.pino-lang-menu.is-open .pino-lang-menu__current i{
  transform:translateY(1px) rotate(180deg)!important;
}

/* PWA modal mobile — un seul rond par étape */
.pino-install-modal__steps,
.pino-install-modal__steps li{
  counter-reset:none!important;
  counter-increment:none!important;
}

.pino-install-modal__steps li::before,
.pino-install-modal__steps li::after{
  display:none!important;
  content:none!important;
}

.pino-install-modal__steps li > span{
  position:static!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#07100e!important;
  background:linear-gradient(135deg,#22c55e,#b5f6d8)!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
}

.pino-install-modal__steps li > span::before,
.pino-install-modal__steps li > span::after{
  display:none!important;
  content:none!important;
}


/* Menu ouvert — cacher le bouton langue rond */
.pino-nav-toggle:checked ~ .pino-topbar .pino-lang-menu{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-lang-menu__list{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-6px)!important;
}


/* PINO — correction finale logo : espacement normal sur PC / tablette / mobile */
.pino-brand{
  gap:10px!important;
  min-width:0!important;
}

.pino-brand-text{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}

.pino-brand-text strong{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  justify-content:flex-start!important;
  color:var(--pino-text)!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-spacing:normal!important;
}

.pino-brand-text strong .pino-brand-green{
  display:inline!important;
  margin-left:4px!important;
}

.pino-brand-text small{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin-top:4px!important;
  color:var(--pino-muted)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.05!important;
  letter-spacing:.015em!important;
  text-align:left!important;
  text-align-last:auto!important;
  word-spacing:normal!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* PINO — cartes : icône/chiffre à gauche, titre à droite, sans saut de ligne vertical */
.pino-feature-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:0 14px!important;
  align-items:start!important;
}

.pino-feature-card > i{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  margin:0!important;
}

.pino-feature-card > h3{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  line-height:1.12!important;
}

.pino-feature-card > p{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin-top:16px!important;
}

.pino-steps div,
.pino-about-steps div{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:0 12px!important;
  align-items:start!important;
}

.pino-steps span,
.pino-about-steps span{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}

.pino-steps strong,
.pino-about-steps strong{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  line-height:1.12!important;
}

.pino-steps p,
.pino-about-steps p{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin-top:12px!important;
}

@media(max-width:760px){
  .pino-brand-text small{
    display:block!important;
    letter-spacing:.015em!important;
    text-align:left!important;
    text-align-last:auto!important;
  }

  .pino-feature-card{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  .pino-steps div,
  .pino-about-steps div{
    grid-template-columns:52px minmax(0,1fr)!important;
  }
}

@media(max-width:390px){
  .pino-brand-text strong{
    font-size:16px!important;
    letter-spacing:-.01em!important;
  }

  .pino-brand-text small{
    font-size:9px!important;
    letter-spacing:.01em!important;
  }
}


/* =====================================================================
   Menu PINO — Compte / Connexion / Déconnexion TOUJOURS en premier
   Correction finale : neutralise les anciens order:3 plus bas dans le CSS.
   ===================================================================== */
.pino-nav-section--account{
  order:1!important;
}

.pino-nav-section--internal{
  order:2!important;
}

.pino-nav-section--public{
  order:3!important;
}

.pino-nav--guest .pino-nav-section--account{
  order:1!important;
}

.pino-nav--guest .pino-nav-section--public{
  order:2!important;
}

@media (min-width:1401px){
  .pino-nav-section--account{
    order:1!important;
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }

  .pino-nav-section--internal{
    order:2!important;
  }

  .pino-nav-section--public{
    order:3!important;
    margin-left:10px!important;
    padding-left:12px!important;
    border-left:1px solid var(--pino-line)!important;
  }

  .pino-nav--guest .pino-nav-section--account{
    order:1!important;
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }

  .pino-nav--guest .pino-nav-section--public{
    order:2!important;
    margin-left:10px!important;
    padding-left:12px!important;
    border-left:1px solid var(--pino-line)!important;
  }
}

@media (max-width:1400px){
  .pino-nav-section--account{
    order:1!important;
  }

  .pino-nav-section--internal{
    order:2!important;
  }

  .pino-nav-section--public{
    order:3!important;
  }

  .pino-nav--guest .pino-nav-section--account{
    order:1!important;
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }

  .pino-nav--guest .pino-nav-section--public{
    order:2!important;
  }
}


/* PWA install modal — bouton X retiré, logo recentré */
.pino-install-modal__brand{
  padding-right:0!important;
}

.pino-install-modal__brand .pino-install-modal__logo{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
}

.pino-install-modal__brand .pino-install-modal__logo img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  margin:auto!important;
  object-fit:contain!important;
}

/* Icônes uniquement dans le menu ouvert, pas dans la barre de navigation desktop */
.pino-menu-link-icon{
  display:none!important;
}

@media (max-width:1400px){
  .pino-nav-section > a .pino-menu-link-icon,
  .pino-nav-section > button .pino-menu-link-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    flex:0 0 22px!important;
    text-align:center!important;
    color:var(--pino-accent)!important;
  }
}


/* Menu 85% + connexion dans le header — ajustement demandé */
.pino-topbar{
  overflow:visible!important;
}

.pino-brand{
  flex:1 1 auto!important;
  min-width:0!important;
}

.pino-topbar-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin-left:auto!important;
}

.pino-topbar-account{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

.pino-topbar-account-link{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:150px!important;
  padding:0 13px!important;
  border:1px solid rgba(210,221,235,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--pino-text)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

.pino-topbar-account-link:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.24)!important;
}

@media (max-width:1400px){
  .pino-nav-panel-head,
  .pino-menu-close,
  .pino-nav-section--account{
    display:none!important;
  }

  .pino-nav{
    position:fixed!important;
    inset:auto!important;
    top:calc(var(--appbar-h) + 10px)!important;
    right:14px!important;
    bottom:auto!important;
    left:auto!important;

    width:85vw!important;
    min-width:0!important;
    max-width:85vw!important;
    height:auto!important;
    max-height:calc(100dvh - var(--appbar-h) - 24px)!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    gap:14px!important;
    padding:14px!important;

    border:1px solid var(--pino-line-strong)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 16% 0%,rgba(51,214,159,.14),transparent 34%),
      radial-gradient(circle at 88% 8%,rgba(215,166,74,.10),transparent 28%),
      linear-gradient(180deg,rgba(15,20,27,.995),rgba(7,9,12,1))!important;
    box-shadow:var(--pino-shadow)!important;

    transform:translateX(12px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .16s ease, transform .16s ease!important;
    z-index:1100!important;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }

  .pino-nav-section{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width:760px){
  .pino-topbar{
    gap:8px!important;
    padding-inline:10px!important;
  }

  .pino-topbar-actions{
    gap:6px!important;
  }

  .pino-topbar-account-link{
    min-height:40px!important;
    max-width:112px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  .pino-lang-menu__current,
  .pino-menu-btn{
    width:40px!important;
    height:40px!important;
  }

  .pino-nav{
    top:calc(var(--appbar-h) + 8px)!important;
    right:10px!important;
    width:85vw!important;
    max-width:85vw!important;
    max-height:calc(100dvh - var(--appbar-h) - 18px)!important;
    padding:12px!important;
    border-radius:22px!important;
  }
}


/* Correction finale — compte dans le header du menu, pas dans la barre de nav */
.pino-topbar-account{
  display:none!important;
}

.pino-nav-panel-head--account{
  display:none;
}

@media (min-width:1401px){
  .pino-nav-link--lab .pino-menu-link-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin-right:1px!important;
    color:inherit!important;
    font-size:13px!important;
  }
}

@media (max-width:1400px){
  .pino-nav-panel-head--account{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-width:0!important;
    padding:12px!important;
    margin:0 0 8px!important;
    border:1px solid rgba(210,221,235,.13)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 16% 0%,rgba(51,214,159,.11),transparent 38%),
      linear-gradient(180deg,rgba(21,27,36,.96),rgba(10,13,18,.98))!important;
    box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(12px)!important;
  }

  .pino-menu-close{
    display:none!important;
  }

  .pino-nav-user{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .pino-nav-user-mark{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:16px!important;
    color:#d7ffef!important;
    background:rgba(51,214,159,.10)!important;
    border:1px solid rgba(51,214,159,.20)!important;
    box-shadow:none!important;
  }

  .pino-nav-user-copy{
    min-width:0!important;
    display:block!important;
  }

  .pino-nav-user-copy strong{
    display:block!important;
    color:var(--pino-text)!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:1000!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pino-nav-user-copy span{
    display:block!important;
    max-width:calc(85vw - 190px)!important;
    margin-top:5px!important;
    color:var(--pino-muted)!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:820!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pino-nav-header-action{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    max-width:150px!important;
    padding:0 13px!important;
    border:1px solid rgba(210,221,235,.16)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.045)!important;
    color:var(--pino-text)!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:1000!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }

  .pino-nav-header-action i{
    flex:0 0 auto!important;
    color:var(--pino-muted)!important;
    font-size:13px!important;
  }

  .pino-nav-header-action span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .pino-nav-header-action:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(210,221,235,.24)!important;
  }
}

@media (max-width:760px){
  .pino-nav-user-mark{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:14px!important;
  }

  .pino-nav-user-copy span{
    max-width:calc(85vw - 166px)!important;
  }

  .pino-nav-header-action{
    min-height:40px!important;
    max-width:116px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}

/* Menu latéral final — 85% largeur, 100% hauteur, fermeture hors menu */
.pino-nav-backdrop{
  display:none;
}

@media (max-width:1400px){
  .pino-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    background:rgba(0,0,0,.28)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .16s ease!important;
    z-index:1095!important;
    cursor:pointer!important;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .pino-nav{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:85vw!important;
    min-width:85vw!important;
    max-width:85vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:
      max(14px, env(safe-area-inset-top))
      max(14px, env(safe-area-inset-right))
      max(18px, env(safe-area-inset-bottom))
      14px!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:1px solid var(--pino-line-strong)!important;
    border-radius:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translateX(100%)!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:1100!important;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
    transform:translateX(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .pino-nav-panel-head--account{
    position:sticky!important;
    top:0!important;
    margin:0 0 10px!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:85vw!important;
    min-width:85vw!important;
    max-width:85vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    padding:
      max(12px, env(safe-area-inset-top))
      max(10px, env(safe-area-inset-right))
      max(16px, env(safe-area-inset-bottom))
      10px!important;
    border-radius:0!important;
  }

  .pino-nav-backdrop{
    height:100dvh!important;
  }
}


/* Menu header compte — sans pictogramme, nom en majuscule et email toujours lisible */
@media (max-width:1400px){
  .pino-nav-panel-head--account{
    align-items:flex-start!important;
  }

  .pino-nav-user{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
    gap:0!important;
  }

  .pino-nav-user-mark{
    display:none!important;
  }

  .pino-nav-user-copy{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  .pino-nav-user-copy strong{
    display:block!important;
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }

  .pino-nav-user-copy span,
  .pino-nav-user-copy .pino-nav-user-email{
    display:block!important;
    max-width:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width:760px){
  .pino-nav-user-copy span,
  .pino-nav-user-copy .pino-nav-user-email{
    max-width:none!important;
  }
}

/* Correctif final menu compte — pas d'espace inutile, email lisible, action sous le compte */
@media (max-width:1400px){
  .pino-nav{
    padding-top:0!important;
    gap:12px!important;
  }

  .pino-nav-panel-head--account{
    position:sticky!important;
    top:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 6px!important;
    padding:12px!important;
    border-radius:0 0 22px 22px!important;
    border-top:0!important;
  }

  .pino-nav-user{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .pino-nav-user-copy{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }

  .pino-nav-user-copy strong,
  .pino-nav-user-copy span,
  .pino-nav-user-copy .pino-nav-user-email{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .pino-nav-user-copy strong{
    font-size:15px!important;
    line-height:1.2!important;
  }

  .pino-nav-user-copy span,
  .pino-nav-user-copy .pino-nav-user-email{
    margin-top:6px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .pino-nav-header-action{
    width:auto!important;
    max-width:100%!important;
    justify-self:start!important;
    align-self:start!important;
    min-height:40px!important;
    padding:0 14px!important;
    flex:none!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    padding-top:0!important;
  }

  .pino-nav-panel-head--account{
    padding:10px!important;
    margin-bottom:6px!important;
  }

  .pino-nav-user-copy strong{
    font-size:14px!important;
    line-height:1.22!important;
  }

  .pino-nav-user-copy span,
  .pino-nav-user-copy .pino-nav-user-email{
    font-size:11px!important;
    line-height:1.32!important;
  }

  .pino-nav-header-action{
    min-height:38px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }
}


/* Footer — bouton installation PWA */
.pino-footer-clean__nav .pino-footer-install{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pino-muted)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.45!important;
  cursor:pointer!important;
}

.pino-footer-clean__nav .pino-footer-install i{
  color:var(--pino-muted)!important;
  font-size:12px!important;
}

.pino-footer-clean__nav .pino-footer-install:hover{
  color:var(--pino-text)!important;
  background:transparent!important;
  border:0!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

.pino-footer-clean__nav .pino-footer-install:hover i{
  color:var(--pino-text)!important;
}

.pino-footer-clean__nav .pino-footer-install[hidden]{
  display:none!important;
}


/* Correctif final — menu compte propre, bouton uniforme et panneau arrondi */
@media (max-width:1400px){
  .pino-nav{
    border-radius:28px 0 0 28px!important;
  }

  .pino-nav-panel-head--account{
    border-radius:28px 0 22px 22px!important;
  }

  .pino-nav-user-copy strong{
    margin:0!important;
  }

  .pino-nav-user-copy > span{
    margin-top:6px!important;
  }

  .pino-nav-header-action{
    width:100%!important;
    max-width:100%!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin:0!important;
    padding:14px 16px!important;
    border:1px solid var(--pino-line)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.04)!important;
    color:var(--pino-text)!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:880!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
  }

  .pino-nav-header-action i{
    width:22px!important;
    flex:0 0 22px!important;
    text-align:center!important;
    color:var(--pino-muted)!important;
    font-size:13px!important;
  }

  .pino-nav-header-action span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .pino-nav-header-action:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(210,221,235,.22)!important;
    transform:none!important;
  }

  .pino-nav-header-action:hover i{
    color:var(--pino-text)!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    border-radius:24px 0 0 24px!important;
  }

  .pino-nav-panel-head--account{
    border-radius:24px 0 20px 20px!important;
  }

  .pino-nav-header-action{
    min-height:50px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
}

/* Ajustement demandé — petit espace au-dessus du bloc Connexion / Déconnexion du menu */
@media (max-width:1400px){
  .pino-nav{
    padding-top:max(14px, env(safe-area-inset-top))!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    padding-top:max(12px, env(safe-area-inset-top))!important;
  }
}


/* Ajustement demandé — arrondi en haut à droite de la card header du menu */
@media (max-width:1400px){
  .pino-nav-panel-head--account{
    border-radius:28px 28px 22px 22px!important;
  }
}

@media (max-width:760px){
  .pino-nav-panel-head--account{
    border-radius:24px 24px 20px 20px!important;
  }
}


/* Ajustement demandé — menu sans arrondi bas gauche + navigation PC toujours visible */
@media (max-width:1400px){
  .pino-nav{
    border-radius:28px 0 0 0!important;
  }
}

@media (max-width:760px){
  .pino-nav{
    border-radius:24px 0 0 0!important;
  }
}

@media (min-width:1401px){
  .pino-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    overflow:visible!important;
  }

  .pino-brand{
    flex:0 0 auto!important;
    max-width:360px!important;
  }

  .pino-nav{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    z-index:auto!important;
  }

  .pino-nav-panel-head,
  .pino-nav-backdrop,
  .pino-menu-btn{
    display:none!important;
  }

  .pino-nav-section{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:visible!important;
  }

  .pino-nav-section-label{
    display:none!important;
  }

  .pino-nav-section > a,
  .pino-nav-section > .pino-nav-link,
  .pino-nav-section > button.pino-nav-link{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:10px 10px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:var(--pino-muted)!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:880!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    transform:none!important;
  }

  .pino-nav-section > a:hover,
  .pino-nav-section > .pino-nav-link:hover,
  .pino-nav-section > button.pino-nav-link:hover{
    color:var(--pino-text)!important;
    background:rgba(255,255,255,.055)!important;
    border-color:transparent!important;
    transform:none!important;
  }

  .pino-nav-link--lab .pino-menu-link-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    flex:0 0 auto!important;
    color:inherit!important;
    font-size:13px!important;
  }

  .pino-topbar-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 0 auto!important;
    margin-left:8px!important;
  }

  .pino-lang-menu--topbar{
    display:inline-flex!important;
  }
}

/* Correctif demandé — icône menu visible tablette/PC + nav desktop restaurée */
@media (max-width:1400px){
  .pino-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    overflow:visible!important;
  }

  .pino-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 138px)!important;
  }

  .pino-topbar-actions{
    position:relative!important;
    z-index:1305!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
  }

  .pino-lang-menu--topbar{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }

  .pino-menu-btn{
    position:relative!important;
    z-index:1306!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border:1px solid var(--pino-line-strong)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.045)!important;
    color:var(--pino-text)!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }

  .pino-menu-btn span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    min-height:2px!important;
    border-radius:99px!important;
    background:var(--pino-text)!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }

  .pino-nav{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:85vw!important;
    min-width:85vw!important;
    max-width:85vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    border-radius:28px 0 0 0!important;
    transform:translateX(100%)!important;
    opacity:1!important;
    pointer-events:none!important;
    z-index:1100!important;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
    transform:translateX(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .pino-nav-backdrop{
    display:block!important;
  }

  .pino-nav-toggle:checked ~ .pino-topbar .pino-nav-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media (max-width:760px){
  .pino-brand{
    max-width:calc(100vw - 124px)!important;
  }

  .pino-topbar-actions{
    gap:6px!important;
  }

  .pino-menu-btn{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  .pino-nav{
    border-radius:24px 0 0 0!important;
  }
}

@media (min-width:1401px){
  .pino-nav{
    display:flex!important;
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }

  .pino-menu-btn{
    display:none!important;
  }

  .pino-lang-menu--topbar{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}
/* Correction finale demandée — burger toujours visible, aucun onglet dans la barre de nav */
.pino-topbar{
  overflow:visible!important;
}

.pino-topbar-actions{
  position:relative!important;
  z-index:1305!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin-left:auto!important;
}

.pino-lang-menu--topbar{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 auto!important;
}

.pino-menu-btn{
  position:relative!important;
  z-index:1306!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  border:1px solid var(--pino-line-strong)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--pino-text)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

.pino-menu-btn span{
  display:block!important;
  width:18px!important;
  height:2px!important;
  min-height:2px!important;
  border-radius:99px!important;
  background:var(--pino-text)!important;
  opacity:1!important;
  flex:0 0 auto!important;
}

.pino-nav{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:85vw!important;
  min-width:85vw!important;
  max-width:85vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  gap:18px!important;
  padding:
    max(14px, env(safe-area-inset-top))
    max(14px, env(safe-area-inset-right))
    max(28px, env(safe-area-inset-bottom))
    max(14px, env(safe-area-inset-left))!important;
  border:0!important;
  border-radius:28px 0 0 0!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(51,214,159,.14),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(215,166,74,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,20,27,.995),rgba(7,9,12,1))!important;
  box-shadow:var(--pino-shadow)!important;
  transform:translateX(100%)!important;
  opacity:1!important;
  pointer-events:none!important;
  visibility:visible!important;
  z-index:1100!important;
  transition:transform .18s ease!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
  transform:translateX(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}

.pino-nav-panel-head--account{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:12px!important;
  margin:10px 0 8px!important;
  border:1px solid rgba(210,221,235,.13)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(51,214,159,.11),transparent 38%),
    linear-gradient(180deg,rgba(21,27,36,.96),rgba(10,13,18,.98))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px)!important;
}

.pino-nav-section{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  padding:14px!important;
  border:1px solid rgba(210,221,235,.12)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.025)!important;
}

.pino-nav-section--internal{
  border-color:rgba(51,214,159,.20)!important;
  background:rgba(51,214,159,.035)!important;
}

.pino-nav-section--public{
  border-color:rgba(210,221,235,.12)!important;
  background:rgba(255,255,255,.025)!important;
}

.pino-nav-section-label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:auto!important;
  padding:0 2px 2px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  line-height:1.1!important;
  color:var(--pino-muted)!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
}

.pino-nav-section--internal .pino-nav-section-label{
  color:#c9f9e4!important;
}

.pino-nav-section > a,
.pino-nav-section > .pino-nav-link{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:14px 16px!important;
  border-radius:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow:hidden!important;
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid var(--pino-line)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.pino-nav-section > a i,
.pino-nav-section > .pino-nav-link i{
  width:22px!important;
  flex:0 0 22px!important;
  text-align:center!important;
  color:var(--pino-muted)!important;
}

.pino-nav-section > a span,
.pino-nav-section > .pino-nav-link span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pino-nav-section > a:hover,
.pino-nav-section > .pino-nav-link:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.22)!important;
  transform:none!important;
}

.pino-nav-section > a:hover i,
.pino-nav-section > .pino-nav-link:hover i{
  color:var(--pino-text)!important;
}

.pino-nav-header-action{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  max-width:150px!important;
  padding:0 13px!important;
  border:1px solid var(--pino-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--pino-text)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

.pino-nav-header-action i{
  flex:0 0 auto!important;
  color:var(--pino-muted)!important;
}

.pino-nav-header-action:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.22)!important;
  transform:none!important;
}

.pino-nav-backdrop{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  height:100dvh!important;
  background:rgba(0,0,0,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
  z-index:1095!important;
  cursor:pointer!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-nav-backdrop{
  opacity:1!important;
  pointer-events:auto!important;
}

@media (max-width:760px){
  .pino-brand{
    max-width:calc(100vw - 124px)!important;
  }

  .pino-topbar-actions{
    gap:6px!important;
  }

  .pino-menu-btn{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  .pino-nav{
    border-radius:24px 0 0 0!important;
  }
}

/* Correctif final menu — burger permanent, tiroir uniquement, langue toujours visible */
.pino-topbar:has(.pino-nav--guest) .pino-menu-btn,
.pino-topbar .pino-menu-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

.pino-topbar .pino-nav{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:85vw!important;
  min-width:85vw!important;
  max-width:85vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  gap:18px!important;
  padding:
    max(14px, env(safe-area-inset-top))
    max(14px, env(safe-area-inset-right))
    max(28px, env(safe-area-inset-bottom))
    max(14px, env(safe-area-inset-left))!important;
  border:0!important;
  border-radius:28px 0 0 0!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(51,214,159,.14),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(215,166,74,.10),transparent 28%),
    linear-gradient(180deg,rgba(15,20,27,.995),rgba(7,9,12,1))!important;
  box-shadow:var(--pino-shadow)!important;
  transform:translateX(100%)!important;
  opacity:1!important;
  pointer-events:none!important;
  visibility:visible!important;
  z-index:1100!important;
  transition:transform .18s ease!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
  transform:translateX(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}

.pino-topbar .pino-nav .pino-nav-panel-head--account{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:12px!important;
  margin:10px 0 8px!important;
  border:1px solid rgba(210,221,235,.13)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(51,214,159,.11),transparent 38%),
    linear-gradient(180deg,rgba(21,27,36,.96),rgba(10,13,18,.98))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px)!important;
}

.pino-topbar .pino-nav .pino-nav-section{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  margin-left:0!important;
  padding:14px!important;
  border:1px solid rgba(210,221,235,.12)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.025)!important;
}

.pino-topbar .pino-nav .pino-nav-section--internal{
  border-color:rgba(51,214,159,.20)!important;
  background:rgba(51,214,159,.035)!important;
}

.pino-topbar .pino-nav .pino-nav-section-label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  padding:0 2px 2px!important;
  margin:0!important;
  color:var(--pino-muted)!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
}

.pino-topbar .pino-nav .pino-nav-section > a,
.pino-topbar .pino-nav .pino-nav-section > .pino-nav-link,
.pino-topbar .pino-nav .pino-nav-section > button.pino-nav-link{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--pino-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--pino-text)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

.pino-topbar .pino-nav .pino-nav-section > a i,
.pino-topbar .pino-nav .pino-nav-section > .pino-nav-link i,
.pino-topbar .pino-nav .pino-nav-section > button.pino-nav-link i,
.pino-topbar .pino-nav .pino-menu-link-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  flex:0 0 22px!important;
  text-align:center!important;
  color:var(--pino-muted)!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-lang-menu--topbar{
  display:inline-flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-lang-menu--topbar:hover .pino-lang-menu__list,
.pino-nav-toggle:checked ~ .pino-topbar .pino-lang-menu--topbar:focus-within .pino-lang-menu__list{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

.pino-topbar .pino-nav-backdrop{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  height:100dvh!important;
  background:rgba(0,0,0,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
  z-index:1095!important;
  cursor:pointer!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-nav-backdrop{
  opacity:1!important;
  pointer-events:auto!important;
}

@media (max-width:760px){
  .pino-topbar .pino-nav{
    border-radius:24px 0 0 0!important;
  }
}


/* Correctif final — menu ouvert au-dessus de la langue et du burger */
.pino-nav-toggle:checked ~ .pino-topbar .pino-nav-backdrop{
  z-index:9998!important;
}

.pino-nav-toggle:checked ~ .pino-topbar .pino-nav{
  z-index:9999!important;
}


/* Correctif final — header du menu en une seule colonne, sans texte écrasé */
.pino-topbar .pino-nav .pino-nav-panel-head--account{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  justify-content:initial!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:12px!important;
  overflow:visible!important;
}

.pino-topbar .pino-nav .pino-nav-user{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}

.pino-topbar .pino-nav .pino-nav-user-copy{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}

.pino-topbar .pino-nav .pino-nav-user-copy strong,
.pino-topbar .pino-nav .pino-nav-user-copy span,
.pino-topbar .pino-nav .pino-nav-user-copy .pino-nav-user-email{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.pino-topbar .pino-nav .pino-nav-user-copy strong{
  font-size:15px!important;
  line-height:1.22!important;
  margin:0!important;
}

.pino-topbar .pino-nav .pino-nav-user-copy span,
.pino-topbar .pino-nav .pino-nav-user-copy .pino-nav-user-email{
  margin-top:6px!important;
  font-size:12px!important;
  line-height:1.35!important;
}

.pino-topbar .pino-nav .pino-nav-header-action{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:13px 14px!important;
  border-radius:17px!important;
  flex:none!important;
}

@media (max-width:760px){
  .pino-topbar .pino-nav .pino-nav-panel-head--account{
    padding:10px!important;
    gap:9px!important;
  }

  .pino-topbar .pino-nav .pino-nav-user-copy strong{
    font-size:14px!important;
    line-height:1.24!important;
  }

  .pino-topbar .pino-nav .pino-nav-user-copy span,
  .pino-topbar .pino-nav .pino-nav-user-copy .pino-nav-user-email{
    font-size:12px!important;
    line-height:1.32!important;
  }

  .pino-topbar .pino-nav .pino-nav-header-action{
    min-height:48px!important;
    padding:12px 14px!important;
  }
}


/* Correctif final — bouton Connexion/Déconnexion aligné comme les autres liens du menu + icônes orange */
.pino-topbar .pino-nav .pino-nav-header-action{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--pino-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--pino-text)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-align:left!important;
  font-size:14px!important;
  font-weight:880!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
  flex:none!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}

.pino-topbar .pino-nav .pino-nav-header-action span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}

.pino-topbar .pino-nav .pino-nav-header-action i,
.pino-topbar .pino-nav .pino-menu-link-icon,
.pino-topbar .pino-nav .pino-nav-link i,
.pino-topbar .pino-nav .pino-nav-section-label i,
.pino-topbar .pino-nav i.fas{
  width:22px!important;
  flex:0 0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:var(--pino-gold)!important;
}

.pino-topbar .pino-nav .pino-nav-header-action:hover,
.pino-topbar .pino-nav .pino-nav-section > a:hover,
.pino-topbar .pino-nav .pino-nav-section > .pino-nav-link:hover,
.pino-topbar .pino-nav .pino-nav-section > button.pino-nav-link:hover{
  color:var(--pino-text)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.22)!important;
  transform:none!important;
}

.pino-topbar .pino-nav .pino-nav-header-action:hover i,
.pino-topbar .pino-nav .pino-nav-section > a:hover i,
.pino-topbar .pino-nav .pino-nav-section > .pino-nav-link:hover i,
.pino-topbar .pino-nav .pino-nav-section > button.pino-nav-link:hover i{
  color:var(--pino-gold)!important;
}

@media (max-width:760px){
  .pino-topbar .pino-nav .pino-nav-header-action{
    min-height:50px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
}

/* Ajustement final — réduire légèrement l'espace en haut du menu avant la carte compte */
@media (max-width:1400px){
  .pino-topbar .pino-nav{
    padding-top:max(8px, env(safe-area-inset-top))!important;
  }

  .pino-topbar .pino-nav .pino-nav-panel-head--account{
    margin-top:0!important;
  }
}

/* Ajustement final — petit X de fermeture à droite du texte dans le header du menu */
.pino-topbar .pino-nav .pino-nav-panel-head--account{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px 10px!important;
}

.pino-topbar .pino-nav .pino-nav-user{
  grid-column:1!important;
  grid-row:1!important;
}

.pino-topbar .pino-nav .pino-menu-close{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(210,221,235,.16)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--pino-gold)!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

.pino-topbar .pino-nav .pino-menu-close i{
  width:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--pino-gold)!important;
  font-size:13px!important;
  line-height:1!important;
}

.pino-topbar .pino-nav .pino-menu-close:hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(210,221,235,.22)!important;
  color:var(--pino-gold)!important;
}

.pino-topbar .pino-nav .pino-nav-header-action{
  grid-column:1 / -1!important;
  grid-row:2!important;
}

@media (max-width:760px){
  .pino-topbar .pino-nav .pino-menu-close{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:10px!important;
  }
}


/* Articles publics — cartes, images, liste et détail propres */
.pino-article-list-wrap{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto clamp(34px,5vw,64px);
}

.pino-article-grid{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto clamp(34px,5vw,58px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.pino-article-list-wrap .pino-article-grid{
  width:100%;
  margin:0;
}

.pino-article-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:13px;
  padding:18px;
  border:1px solid var(--pino-line);
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 0%,rgba(51,214,159,.07),transparent 34%),
    linear-gradient(180deg,rgba(21,27,36,.92),rgba(8,11,16,.96));
  box-shadow:var(--pino-shadow-soft);
  overflow:hidden;
}

.pino-article-card h2,
.pino-article-card h3{
  margin:0!important;
  color:var(--pino-text);
  font-size:clamp(20px,2vw,26px);
  line-height:1.12;
  letter-spacing:-.035em;
}

.pino-article-card h2 a,
.pino-article-card h3 a{
  color:inherit;
  text-decoration:none;
}

.pino-article-card h2 a:hover,
.pino-article-card h3 a:hover{
  color:var(--pino-accent);
}

.pino-article-card__media{
  width:100%;
  aspect-ratio:16 / 9;
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--pino-line);
  background:rgba(3,5,8,.46);
}

.pino-article-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.pino-article-card__placeholder{
  display:grid;
  place-items:center;
  color:var(--pino-accent);
  background:
    radial-gradient(circle at 50% 30%,rgba(51,214,159,.18),transparent 38%),
    rgba(3,5,8,.58);
}

.pino-article-card__placeholder i{
  font-size:34px;
  opacity:.9;
}

.pino-article-card p{
  margin:0;
  color:var(--pino-muted);
  line-height:1.62;
  font-size:15px;
}

.pino-article-read{
  width:max-content;
  max-width:100%;
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 13px;
  border-radius:13px;
  border:1px solid rgba(51,214,159,.24);
  background:rgba(51,214,159,.08);
  color:#caffea;
  text-decoration:none;
  font-size:13px;
  font-weight:950;
}

.pino-article-read:hover{
  background:rgba(51,214,159,.13);
  border-color:rgba(51,214,159,.38);
}

.pino-article-pagination{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.pino-article-pill{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid var(--pino-line);
  border-radius:999px;
  color:var(--pino-muted);
  background:rgba(255,255,255,.04);
  font-weight:900;
}

.pino-article-detail__content{
  overflow:hidden;
}

.pino-article-detail__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
  color:var(--pino-muted);
  font-size:13px;
  font-weight:850;
}

.pino-article-lang-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.pino-article-lang-links a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 11px;
  border:1px solid var(--pino-line);
  border-radius:999px;
  color:var(--pino-muted);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}

.pino-article-lang-links a:hover,
.pino-article-lang-links a.is-active{
  color:var(--pino-text);
  border-color:rgba(51,214,159,.32);
  background:rgba(51,214,159,.08);
}

.pino-article-detail__cover{
  width:100%;
  max-height:430px;
  aspect-ratio:16 / 7;
  margin:0 0 clamp(24px,3vw,34px);
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--pino-line);
  background:rgba(3,5,8,.48);
}

.pino-article-detail__cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.pino-article-body{
  width:min(860px,100%);
  margin-inline:auto;
  color:var(--pino-text);
}

.pino-article-body h2,
.pino-article-body h3{
  margin:clamp(28px,4vw,42px) 0 12px;
  color:var(--pino-text);
  line-height:1.1;
  letter-spacing:-.035em;
}

.pino-article-body h2{
  font-size:clamp(26px,3.5vw,38px);
}

.pino-article-body h3{
  font-size:clamp(22px,3vw,30px);
}

.pino-article-body p,
.pino-article-body li{
  color:var(--pino-muted);
  font-size:clamp(16px,1.4vw,18px);
  line-height:1.78;
}

.pino-article-body p{
  margin:0 0 18px;
}

.pino-article-body ul,
.pino-article-body ol{
  margin:0 0 22px;
  padding-left:22px;
}

.pino-article-body strong{
  color:var(--pino-text);
}

.pino-article-title-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.pino-article-title-link{
  min-width:0;
  display:grid;
  gap:8px;
  padding:16px;
  border:1px solid var(--pino-line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  color:var(--pino-text);
  text-decoration:none;
}

.pino-article-title-link:hover{
  border-color:rgba(51,214,159,.32);
  background:rgba(51,214,159,.06);
}

.pino-article-title-link span{
  color:var(--pino-muted-2);
  font-size:12px;
  font-weight:900;
}

.pino-article-title-link strong{
  color:var(--pino-text);
  line-height:1.22;
  letter-spacing:-.02em;
}

@media(max-width:980px){
  .pino-article-grid,
  .pino-article-title-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pino-article-detail__cover{
    aspect-ratio:16 / 8;
    max-height:360px;
  }
}

@media(max-width:640px){
  .pino-article-list-wrap,
  .pino-article-grid,
  .pino-article-pagination{
    width:min(100% - 24px,1180px);
  }

  .pino-article-grid,
  .pino-article-title-list{
    grid-template-columns:1fr;
  }

  .pino-article-card{
    padding:14px;
    border-radius:22px;
  }

  .pino-article-detail__cover{
    aspect-ratio:16 / 10;
    max-height:260px;
    border-radius:20px;
  }
}