/* ==================== Grille des disponibilités ==================== */
.avail-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-radius: var(--md-radius-md);
    box-shadow: var(--md-elevation-table);
    background: var(--md-surface);
}
.avail-grid { box-shadow: none; border-radius: 0; overflow: visible; width: 100%; }
.avail-grid th, .avail-grid td { padding: 8px 8px; text-align: center; white-space: nowrap; }
.avail-grid thead th { position: sticky; top: 0; z-index: 2; vertical-align: bottom; }
.avail-grid .avail-player {
    position: sticky;
    left: 0;
    z-index: 1;
    text-align: left;
    background: var(--md-surface);
    box-shadow: 1px 0 0 var(--md-outline-variant);
    /* Colonne des noms au plus juste : la place restante va aux dates. */
    width: 1%;
    min-width: 190px;
}
.avail-grid thead .avail-player { z-index: 3; background: var(--md-surface-container); }
.avail-grid tfoot th, .avail-grid tfoot td { background: var(--md-surface-container); border-bottom: none; }
.avail-grid .avail-player a { color: var(--md-on-surface); text-decoration: none; }
.avail-grid .avail-player a:hover { color: var(--md-primary); text-decoration: underline; }
.avail-grid:not(.show-past) .is-past { display: none; }
.avail-rounds { display: block; font-size: var(--fs-md); font-weight: 700; color: var(--md-primary); }
.avail-date { display: block; font-weight: 600; font-size: var(--fs-md); color: var(--md-on-surface); }
.avail-cell {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: var(--md-radius-sm);
    box-shadow: none;
    display: inline-grid;
    place-items: center;
    font-size: var(--fs-md);
    font-weight: 700;
    vertical-align: middle;
}
.avail-cell.is-yes { background: var(--status-success-bg); color: var(--status-success-fg); }
.avail-cell.is-yes::before { content: '✓'; }
.avail-cell.is-no { background: var(--md-error-container); color: var(--md-error); }
.avail-cell.is-no::before { content: '✕'; }
.avail-cell:hover { box-shadow: 0 0 0 2px currentColor; }
.avail-cell.is-yes:hover { background: color-mix(in srgb, var(--status-success-border) 26%, transparent); }
.avail-cell.is-no:hover { background: var(--status-danger-bg); }
.avail-cell.is-none { background: var(--md-surface-container-high); color: var(--md-on-surface-variant); }
.avail-cell.is-none::before { content: '?'; }
.avail-count { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.25; font-size: var(--fs-sm); color: var(--md-success-text); }
.avail-count .avail-seats, .avail-count .avail-answers { font-size: var(--fs-sm); color: var(--md-on-surface-variant); }
.avail-count.is-short { color: var(--md-error); }
/* Largeur bornée : sur un très grand écran, les colonnes ne s'étirent pas à l'infini. */
.avail .toolbar, .avail .page-head, .avail .avail-scroll { max-width: 1400px; }
.avail-grid th:not(.avail-player), .avail-grid td { min-width: 76px; }
/* Colonnes en alternance de teinte (classe posée par disponibilites.js sur les colonnes visibles). */
.avail-grid tbody td.is-alt { background: color-mix(in srgb, var(--md-primary) 8%, transparent); }
.avail-grid thead th.is-alt, .avail-grid tfoot td.is-alt { background: var(--md-surface-alt); }

