:root{--red:#d71920;--green:#087b3b;--ink:#172033;--muted:#6f7888;--bg:#f4f6f8;--card:#fff;--line:#e5e9ef}
*{box-sizing:border-box}html{background:var(--bg)}body.pwa-body{margin:0;min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom));color:var(--ink);background:radial-gradient(circle at 100% 0,rgba(215,25,32,.09),transparent 30%),radial-gradient(circle at 0 100%,rgba(8,123,59,.10),transparent 34%),var(--bg);font-family:Arial,Helvetica,sans-serif}button,a,input{font:inherit;-webkit-tap-highlight-color:transparent}.pwa-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:calc(8px + env(safe-area-inset-top)) 15px 8px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(23,32,51,.07);backdrop-filter:blur(15px)}.pwa-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.pwa-brand img{width:42px;height:42px;object-fit:contain}.pwa-brand span{display:grid;line-height:1}.pwa-brand strong{font-size:19px;font-weight:950;letter-spacing:-.04em}.pwa-brand small{margin-top:4px;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.pwa-top-actions{display:flex;gap:7px}.pwa-site-link,.pwa-install{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(23,32,51,.12);border-radius:12px;background:#fff;color:var(--ink);font-size:11px;font-weight:900;text-decoration:none;cursor:pointer}.pwa-main{width:min(760px,calc(100% - 24px));margin:0 auto;padding:18px 0 28px}.pwa-alert{margin:0 0 12px;padding:12px 14px;border-radius:14px;font-size:12px;font-weight:850}.pwa-alert.is-success{color:#076334;background:#e6f6ec;border:1px solid #bde5ca}.pwa-alert.is-error{color:#a9131b;background:#ffeaec;border:1px solid #ffc9ce}.pwa-hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px;margin-bottom:16px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#b6121b 0%,var(--red) 42%,var(--green) 100%);box-shadow:0 14px 34px rgba(23,32,51,.15)}.pwa-hero-card--coach{align-items:flex-end}.pwa-eyebrow{display:block;margin-bottom:6px;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;opacity:.82}.pwa-hero-card h1,.pwa-page-head h1{margin:0;font-size:clamp(24px,7vw,36px);line-height:1;font-weight:950;letter-spacing:-.045em}.pwa-hero-card p{margin:8px 0 0;max-width:470px;font-size:11px;line-height:1.45;opacity:.88}.pwa-number{display:grid;place-items:center;min-width:54px;height:54px;padding:0 10px;border-radius:17px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:18px;font-weight:950}.pwa-hero-actions{display:flex;flex-wrap:wrap;gap:7px}.pwa-hero-actions a{padding:9px 11px;border-radius:11px;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:900;text-decoration:none}.pwa-group-summary{display:grid;gap:10px;margin-bottom:20px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line)}.pwa-group-summary>div>strong{display:block;margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.pwa-chip-row{display:flex;flex-wrap:wrap;gap:6px}.pwa-chip{display:inline-flex;padding:6px 9px;border-radius:999px;color:#075f32;background:#e7f6ec;font-size:9px;font-weight:900}.pwa-chip.is-soft{color:#8c1820;background:#ffe9eb}.pwa-section-heading{margin:24px 2px 10px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:#586174}.pwa-event-list,.pwa-coach-grid{display:grid;gap:12px}.pwa-event-card,.pwa-coach-card{padding:17px;border:1px solid rgba(23,32,51,.08);border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 7px 22px rgba(23,32,51,.06)}.pwa-event-card.is-training{border-left:4px solid var(--green)}.pwa-event-top,.pwa-coach-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pwa-event-top>div{display:grid;gap:3px}.pwa-event-type{font-size:8px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.pwa-event-top strong,.pwa-coach-card__top strong{font-size:13px;font-weight:950}.pwa-coach-card__top span{font-size:10px;color:var(--muted);font-weight:800}.pwa-home-away{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:950}.pwa-home-away.is-home{color:#a9131b;background:#ffe7e9}.pwa-home-away.is-away{color:#076334;background:#e1f4e8}.pwa-versus{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 8px;text-align:center}.pwa-versus strong{font-size:clamp(16px,5vw,22px);font-weight:950;line-height:1.04;text-wrap:balance}.pwa-versus span{flex:0 0 auto;color:#9ba2ad;font-size:10px;font-weight:950}.pwa-place,.pwa-training-groups{margin:0 0 14px;color:var(--muted);font-size:10px;font-weight:750;text-align:center}.pwa-training-title{margin:18px 0 6px;text-align:center;font-size:20px;font-weight:950}.pwa-training-icon{font-size:18px}.pwa-presence-block{padding-top:13px;border-top:1px solid var(--line)}.pwa-question-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pwa-question-line>strong{font-size:12px}.pwa-current-status{display:inline-flex;padding:5px 8px;border-radius:9px;font-size:9px;font-weight:900}.pwa-current-status.is-present{color:#076334;background:#e1f4e8}.pwa-current-status.is-absent{color:#a9131b;background:#ffe7e9}.pwa-current-status.is-uncertain{color:#775900;background:#fff3ca}.pwa-presence-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pwa-presence-buttons button{min-height:44px;padding:7px 5px;border:1px solid transparent;border-radius:13px;font-size:10px;font-weight:950;cursor:pointer}.pwa-presence-buttons .is-present{background:#e7f6ec;color:#076b38}.pwa-presence-buttons .is-absent{background:#ffebed;color:#aa131d}.pwa-presence-buttons .is-uncertain{background:#fff5d7;color:#765a00}.pwa-presence-buttons button.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.pwa-locked{display:flex;align-items:center;gap:10px;padding:11px;border-radius:13px;background:#f0f2f5}.pwa-locked>span{font-size:18px}.pwa-locked div{display:grid;gap:2px}.pwa-locked strong{font-size:10px}.pwa-locked small{color:var(--muted);font-size:9px;font-weight:750}.pwa-empty-card,.pwa-empty-inline{padding:26px 20px;border-radius:21px;background:#fff;border:1px solid var(--line);text-align:center}.pwa-empty-icon{font-size:32px;margin-bottom:8px}.pwa-empty-card h2{margin:0 0 7px;font-size:21px}.pwa-empty-card p,.pwa-empty-inline,.pwa-muted{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.pwa-page-head{margin:5px 2px 18px}.pwa-page-head .pwa-eyebrow{color:var(--green)}.pwa-page-head p{max-width:600px;margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.pwa-back{display:inline-flex;margin:2px 0 14px;color:var(--muted);font-size:11px;font-weight:850;text-decoration:none}.pwa-member-list,.pwa-simple-list{display:grid;gap:8px}.pwa-member-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:15px;background:#fff;border:1px solid var(--line);color:inherit;text-decoration:none}.pwa-member-row>div:nth-child(2){display:grid;gap:2px}.pwa-member-row strong{font-size:12px}.pwa-member-row small{color:var(--muted);font-size:9px}.pwa-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--red),var(--green));font-size:11px;font-weight:950}.pwa-form-card{display:grid;gap:16px;padding:17px;border-radius:20px;background:#fff;border:1px solid var(--line)}.pwa-form-card fieldset{margin:0;padding:0;border:0}.pwa-form-card legend{margin-bottom:4px;font-size:12px;font-weight:950}.pwa-field-help{margin:0 0 9px;color:var(--muted);font-size:9px}.pwa-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pwa-check-grid label{display:flex;align-items:center;gap:7px;padding:9px;border-radius:12px;background:#f5f7f8;font-size:10px;font-weight:850}.pwa-check-grid input{accent-color:var(--green)}.pwa-training-form>label,.pwa-form-two label{display:grid;gap:5px;font-size:10px;font-weight:900}.pwa-training-form input[type=text],.pwa-training-form input[type=date],.pwa-training-form input[type=time],.pwa-training-form input[type=number]{width:100%;min-height:43px;padding:0 11px;border:1px solid #dce1e7;border-radius:11px;background:#fff;color:var(--ink)}.pwa-form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pwa-primary-button{min-height:46px;border:0;border-radius:13px;background:var(--green);color:#fff;font-size:11px;font-weight:950;cursor:pointer}.pwa-simple-list>div{display:grid;gap:3px;padding:11px 12px;border-radius:13px;background:#fff;border:1px solid var(--line)}.pwa-simple-list strong{font-size:11px}.pwa-simple-list small{color:var(--muted);font-size:9px}.pwa-coach-card h3{margin:13px 0 7px;font-size:16px}.pwa-coach-card h3 small{color:#999;font-size:9px}.pwa-coach-card p{margin:0 0 10px;color:var(--muted);font-size:10px}.pwa-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.pwa-mini-stats span{padding:7px 3px;border-radius:8px;background:#f3f5f7;text-align:center;font-size:9px;font-weight:900}.pwa-bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:min(460px,calc(100% - 20px));padding:6px;border:1px solid rgba(23,32,51,.08);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(23,32,51,.17);backdrop-filter:blur(15px)}.pwa-bottom-nav a{display:grid;justify-items:center;gap:2px;padding:6px 3px;border-radius:14px;color:#747d8c;font-size:8px;font-weight:900;text-decoration:none}.pwa-bottom-nav a span{font-size:17px}.pwa-bottom-nav a.is-active{color:var(--green);background:#eaf5ee}@media(min-width:760px){body.pwa-body{padding-bottom:30px}.pwa-main{padding-top:30px}.pwa-bottom-nav{position:sticky;bottom:16px;left:auto;transform:none;margin:18px auto 0}}@media(max-width:430px){.pwa-check-grid{grid-template-columns:1fr}.pwa-form-two{grid-template-columns:1fr}.pwa-hero-card--coach{align-items:flex-start;flex-direction:column}.pwa-versus strong{max-width:42%}}

/* Authentification / inscription PWA */
.pwa-auth-body{padding-bottom:0;display:grid;min-height:100dvh}.pwa-auth-shell{width:min(460px,calc(100% - 28px));margin:auto;padding:24px 0 calc(24px + env(safe-area-inset-bottom))}.pwa-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;color:var(--ink);text-decoration:none}.pwa-auth-brand img{width:52px;height:52px;object-fit:contain}.pwa-auth-brand span{display:grid;line-height:1}.pwa-auth-brand strong{font-size:24px;font-weight:950;letter-spacing:-.05em}.pwa-auth-brand small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pwa-auth-card{padding:24px;border-radius:26px;background:rgba(255,255,255,.98);border:1px solid rgba(23,32,51,.08);box-shadow:0 18px 46px rgba(23,32,51,.13)}.pwa-auth-card .pwa-eyebrow{color:var(--green)}.pwa-auth-card h1{margin:0;font-size:30px;font-weight:950;letter-spacing:-.045em}.pwa-auth-intro{margin:9px 0 20px;color:var(--muted);font-size:11px;line-height:1.55}.pwa-auth-form{display:grid;gap:13px}.pwa-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwa-auth-form label{display:grid;gap:6px}.pwa-auth-form label>span{font-size:10px;font-weight:950}.pwa-auth-form label>small{margin-top:-2px;color:var(--muted);font-size:8.5px;font-weight:750}.pwa-auth-form input{width:100%;min-height:48px;padding:0 13px;border:1px solid #d9dee5;border-radius:13px;background:#fff;color:var(--ink);font-size:14px;outline:none}.pwa-auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,123,59,.10)}.pwa-auth-submit,.pwa-auth-register{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 16px;border:0;border-radius:14px;font-size:11px;font-weight:950;text-decoration:none;cursor:pointer}.pwa-auth-submit{margin-top:4px;color:#fff;background:linear-gradient(135deg,var(--green),#0b9850)}.pwa-auth-register{color:#a8131c;background:#ffeaec;border:1px solid #ffd0d4}.pwa-auth-errors{display:grid;gap:4px;margin:0 0 15px;padding:12px 13px;border-radius:13px;color:#a9131b;background:#ffeaec;border:1px solid #ffc9ce;font-size:10px;font-weight:850;line-height:1.45}.pwa-auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:var(--muted);font-size:10px}.pwa-auth-footer a{color:var(--green);font-weight:950;text-decoration:none}.pwa-auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#9aa1ac;font-size:9px;font-weight:850}.pwa-auth-divider:before,.pwa-auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.pwa-auth-note{margin:12px 0 0;color:var(--muted);font-size:8.5px;line-height:1.45;text-align:center}.pwa-auth-site{display:block;margin-top:16px;color:var(--muted);font-size:10px;font-weight:850;text-align:center;text-decoration:none}.pwa-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:430px){.pwa-auth-shell{width:min(100% - 20px,460px);padding-top:max(16px,env(safe-area-inset-top))}.pwa-auth-card{padding:20px;border-radius:23px}.pwa-auth-grid{grid-template-columns:1fr}}


/* Notifications push */
.pwa-notification-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 14px 0 20px;
    padding: 15px 16px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(17,24,39,.08);
    box-shadow: 0 8px 24px rgba(17,24,39,.07);
}
.pwa-notification-copy { display: flex; align-items: center; gap: 11px; min-width: 0; }
.pwa-notification-copy > div { display: grid; gap: 3px; }
.pwa-notification-copy strong { font-size: .95rem; }
.pwa-notification-copy small { color: #6b7280; line-height: 1.35; }
.pwa-notification-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; border-radius: 14px; background: #fef2f2; font-size: 20px; }
.pwa-notification-button { min-height: 40px; padding: 0 14px; border: 0; border-radius: 13px; background: #087b3b; color: #fff; font-weight: 900; cursor: pointer; }
.pwa-notification-button.is-enabled { background: #111827; }
.pwa-notification-button:disabled { opacity: .55; cursor: wait; }

/* Horaires récurrents */
.pwa-schedule-list { display: grid; gap: 12px; margin: 12px 0 24px; }
.pwa-schedule-card { padding: 14px; border-radius: 18px; background: #fff; border: 1px solid rgba(17,24,39,.08); box-shadow: 0 6px 18px rgba(17,24,39,.05); }
.pwa-schedule-card.is-disabled { opacity: .62; }
.pwa-schedule-row { display: grid; grid-template-columns: 1.2fr .8fr .7fr .7fr 1fr auto; gap: 8px; align-items: end; }
.pwa-schedule-row label { display: grid; gap: 5px; font-size: .75rem; font-weight: 900; }
.pwa-schedule-row input, .pwa-schedule-row select { min-height: 40px; width: 100%; border: 1px solid rgba(17,24,39,.14); border-radius: 12px; padding: 0 10px; background: #fff; }
.pwa-schedule-actions { display: flex; gap: 7px; }
.pwa-small-button { min-height: 40px; padding: 0 12px; border: 0; border-radius: 12px; font-weight: 900; cursor: pointer; background: #087b3b; color: #fff; }
.pwa-small-button.is-dark { background: #111827; }
@media (max-width: 760px) {
    .pwa-notification-card { align-items: stretch; flex-direction: column; }
    .pwa-notification-button { width: 100%; }
    .pwa-schedule-row { grid-template-columns: 1fr 1fr; }
    .pwa-schedule-row > label:first-child, .pwa-schedule-row > label:last-of-type, .pwa-schedule-actions { grid-column: 1 / -1; }
    .pwa-schedule-actions > * { flex: 1; }
}

/* PWA V5 - navigation Matchs / Entraînements + détail des réponses */
.pwa-topbar {
    flex-wrap: wrap;
}

.pwa-top-tabs {
    order: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    padding-top: 2px;
}

.pwa-top-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 13px;
    color: var(--ink);
    background: #f3f5f7;
    border: 1px solid rgba(23,32,51,.07);
    font-size: 11px;
    font-weight: 950;
    text-decoration: none;
}

.pwa-top-tabs a:first-child {
    color: #a9131b;
    background: #ffedef;
}

.pwa-top-tabs a:last-child {
    color: #076334;
    background: #e8f6ed;
}

.pwa-anchor-section {
    scroll-margin-top: 142px;
}

.pwa-toggle-help {
    display: block;
    margin-top: 7px;
    color: var(--muted);
    font-size: 8.5px;
    font-weight: 750;
    text-align: center;
}

.pwa-response-details {
    margin-top: 13px;
    border: 1px solid rgba(23,32,51,.08);
    border-radius: 14px;
    background: #f8f9fb;
    overflow: hidden;
}

.pwa-response-details summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto 16px;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 0 12px;
    color: #40495a;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.pwa-response-details summary::-webkit-details-marker {
    display: none;
}

.pwa-response-details summary strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    color: #fff;
    background: var(--ink);
    font-size: 9px;
}

.pwa-response-details summary::after {
    content: '⌄';
    color: #8a929f;
    font-size: 16px;
    font-weight: 950;
    line-height: 1;
    transition: transform .18s ease;
}

.pwa-response-details[open] summary::after {
    transform: rotate(180deg);
}

.pwa-response-content {
    display: grid;
    gap: 8px;
    padding: 0 10px 10px;
}

.pwa-response-group {
    padding: 9px 10px;
    border-radius: 11px;
    background: #fff;
    border: 1px solid rgba(23,32,51,.06);
}

.pwa-response-group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 9px;
    font-weight: 950;
}

.pwa-response-group-title strong {
    min-width: 22px;
    text-align: center;
}

.pwa-response-group.is-present .pwa-response-group-title { color: #087b3b; }
.pwa-response-group.is-absent .pwa-response-group-title { color: #c5161e; }
.pwa-response-group.is-uncertain .pwa-response-group-title { color: #846400; }
.pwa-response-group.is-pending .pwa-response-group-title { color: #667085; }

.pwa-response-names {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.pwa-response-names span,
.pwa-response-names em {
    padding: 5px 7px;
    border-radius: 8px;
    background: #f2f4f7;
    color: #485163;
    font-size: 8.5px;
    font-style: normal;
    font-weight: 800;
}

.pwa-response-names em {
    color: #9299a5;
    font-weight: 700;
}

@media (min-width: 760px) {
    .pwa-topbar {
        flex-wrap: nowrap;
    }

    .pwa-top-tabs {
        order: 0;
        width: min(340px, 34vw);
        padding-top: 0;
    }

    .pwa-anchor-section {
        scroll-margin-top: 92px;
    }
}