/* Alerte Sénégal — Tips modal (v0.1.2) */
:root{
  --asTipBrand:#118A3B;
  --asTipInk:#0b1220;
  --asTipMuted:#64748b;
  --asTipLine:rgba(15,23,42,.14);
  --asTipBg:#ffffff;
  --asTipSoft:rgba(17,138,59,.10);
}

.as-tip-box{
  border:1px solid var(--asTipLine);
  background:linear-gradient(180deg, rgba(17,138,59,.08), rgba(255,255,255,.92));
  border-radius:18px;
  padding:14px;
  margin:14px 0;
}
.as-tip-box__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.as-tip-box__title{display:block;color:var(--asTipInk);font-size:18px;margin-bottom:4px}
.as-tip-box__sub{color:var(--asTipMuted);font-size:14px}

.as-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;border:1px solid var(--asTipLine);
  padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease;
  background:#fff;color:var(--asTipInk);text-decoration:none;
}
.as-btn:active{transform:translateY(1px)}
.as-btn--primary{background:var(--asTipBrand);border-color:rgba(0,0,0,0);color:#fff;box-shadow:0 10px 24px rgba(17,138,59,.20)}
.as-btn--ghost{background:#fff}

.as-tip-modal{position:fixed;inset:0;z-index:99999;display:none}
.as-tip-modal[aria-hidden="false"]{display:block}
.as-tip-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(8px)}
.as-tip-modal__panel{
  position:relative;
  max-width:760px;
  margin:6vh auto 0;
  width:calc(100% - 28px);
  background:var(--asTipBg);
  border:1px solid var(--asTipLine);
  border-radius:22px;
  box-shadow:0 24px 70px rgba(2,6,23,.22);
  overflow:hidden;
}
.as-tip-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px;border-bottom:1px solid var(--asTipLine);background:rgba(255,255,255,.9)}
.as-tip-modal__kicker{font-size:12px;color:var(--asTipMuted);letter-spacing:.06em;text-transform:uppercase}
.as-tip-modal__title{margin:2px 0 0;font-size:20px;color:var(--asTipInk)}
.as-tip-modal__close{border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--asTipInk);opacity:.7}
.as-tip-modal__close:hover{opacity:1}

.as-tip-form{padding:14px 16px 16px}
.as-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.as-tip-field span{display:block;font-size:12px;color:var(--asTipMuted);margin:0 0 6px}
.as-tip-field input,.as-tip-field textarea{
  width:100%;
  border:1px solid var(--asTipLine);
  border-radius:14px;
  padding:11px 12px;
  font-size:15px;
  outline:none;
  background:#fff;
}
.as-tip-field textarea{resize:vertical;min-height:110px}
.as-tip-field--full{grid-column:1 / -1}

.as-tip-files{
  padding:12px;
  border-radius:16px;
  border:1px dashed rgba(17,138,59,.35);
  background:rgba(17,138,59,.06);
}
.as-tip-files__label{display:block;font-weight:700;color:var(--asTipInk);margin:0 0 8px}
.as-tip-help{margin-top:6px;color:var(--asTipMuted);font-size:12px}

.as-tip-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.as-tip-feedback{margin-top:10px;font-size:14px;color:var(--asTipMuted)}
.as-tip-feedback.is-ok{color:var(--asTipBrand)}
.as-tip-feedback.is-error{color:#b91c1c}

@media (max-width:720px){
  .as-tip-grid{grid-template-columns:1fr}
}