/* ==================== Joueurs ==================== */
.players-page > * { width: 100%; max-width: 960px; }
.add-player-card { max-width: 960px; }
.add-player {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.add-player input {
    flex: 1 1 180px;
    padding: 8px 12px;
    border: 1px solid var(--md-outline);
    border-radius: var(--md-radius-sm);
    font: inherit;
}
.add-player input:focus { outline: none; border-color: var(--md-primary); box-shadow: 0 0 0 3px var(--md-primary-container); }
.players-table { width: 100%; }
.players-table td { vertical-align: middle; }
.players-table tr.is-editing { background: var(--md-primary-container); }
table input.inline-input {
    width: 100%;
    min-width: 8ch;
    padding: 8px 8px;
    border: 1px solid transparent;
    /* Souligné discret : le nom se corrige sur place, même sans survol (téléphone). */
    border-bottom: 1px dashed var(--md-outline-variant);
    background: transparent;
    font: inherit;
    font-size: var(--fs-md);
    cursor: text;
}
table input.inline-input:hover { border-color: var(--md-outline-variant); background: var(--md-surface); }
table input.inline-input:focus { border-color: var(--md-primary); background: var(--md-surface); box-shadow: 0 0 0 3px var(--md-primary-container); }
.inline-input--strong { font-weight: 700 !important; text-transform: uppercase; }

/* Téléphone : une fiche par joueur (nom et prénom, puis points, équipes de la phase et actions). */
@media (max-width: 600px) {
    .players-table, .players-table tbody { display: block; background: none; box-shadow: none; overflow: visible; }
    .players-table thead { display: none; }
    .players-table tr {
        display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
        margin-bottom: 8px; padding: 8px 12px;
        background: var(--md-surface); border-radius: var(--md-radius-md); box-shadow: var(--md-elevation-1);
    }
    .players-table td { display: block; padding: 0; border: none; }
    .players-table .cell-last, .players-table .cell-first { flex: 1 1 40%; min-width: 0; }
    .players-table .cell-points::before, .players-table .cell-phase::before {
        content: attr(data-label) " "; font-size: var(--fs-sm); font-weight: 700; color: var(--md-on-surface-variant);
    }
    .players-table .cell-actions { margin-left: auto; }
    .players-table .cell-status .badge--success { display: none; }
}

.profile > * { width: 100%; max-width: 1000px; }
.profile-head h1 { margin-bottom: 8px; }
.profile-head .page-intro { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; align-items: start; }
.profile h3 { margin: 24px 0 8px; font-size: var(--fs-md); color: var(--md-on-surface-variant); }
.burn-status {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 16px 0 0;
    padding: 12px 16px;
    border-radius: var(--md-radius-sm);
    border-left: 5px solid var(--team-ink);
    background: var(--md-surface-container);
    font-size: var(--fs-sm);
}
.burn-status--free { border-left-color: var(--md-success); }
.match-list, .avail-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.match-list li, .avail-list li { display: flex; align-items: center; gap: 8px; font-size: var(--fs-sm); }
.match-round { font-weight: 700; color: var(--md-primary); min-width: 2.6em; }
.match-date { color: var(--md-on-surface-variant); min-width: 8.5em; }
.match-date::first-letter { text-transform: uppercase; }
.avail-list .avail-cell { width: 30px; height: 30px; }

/* ==================== Analyse des adversaires ==================== */
/* Une seule convention de couleur : bleu = à notre avantage, rouge = à leur avantage, gris = équilibré
   (paire lisible par les daltoniens ; le signe +/- et les libellés doublent toujours la couleur). */
.scout-page { width: 100%; max-width: 1100px; }
/* Pages d'analyse : en-tête, fraîcheur et contenu alignés sur la même largeur. */
/* Marges latérales réduites : la largeur sert aux noms des joueurs et des clubs. */
.analyse-page { padding-left: clamp(16px, 2vw, 32px); padding-right: clamp(16px, 2vw, 32px); }
.analyse-page > * { width: 100%; max-width: 1760px; }
/* main centre ses enfants : sans largeur explicite, la grille se réduirait à une seule colonne.
   Deux cartes par ligne au plus : les noms des joueurs et des clubs tiennent sur la largeur. */
.scout-overview { width: 100%; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(340px, calc((100% - 24px) / 2))), 1fr)); }
.scout-page .panel { margin-bottom: 16px; }
.scout-intro { color: var(--md-on-surface-variant); max-width: 70ch; margin: 0 0 20px; }
.scout-freshness { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 20px; color: var(--md-on-surface-variant); }
.scout-freshness form { margin: 0; }
.scout-freshness button { padding: 8px 16px; }
.round-nav { width: 100%; justify-content: flex-start; }
.round-nav .chip { white-space: nowrap; }
@media (max-width: 600px) {
    /* Une seule ligne qui défile plutôt que plusieurs lignes de pastilles au-dessus des cartes. */
    .round-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
    .round-nav .chip { flex: none; }
}
/* Prévision d'une journée lointaine : prévient que les compositions sont supposées. */
.scout-far {
    margin: 8px 0 0; padding: 8px 12px; border-left: 4px solid var(--status-warning-border);
    border-radius: var(--md-radius-sm); background: var(--status-warning-bg); font-size: var(--fs-sm);
}
.verdict {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 3px 12px; border-radius: var(--md-radius-full);
    font-weight: 700; font-size: var(--fs-sm); color: var(--scout-ink); white-space: nowrap;
}
.verdict--favorable { background: var(--scout-pos-strong); }
.verdict--balanced { background: var(--scout-even); }
.verdict--difficult { background: var(--scout-neg-strong); }
.verdict--unknown { background: var(--scout-even); font-weight: 400; }
.scout-chances { font-size: var(--fs-xl); font-weight: 700; line-height: 1.1; margin: 16px 0 2px; font-variant-numeric: tabular-nums; }
.hero-card .scout-chances { color: var(--inv-strong); }
.scout-odds { display: flex; gap: 2px; height: 12px; border-radius: var(--md-radius-full); overflow: hidden; margin: 12px 0 8px; }
.scout-odds span { display: block; min-width: 2px; }
.scout-odds .odds-win { background: var(--scout-bar-win); }
.scout-odds .odds-draw { background: var(--scout-bar-draw); }
.scout-odds .odds-loss { background: var(--scout-bar-loss); }
.scout-odds-legend { display: flex; justify-content: space-between; font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }
.scout-team-title { display: flex; align-items: center; gap: 8px; }
.scout-match-line { margin: 4px 0; color: var(--md-on-surface-variant); }
.scout-opponent { font-size: var(--fs-lg); font-weight: 700; margin: 2px 0 8px; }
.scout-players { list-style: none; margin: 0; padding: 0; }
.scout-players li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--md-outline-variant); }
.scout-players li:last-child { border-bottom: 0; }
.scout-players li > span:first-child { min-width: 45%; }
.scout-players .points { font-weight: 700; font-variant-numeric: tabular-nums; }
.points-cell { display: flex; flex-direction: column; align-items: flex-end; }
.points-value { display: inline-flex; flex-direction: column; align-items: flex-end; font-variant-numeric: tabular-nums; }
.points-value .is-stale { color: var(--md-error); }
.points-edit summary { cursor: pointer; font-size: var(--fs-sm); color: var(--md-primary); }
.points-form { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.points-form input[type="number"] { width: 6rem; }
.scout-players .meta, .scout-meta { color: var(--md-on-surface-variant); font-size: var(--fs-sm); }
.scout-keypoints { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.scout-duels td, .scout-duels th { text-align: center; white-space: nowrap; }
.scout-duels th[scope=row] { text-align: left; }
.scout-duels td { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--scout-ink); }
.gap-p2 { background: var(--scout-pos-strong); }
.gap-p1 { background: var(--scout-pos); }
.gap-n0 { background: var(--scout-even); }
.gap-m1 { background: var(--scout-neg); }
.gap-m2 { background: var(--scout-neg-strong); }
.scout-legend { display: flex; flex-wrap: wrap; gap: 8px; font-size: var(--fs-sm); margin-top: 8px; }
.scout-legend span { padding: 2px 8px; border-radius: var(--md-radius-sm); color: var(--scout-ink); }
.scout-table-wrap { overflow-x: auto; }
.scout-strength { height: 8px; border-radius: var(--md-radius-full); background: var(--md-outline); min-width: 2px; }
tr.is-us .scout-strength { background: var(--scout-bar-win); }
tr.is-us td { font-weight: 700; }
.scout-section-title { margin: 32px 0 12px; }
.scout-links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 16px; }
/* Bilan de la phase : chiffres alignés à droite, précision sous la valeur. */
.review-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.review-detail { display: block; white-space: nowrap; }

