/**
 * Projet                    : MageStock
 * Logiciel                  : MageStock
 * Fichier                   : assets/css/update.css
 * Rôle du fichier           : Design responsive et accessible du centre de mise à jour signé
 * Auteur                    : Régis KREMER
 * Version du fichier        : 2.6.124
 * Version générale          : 2.6.124
 * Lot                       : MAGESTOCK UPDATE CENTER INSTALLER PROXY RESPONSIVE RELEASE FINAL1
 * Base requise              : MageStock 2.6.123
 * Création                  : 2026-07-21
 * Dernière modification     : 2026-07-30
 * Dépendances               : views/update.php
 * Données touchées          : aucune
 * Permissions               : aucune côté CSS
 * Sécurité                  : respect strict de hidden ; états critiques toujours textuels
 * Compatibilité             : ordinateur, smartphone, tablette ; thèmes clair et sombre
 *
 * Historique : 2.6.110 précontrôle ; 2.6.117 cumulatif ; 2.6.118 distant ; 2.6.124 refonte complète.
 */
.update-page [hidden]{display:none!important}
.update-page{--upd-bg:#f5f7fb;--upd-card:#fff;--upd-card-soft:#f8fafc;--upd-border:#dbe3ef;--upd-border-soft:#e7edf5;--upd-text:#172033;--upd-muted:#617086;--upd-blue:#165dcc;--upd-blue-dark:#0f49aa;--upd-green:#15803d;--upd-red:#b42318;--upd-orange:#b45309;max-width:1440px;margin:0 auto;padding:0 0 48px;color:var(--upd-text)}
.update-page button,.update-page input,.update-page summary,.update-page a{font:inherit}.update-page .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.update-page .btn:focus-visible,.update-page summary:focus-visible,.update-drop:focus-within{outline:3px solid rgba(22,93,204,.28);outline-offset:2px}
.update-kicker{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#5b6d84}.update-card{background:var(--upd-card);border:1px solid var(--upd-border);padding:24px;box-shadow:0 10px 28px rgba(15,23,42,.055)}.update-card h2{margin:5px 0 8px;font-size:1.22rem;line-height:1.25}.update-card p{color:var(--upd-muted);line-height:1.55}.update-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.update-card-head.compact{align-items:center}.update-card-head p{max-width:840px;margin:0}
.update-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:30px 32px;margin-bottom:18px;color:#fff;background:linear-gradient(120deg,#102753 0%,#124db0 52%,#1670de 100%);border:1px solid rgba(255,255,255,.08)}.update-hero:after{content:"";position:absolute;width:250px;height:250px;right:-70px;top:-120px;border:1px solid rgba(255,255,255,.14);transform:rotate(32deg)}.update-hero .update-kicker{color:#bfdbfe}.update-hero h1{margin:5px 0 8px;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.08}.update-hero p{margin:0;max-width:760px;color:#e6efff;line-height:1.5}.update-version-panel{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));min-width:410px;border:1px solid rgba(255,255,255,.24);background:rgba(8,28,67,.28);backdrop-filter:blur(8px)}.update-version-panel>div{padding:13px 15px;border-right:1px solid rgba(255,255,255,.18)}.update-version-panel>div:last-child{border-right:0}.update-version-panel span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#c7d8f7}.update-version-panel strong{display:block;margin-top:4px;color:#fff;font-size:1rem}.update-version-health strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.update-alert{display:none;min-height:48px;padding:13px 16px;margin:0 0 18px;border:1px solid #cbd5e1;border-left:4px solid #64748b;background:#f8fafc;color:#334155;line-height:1.45}.update-alert:not(:empty){display:block}.update-alert.success{border-color:#86efac;border-left-color:#16a34a;background:#f0fdf4;color:#166534}.update-alert.warning{border-color:#fed7aa;border-left-color:#d97706;background:#fff7ed;color:#9a3412}.update-alert.error{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2;color:#991b1b}
.update-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;border:1px solid var(--upd-border);background:var(--upd-card)}.update-flow-step{position:relative;display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 16px;border-right:1px solid var(--upd-border-soft);color:var(--upd-muted)}.update-flow-step:last-child{border-right:0}.update-flow-step>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #bdc9d8;background:#fff;font-weight:800}.update-flow-step strong,.update-flow-step small{display:block}.update-flow-step strong{color:var(--upd-text);font-size:.9rem}.update-flow-step small{margin-top:2px;font-size:.73rem;color:var(--upd-muted)}.update-flow-step.is-active{background:#edf5ff}.update-flow-step.is-active>span{border-color:var(--upd-blue);background:var(--upd-blue);color:#fff}.update-flow-step.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--upd-blue)}.update-flow-step.is-complete>span{border-color:#22c55e;background:#dcfce7;color:#166534}.update-flow-step.is-complete>span:before{content:"✓"}.update-flow-step.is-complete>span{font-size:0}.update-flow-step.is-complete>span:before{font-size:1rem}.update-flow-step.is-warning>span{border-color:#f59e0b;background:#fff7ed;color:#92400e}
.update-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:18px;align-items:start}.update-main-column,.update-side-column{display:grid;gap:18px}.update-primary-card{border-top:3px solid var(--upd-blue)}.update-discovery-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.update-discovery-status.available{border-color:#86efac;background:#dcfce7;color:#166534}.update-discovery-status.current{border-color:#93c5fd;background:#dbeafe;color:#1e40af}.update-discovery-status.unavailable{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.update-primary-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:16px;border:1px solid var(--upd-border);background:var(--upd-card-soft)}.update-primary-action-copy strong,.update-primary-action-copy span{display:block}.update-primary-action-copy span{margin-top:4px;color:var(--upd-muted);font-size:.84rem}.update-main-button{min-width:220px}.update-privacy-note{margin:16px 0 0!important;padding-top:13px;border-top:1px solid var(--upd-border-soft);font-size:.8rem}
.update-discovery-result{margin-top:18px;border:1px solid var(--upd-border);background:var(--upd-card-soft);padding:17px}.update-discovery-version{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.update-discovery-version>span{font-size:1.28rem;font-weight:800;color:var(--upd-text)}.update-discovery-flag{padding:4px 8px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:.7rem;text-transform:uppercase}.update-discovery-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.update-discovery-result dl div{padding:10px 12px;border:1px solid var(--upd-border-soft);margin:-1px 0 0 -1px;min-width:0}.update-discovery-result dt{color:var(--upd-muted);font-size:.75rem}.update-discovery-result dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.update-discovery-ok,.update-discovery-warning,.update-discovery-error,.update-discovery-empty{margin:14px 0 0;padding:12px 14px;border-left:4px solid}.update-discovery-ok{border-color:#16a34a;background:#ecfdf3;color:#166534}.update-discovery-warning{border-color:#d97706;background:#fff7ed;color:#9a3412}.update-discovery-error{border-color:#dc2626;background:#fef2f2;color:#991b1b}.update-discovery-empty{border-color:#64748b;background:#eef2f7;color:#475569}.update-discovery-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.update-security-card{position:sticky;top:12px}.update-security-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}.update-state-list,.update-analysis dl{display:grid;gap:0;margin:14px 0 18px}.update-state-list div,.update-analysis dl div{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:10px 0;border-bottom:1px solid var(--upd-border-soft)}.update-state-list dt,.update-analysis dt{color:var(--upd-muted);font-size:.82rem}.update-state-list dd,.update-analysis dd{margin:0;font-weight:750;text-align:right;overflow-wrap:anywhere}.update-full-button{width:100%}.update-recovery-card h2{margin-top:5px}.update-recovery-card p{margin:0 0 15px;font-size:.84rem}.update-recovery-actions{display:grid;gap:9px}.update-recovery-actions .btn{width:100%}.update-recovery-idle{padding:12px;border:1px solid var(--upd-border-soft);background:var(--upd-card-soft);color:var(--upd-muted);font-size:.82rem;line-height:1.4}
.update-package-card{border-top:3px solid #16a34a}.update-package-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.update-package-heading h2{margin:5px 0 0}.update-package-source{display:inline-flex;padding:6px 9px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-size:.75rem;font-weight:700}.update-analysis{margin:16px 0;padding:16px;background:#f3f8ff;border-left:4px solid var(--upd-blue)}.update-analysis-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.update-analysis-head h3{margin:0}.update-preflight-status{display:inline-flex;align-items:center;padding:5px 9px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.update-preflight-status.ready{color:#166534;background:#dcfce7;border-color:#86efac}.update-preflight-status.blocked{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.update-preflight-ok{margin:12px 0 0;padding:12px;border-left:4px solid #16a34a;background:#ecfdf3;color:#166534;font-weight:600}.update-preflight-list{margin-top:14px}.update-preflight-list h4{margin:0 0 10px;color:#991b1b}.update-preflight-item{padding:12px;margin:8px 0;border:1px solid #fecaca;background:#fff7f7}.update-preflight-item>strong{display:block;color:#991b1b}.update-preflight-item p{margin:6px 0}.update-preflight-item ul{margin:8px 0;padding-left:20px;max-height:180px;overflow:auto}.update-preflight-item code{font-size:.8rem}.update-preflight-item small{color:var(--upd-muted)}.update-preflight-help{font-weight:600;color:#7f1d1d}.update-package-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.update-install-button{min-width:210px}.update-confirmation-note{margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--upd-border-soft);font-size:.82rem}
.update-manual-card,.update-rollup-card{padding:0;overflow:hidden}.update-manual-card>summary,.update-rollup-card>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:17px 22px;cursor:pointer;list-style:none}.update-manual-card>summary::-webkit-details-marker,.update-rollup-card>summary::-webkit-details-marker{display:none}.update-manual-card>summary span:first-child,.update-rollup-card>summary span:first-child{display:grid;gap:3px}.update-manual-card>summary strong,.update-rollup-card>summary strong{font-size:.96rem;color:var(--upd-text)}.update-manual-card>summary small,.update-rollup-card>summary small{color:var(--upd-muted);font-size:.78rem}.update-summary-chevron{font-size:1.4rem;color:var(--upd-muted);transition:transform .2s ease}.update-manual-card[open] .update-summary-chevron,.update-rollup-card[open] .update-summary-chevron{transform:rotate(180deg)}.update-details-body{padding:0 22px 22px;border-top:1px solid var(--upd-border-soft)}.update-drop{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:18px 0 12px;padding:16px;border:2px dashed #a8b7cc;background:var(--upd-card-soft);cursor:pointer}.update-file-symbol{display:grid;place-items:center;width:54px;height:44px;border:1px solid #c4cfdd;background:#fff;color:var(--upd-blue);font-size:.7rem;font-weight:900}.update-drop-copy strong,.update-drop-copy small{display:block}.update-drop-copy small{margin-top:3px;color:var(--upd-muted)}.update-drop input{grid-column:1/-1;width:100%;min-height:44px;margin-top:4px}.update-rollup-card{margin-top:18px}.update-rollup-body>p{margin:17px 0}.update-rollup-steps{list-style:none;margin:0;padding:0;border:1px solid var(--upd-border)}.update-rollup-steps li{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 14px;border-bottom:1px solid var(--upd-border-soft)}.update-rollup-steps li:last-child{border-bottom:0}.update-rollup-steps strong{color:var(--upd-blue-dark)}.update-rollup-steps span{color:var(--upd-muted)}.update-rollup-note{padding:12px 14px!important;border-left:3px solid #d97706;background:#fff7ed;color:#7c2d12!important}
.update-history-card{margin-top:18px}.update-history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.update-history-heading h2{margin:4px 0 0}.update-history-count{display:grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border:1px solid var(--upd-border);background:var(--upd-card-soft);font-size:.78rem;font-weight:800}.update-history{display:grid;gap:8px}.update-history article{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.4fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--upd-border-soft);background:var(--upd-card-soft)}.update-history article span,.update-history article small{color:var(--upd-muted)}.update-history article p{grid-column:1/-1;margin:0;color:#b91c1c}
html[data-theme="dark"] .update-page{--upd-card:var(--bg-card,#141d2e);--upd-card-soft:var(--bg-input,#0e1623);--upd-border:var(--border,#263750);--upd-border-soft:var(--border,#263750);--upd-text:var(--text-primary,#f0f6ff);--upd-muted:var(--text-secondary,#91a5ba);--upd-blue:#66a3ff;--upd-blue-dark:#93c5fd;color:var(--upd-text)}html[data-theme="dark"] .update-flow-step>span,html[data-theme="dark"] .update-file-symbol{background:#172237;border-color:#40536e}html[data-theme="dark"] .update-flow-step.is-active{background:rgba(37,99,235,.15)}html[data-theme="dark"] .update-analysis{background:rgba(37,99,235,.10)}html[data-theme="dark"] .update-package-source{background:var(--upd-card-soft);border-color:var(--upd-border);color:var(--upd-text)}html[data-theme="dark"] .update-discovery-status.neutral{background:var(--upd-card-soft);border-color:#4a6280;color:var(--upd-muted)}html[data-theme="dark"] .update-discovery-status.available{background:rgba(22,163,74,.18);border-color:#22c55e;color:#bbf7d0}html[data-theme="dark"] .update-discovery-status.current{background:rgba(37,99,235,.18);border-color:#60a5fa;color:#bfdbfe}html[data-theme="dark"] .update-discovery-status.unavailable{background:rgba(220,38,38,.18);border-color:#ef4444;color:#fecaca}html[data-theme="dark"] .update-preflight-status.ready{color:#bbf7d0;background:rgba(22,163,74,.18);border-color:#22c55e}html[data-theme="dark"] .update-preflight-status.blocked{color:#fecaca;background:rgba(220,38,38,.18);border-color:#ef4444}html[data-theme="dark"] .update-preflight-ok{background:rgba(22,163,74,.14);color:#bbf7d0}html[data-theme="dark"] .update-preflight-item{background:rgba(127,29,29,.18);border-color:#7f1d1d;color:var(--upd-text)}html[data-theme="dark"] .update-preflight-item>strong,html[data-theme="dark"] .update-preflight-help{color:#fecaca}html[data-theme="dark"] .update-rollup-note{background:rgba(217,119,6,.14);color:#fed7aa!important}html[data-theme="dark"] .update-alert{background:var(--upd-card-soft);color:var(--upd-text)}
@media(max-width:1100px){.update-workspace{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.update-version-panel{min-width:360px}.update-history article{grid-template-columns:1fr 1fr}.update-history article small{grid-column:1/-1}}
@media(max-width:900px){.update-hero{grid-template-columns:1fr}.update-version-panel{width:100%;min-width:0}.update-workspace{grid-template-columns:1fr}.update-side-column{grid-template-columns:1fr 1fr}.update-security-card{position:static}.update-flow-step{padding:11px}.update-flow-step small{display:none}.update-discovery-result dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.update-page{margin:0 -12px;padding-bottom:28px}.update-hero{padding:22px 16px;margin-bottom:12px;border-left:0;border-right:0}.update-version-panel{grid-template-columns:1fr 1fr}.update-version-panel>div{padding:10px 11px}.update-version-panel>div:nth-child(2){border-right:0}.update-version-health{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18)}.update-version-health strong{max-width:none}.update-alert{margin:0 12px 12px}.update-flow{overflow-x:auto;grid-template-columns:repeat(4,minmax(125px,1fr));margin:0 0 12px;border-left:0;border-right:0;scroll-snap-type:x proximity}.update-flow-step{min-height:64px;scroll-snap-align:start}.update-flow-step>span{flex-basis:30px;height:30px}.update-flow-step strong{font-size:.82rem}.update-workspace,.update-main-column,.update-side-column{gap:12px}.update-side-column{grid-template-columns:1fr}.update-card{padding:18px 16px;border-left:0;border-right:0;box-shadow:none}.update-card-head{flex-direction:column;gap:12px}.update-primary-action{align-items:stretch;flex-direction:column;padding:14px}.update-main-button{width:100%;min-width:0}.update-discovery-result{padding:14px}.update-discovery-result dl{grid-template-columns:1fr}.update-discovery-version,.update-package-heading,.update-analysis-head{align-items:flex-start;flex-direction:column}.update-discovery-actions,.update-package-actions{display:grid;grid-template-columns:1fr}.update-discovery-actions .btn,.update-package-actions .btn,.update-install-button{width:100%;min-width:0}.update-package-source{width:100%}.update-manual-card,.update-rollup-card,.update-history-card{margin-left:0;margin-right:0}.update-manual-card>summary,.update-rollup-card>summary{padding:16px;min-height:64px}.update-details-body{padding:0 16px 16px}.update-drop{grid-template-columns:1fr}.update-file-symbol{display:none}.update-drop input{grid-column:auto}.update-rollup-steps li{grid-template-columns:1fr;gap:4px}.update-history-heading{padding:0}.update-history article{grid-template-columns:1fr}.update-history article small{grid-column:auto}.update-state-list div,.update-analysis dl div{gap:12px}.update-state-list dd,.update-analysis dd{max-width:58%}}
@media(max-width:420px){.update-page{margin:0 -8px}.update-alert{margin-left:8px;margin-right:8px}.update-hero{padding-left:14px;padding-right:14px}.update-card{padding-left:14px;padding-right:14px}.update-version-panel{grid-template-columns:1fr}.update-version-panel>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.update-version-panel>div:last-child{border-bottom:0}.update-version-health{grid-column:auto;border-top:0}.update-state-list div,.update-analysis dl div{display:grid;grid-template-columns:1fr}.update-state-list dd,.update-analysis dd{max-width:none;text-align:left}}
@media(prefers-reduced-motion:reduce){.update-page *{scroll-behavior:auto!important;transition:none!important}}
