/* NoyzHub — Portail Partenaires Scope strict: uniquement sous . Objectif: beau, cohérent, sans casser le CSS global. */ body.nh-partner{ min-height:100vh; background: radial-gradient(1200px 600px at 15% 10%, rgba(168,85,247,.10), transparent 60%), radial-gradient(1000px 520px at 85% 15%, rgba(236,72,153,.12), transparent 62%), linear-gradient(180deg, rgba(255,255,255,1), rgba(245,247,252,1)); } .nh-partner a{ text-decoration:none; } /* Topbar */ .p-topbar{ position:sticky; top:0; z-index:30; backdrop-filter:saturate(180%) blur(10px); background:rgba(255,255,255,.78); border-bottom:1px solid rgba(15,23,42,.08); } .p-topbar__inner{ max-width:1100px; margin:0 auto; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:14px; } .p-brand{ display:flex; align-items:baseline; gap:10px; } .p-brand__mark{ width:32px; height:32px; border-radius:12px; display:grid; place-items:center; color:#fff; font-weight:900; background:linear-gradient(135deg, rgba(168,85,247,1), rgba(236,72,153,1)); box-shadow:0 10px 22px rgba(168,85,247,.18); } .p-brand__name{ font-weight:900; letter-spacing:.2px; color:rgba(15,23,42,1); } .p-brand__sub{ font-weight:700; color:rgba(107,114,128,1); } .p-nav{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .p-nav__link{ padding:10px 12px; border-radius:14px; font-weight:700; color:rgba(15,23,42,.82); background:rgba(15,23,42,.04); border:1px solid rgba(15,23,42,.06); } .p-nav__link:hover{ background:rgba(15,23,42,.06); } .p-nav__link.is-ghost{ background:transparent; } /* Shell */ .p-shell{ max-width:1100px; margin:0 auto; padding:26px 18px 40px; } /* Card: si ton CSS global a déjà .nh-card, on ajoute juste du polish */ .nh-partner .nh-card{ border-radius:22px !important; border:1px solid rgba(15,23,42,.08); background:rgba(255,255,255,.84); box-shadow:0 20px 60px rgba(15,23,42,.08); } /* Auth */ .p-auth{ display:flex; justify-content:center; padding:26px 0; } .p-auth__card{ width:100%; max-width:460px; padding:26px; } .p-auth__card--wide{ max-width:740px; } .p-auth__head h1{ margin:0 0 6px; font-size:26px; letter-spacing:.2px; } .p-auth__head p{ margin:0; color:rgba(107,114,128,1); } .p-auth__foot{ margin-top:14px; text-align:center; color:rgba(107,114,128,1); font-weight:600; } .p-auth__foot a{ color:rgba(99,102,241,1); font-weight:800; } /* Form */ .p-form{ margin-top:18px; display:flex; flex-direction:column; gap:12px; } .p-form--grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px 12px; } .p-field{ display:flex; flex-direction:column; gap:6px; } .p-field label{ font-weight:800; font-size:13px; color:rgba(15,23,42,.75); } .p-field--full{ grid-column:1 / -1; } .p-actions{ margin-top:4px; } .p-hint{ font-size:12px; color:rgba(107,114,128,1); margin-top:4px; } /* Inputs/buttons : on stylise les classes déjà utilisées */ .nh-partner .nh-input{ padding:12px 12px; border-radius:14px; border:1px solid rgba(15,23,42,.12); background:rgba(255,255,255,.92); outline:none; } .nh-partner .nh-input:focus{ border-color:rgba(168,85,247,.45); box-shadow:0 0 0 4px rgba(168,85,247,.12); } .nh-partner .nh-btn{ padding:12px 14px; border-radius:999px; font-weight:900; border:1px solid rgba(15,23,42,.10); background:linear-gradient(135deg, rgba(168,85,247,1), rgba(236,72,153,1)); color:#fff; cursor:pointer; box-shadow:0 14px 30px rgba(168,85,247,.18); } .nh-partner .nh-btn:hover{ filter:brightness(1.03); } .nh-partner .p-btn--full{ width:100%; } /* Alerts * .nh-partner .nh-alert-warning{ padding:12px 14px; border-radius:16px; font-weight:700; background:rgba(254,249,195,1); color:rgba(133,77,14,1); border:1px solid rgba(133,77,14,.18); } / .p-alert{ padding:12px 14px; border-radius:16px; font-weight:700; border:1px solid rgba(15,23,42,.08); } .p-alert--error{ background:rgba(254,226,226,1); color:rgba(185,28,28,1); border-color:rgba(185,28,28,.18); } .p-alert--warn{ background:rgba(254,249,195,1); color:rgba(133,77,14,1); border-color:rgba(133,77,14,.18); } /* Tables (dashboard/admin) */ .nh-partner table{ width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; } .nh-partner thead th{ text-transform:uppercase; font-size:12px; letter-spacing:.08em; color:rgba(107,114,128,1); padding:12px 10px; border-bottom:1px solid rgba(15,23,42,.08); } .nh-partner tbody td{ padding:12px 10px; border-bottom:1px solid rgba(15,23,42,.06); vertical-align:middle; } .nh-partner tbody tr:hover{ background:rgba(15,23,42,.02); } /* Footer */ .p-footer{ padding:22px 0 30px; border-top:1px solid rgba(15,23,42,.06); background:rgba(255,255,255,.65); } .p-footer__inner{ max-width:1100px; margin:0 auto; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; } .p-muted{ color:rgba(107,114,128,1); } .p-link{ color:rgba(99,102,241,1); font-weight:800; } @media (max-width: 820px){ .p-form--grid{ grid-template-columns:1fr; } .p-auth__card--wide{ max-width:460px; } }