/* Licenciés du club absents de la liste des joueurs (/players) */
.licensees summary { cursor: pointer; font-weight: 600; }
.licensee-list { list-style: none; padding: 0; margin: .75rem 0; display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .25rem 1rem; }
.prow-points, .slot-points { color: var(--md-on-surface-variant); font-size: var(--fs-sm); margin-left: .35em; }

/* Barre complète avec icônes au-delà de 1460 px ; en dessous, un peu moins de marge et sans les icônes
   de la barre pour tenir sur une ligne (celles du menu déroulant restent). */
@media (min-width: 861px) and (max-width: 1460px) {
    .nav-link { padding: 8px 8px; gap: 4px; }
}
@media (min-width: 861px) and (max-width: 1460px) {
    .site-nav-primary .nav-icon { display: none; }
}
/* Connecté, entre 861 et 1100 px, tous les libellés ne tiennent pas sur une ligne : les pages de
   consultation et le menu du compte n'y gardent que leur icône (nom en infobulle et pour les lecteurs
   d'écran) ; les outils du quotidien gardent leur libellé. */
@media (min-width: 861px) and (max-width: 1100px) {
    .site-header:has(.nav-separator) .nav-link--compact .nav-label {
        position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
    .site-header:has(.nav-separator) .site-nav-primary .nav-link--compact .nav-icon { display: inline-block; }
}

/* Pied de page : version, puis sources des données et lien vers la page « Données et sources ». */
.footer-sources { margin-left: 12px; }
.footer-sources > span + a { margin-left: 8px; }
.footer-sources a { color: inherit; }
@media (max-width: 600px) {
    /* Sur mobile, le pied de page garde la mention des sources plutôt que la version. */
    .footer-version { display: none; }
    .footer-sources { margin-left: 0; }
}

/* Page de texte (« Données et sources ») : largeur de lecture confortable. */
.prose-page { max-width: 760px; }
.prose-page h2 { margin-top: 28px; }
.prose-page li { margin-bottom: 8px; }

/* ==================== Analyse : cartes de même hauteur, actions en pied de carte ==================== */
.scout-overview { align-items: stretch; }
.scout-card { display: flex; flex-direction: column; }
.scout-card .scout-links { margin-top: auto; padding-top: 16px; }
.scout-card .scout-odds-legend { margin-bottom: 4px; }

/* ==================== Poules : une couleur par poule ==================== */
.pool-grid { align-items: stretch; }
.pool-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--md-radius-md);
    background: var(--md-surface);
    box-shadow: var(--md-elevation-table);
    border: 2px solid var(--team-ink);
    overflow: hidden;
}
.pool-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; background: var(--team); color: var(--team-on); }
.pool-card-head h2 { margin: 0; color: var(--team-on); font-size: var(--fs-lg); }
.pool-card-number { padding: 2px 8px; border-radius: var(--md-radius-full); background: var(--team-on-overlay); font-size: var(--fs-sm); font-weight: 700; }
/* Tableau à sa hauteur naturelle : lignes de même hauteur d'une poule à l'autre, place libre en bas. */
.pool-card table { width: 100%; border-radius: 0; box-shadow: none; }
.pool-card .num { text-align: right; font-variant-numeric: tabular-nums; }
.pool-card th, .pool-card td { padding-left: 12px; padding-right: 12px; }
.pool-card tr.is-us td { font-weight: 700; }
.pool-card-source { margin: auto 0 0; padding: 8px 16px; border-top: 1px solid var(--md-outline-variant); color: var(--md-on-surface-variant); font-size: var(--fs-sm); }
.pool-card thead th { background: color-mix(in srgb, var(--team) 10%, var(--md-surface)); }
.pool-card tbody tr:last-child td { border-bottom: none; }
.pool-card tr.is-withdrawn { opacity: 0.6; }
.pool-position {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--team) 14%, var(--md-surface));
    color: var(--team-ink);
    font-weight: 700;
    font-size: var(--fs-sm);
}
.pool-card tbody tr:first-child .pool-position { background: var(--team); color: var(--team-on); }

