/* meil.no status-banner — speiler det aktive banneret i kontrollpanelet (min.meil.no).
   Egen stylesheet fordi CSP (style-src) ikke tillater inline-stiler. */
#meil-banner-host{
  position:relative;z-index:60;
  font-family:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.meil-banner{
  display:flex;align-items:flex-start;gap:.75rem;
  padding:.7rem 1rem;line-height:1.45;font-size:.92rem;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.meil-banner__inner{
  display:flex;align-items:flex-start;gap:.6rem;
  width:100%;max-width:1120px;margin:0 auto;flex:1 1 auto;
}
.meil-banner__icon{
  flex:0 0 auto;width:20px;height:20px;margin-top:1px;
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.meil-banner__msg{flex:1 1 auto;}
.meil-banner__link{color:inherit;text-decoration:underline;font-weight:600;white-space:nowrap;}
.meil-banner__close{
  flex:0 0 auto;appearance:none;border:0;background:transparent;color:inherit;
  cursor:pointer;font-size:1.25rem;line-height:1;padding:.05rem .4rem;
  border-radius:6px;opacity:.8;transition:opacity .12s,background .12s;
}
.meil-banner__close:hover{opacity:1;background:rgba(0,0,0,.12);}
.meil-banner--warning{background:#fef3c7;color:#7c2d12;border-bottom-color:#fcd34d;}
.meil-banner--warning .meil-banner__icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.meil-banner--critical{background:#dc2626;color:#fff;border-bottom-color:#b91c1c;}
.meil-banner--critical .meil-banner__close:hover{background:rgba(255,255,255,.22);}
.meil-banner--critical .meil-banner__icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
}
@media (max-width:560px){
  .meil-banner{font-size:.86rem;padding:.6rem .8rem;}
}