/*
 * BarStock — styles communs
 * Découpage du CSS existant, sans changement visuel volontaire.
 */

*{box-sizing:border-box}
:root{
    --bg:#eef1f4;
    --card:#fff;
    --text:#18212b;
    --muted:#6e7885;
    --line:#dfe4ea;
    --navy:#1b68bb;
    --navy2:#184e89;
    --navy3: #2673c6;
    --accent:#ff8a1f;
    --danger:#d64a4a;
    --bar-header-height: 64px;
}
html,body{
  margin:0;min-height:100%;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);background:var(--bg)
}
button,a{font:inherit}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}
.modal{
  position:fixed;inset:0;z-index:100;display:none;align-items:center;
  justify-content:center;background:rgba(6,16,28,.52)
}
.modal.open{display:flex}
.modal-card{
  width:min(420px,85vw);padding:24px;border-radius:20px;background:#fff;
  text-align:center;
    z-index: 9999;
}
.payment-loader{
  width:42px;height:42px;margin:0 auto 15px;border:4px solid #e8edf2;
  border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite
}
.payment-result-icon{display:none;margin-bottom:10px;font-size:42px}
.payment-amount{margin:8px 0;font-size:30px;font-weight:900}
.modal-card p{color:var(--muted)}
.modal-button{
  width:100%;margin-top:13px;padding:12px;border:0;border-radius:11px;
  color:#fff;background:var(--navy);font-weight:900;cursor:pointer
}
@keyframes spin{to{transform:rotate(360deg)}}
.pending-close {
    width: 38px;
    height: 38px;

    border: 0;
    border-radius: 10px;

    background: #edf1f5;

    cursor: pointer;
}
.bar-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin-right: 20px;
    margin-bottom: 10px;
}