/* ==================== Réglages : groupes de tuiles ==================== */
.settings-page { align-items: stretch; width: 100%; max-width: 1400px; margin: 0 auto; }
.settings-page > h1 { margin-bottom: 8px; }
.settings-page .page-intro { margin-bottom: 8px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Sommaire collant sous la barre de navigation : toujours à portée, avec la section courante en évidence. */
.settings-toc {
    position: sticky;
    top: 64px;
    z-index: 10;
    display: flex;
    gap: 8px;
    margin: 8px -12px 0;
    padding: 8px 12px;
    background: var(--md-surface-dim);
    border-bottom: 1px solid var(--md-outline-variant);
    overflow-x: auto;
}
.settings-toc a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none;
    padding: 8px 16px;
    border-radius: var(--md-radius-full);
    font-weight: 600;
    transition: background-color var(--md-motion), color var(--md-motion);
}
.settings-toc a .icon { width: 16px; height: 16px; }
.settings-toc a.is-active { background: var(--md-primary); color: var(--md-on-primary); }

.settings-group { margin-top: 28px; scroll-margin-top: 128px; }
.settings-group-title {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 16px;
    font-size: var(--fs-lg);
    white-space: nowrap;
}
.settings-group-title::after { content: ''; flex: 1; height: 1px; background: var(--md-outline); }
.settings-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 20px; align-items: stretch; }
.settings-tile { display: flex; flex-direction: column; max-width: none; margin: 0; padding: 24px; }
.settings-tile--wide { grid-column: 1 / -1; }
.settings-tile h3 { margin-bottom: 16px; }
.settings-tile .form-intro { margin: 0 0 16px; }
.settings-tile .tile-form { margin: 0; }
.settings-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 0 28px; }
.tile-preview { margin-bottom: 16px; }
.tile-preview img { display: block; border: 1px solid var(--inv-input-border); background: #fff; }
.tile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; }
.settings-tile--danger { border: 1.5px solid var(--inv-bad); }
.settings-tile--danger h3 { border-bottom-color: var(--inv-bad); }
.settings-tile--danger .btn-danger-filled { margin-top: 0; }

/* ==================== Choix des couleurs d'équipe (réglages) ==================== */
.color-slot { border: 0; margin: 0 0 16px; padding: 0; }
.color-slot legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.color-choice { display: inline-block; margin: 0 8px 8px 0; cursor: pointer; }
.color-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.color-swatch {
    display: inline-block;
    padding: 4px 12px;
    border-radius: var(--md-radius-full);
    border: 3px solid transparent;
    color: #FFFFFF;
    font-size: var(--fs-sm);
    font-weight: 700;
}
.color-choice input:checked + .color-swatch { border-color: var(--md-on-surface); }
.color-choice input:checked + .color-swatch::before { content: "✓ "; }
.color-choice input:focus-visible + .color-swatch { outline: 3px solid var(--md-accent); outline-offset: 2px; }

/* ==================== Mes prochains matchs (compte joueur) ==================== */
.my-days { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); width: 100%; max-width: 640px; }
.my-day {
    display: grid; gap: var(--sp-2);
    padding: var(--sp-4); border-radius: var(--md-radius-md);
    background: var(--md-surface); box-shadow: var(--md-elevation-1);
    border-left: 4px solid transparent;
}
.my-day.is-selected { border-left-color: var(--md-primary); }
.my-day-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-3); }
.my-day-date { font-size: var(--fs-lg); }
.my-day-rounds { font-size: var(--fs-sm); font-weight: 700; color: var(--md-on-surface-variant); }
.my-day-selection { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); font-weight: 600; }
.my-day-venue { margin: 0; display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); color: var(--md-on-surface-variant); font-size: var(--fs-sm); }
.my-day-none, .my-day-hint { margin: 0; color: var(--md-on-surface-variant); font-size: var(--fs-sm); }
.my-day-warn { margin: 0; color: var(--md-error); font-weight: 600; font-size: var(--fs-sm); }
.answer-group { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); }
.answer-btn {
    min-height: 44px; padding: var(--sp-2) var(--sp-4);
    border: 1.5px solid var(--md-outline); border-radius: var(--md-radius-full);
    background: var(--md-surface); color: var(--md-on-surface);
    font: inherit; font-weight: 700; cursor: pointer; box-shadow: none;
}
.answer-btn:hover { background: var(--md-surface-container); box-shadow: none; color: var(--md-on-surface); }
.answer-btn--yes[aria-pressed="true"], .answer-btn--yes[aria-pressed="true"]:hover {
    background: var(--status-success-bg); border-color: var(--status-success-border); color: var(--status-success-fg);
}
.answer-btn--no[aria-pressed="true"], .answer-btn--no[aria-pressed="true"]:hover {
    background: var(--md-error-container); border-color: var(--md-error); color: var(--md-error);
}

/* Relance des joueurs sans réponse pour la prochaine date. */
.avail-reminder {
    width: 100%; max-width: 1400px; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-4);
    margin-bottom: var(--sp-4); padding: var(--sp-3) var(--sp-4);
    border-radius: var(--md-radius-md); background: var(--md-surface); box-shadow: var(--md-elevation-1);
}
.avail-reminder p { margin: 0; }
.avail-reminder-ok { color: var(--md-success-text); font-weight: 600; }

/* ==================== Comptes : lien personnel et invitations en attente ==================== */
.issued-link { border: 2px solid var(--md-primary); }
.issued-url { width: 100%; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: var(--fs-sm); }
.issued-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin: var(--sp-3) 0; }
.pending-invitations { width: 100%; max-width: 720px; margin-bottom: var(--sp-6); }
.pending-list { list-style: none; margin: 0; padding: 0; }
.pending-list li { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); padding: var(--sp-2) 0; border-bottom: 1px solid var(--md-outline-variant); }
.pending-list li:last-child { border-bottom: 0; }
.pending-list form { margin: 0; }
.my-days-actions { width: 100%; max-width: 640px; margin: 0 0 var(--sp-3); }