/* Showmessage — centered message card. Shared chrome in forum.css. From
   samples/showmessage.html. */
.msgcard{max-width:520px; margin:30px auto; border:1px solid var(--frame); border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 4px 16px rgba(39,80,127,.12)}
.msgcard .bar{color:#fff; padding:7px 14px; font-weight:bold; font-size:13px; border-bottom:1px solid var(--bar-edge);
     background:linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.06) 48%, rgba(255,255,255,0) 49%, rgba(0,0,0,.04) 100%),
               linear-gradient(to bottom, var(--bar-top), var(--bar-bot)); box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.msgbody{padding:24px 20px; text-align:center}
.ico{width:48px; height:48px; border-radius:50%; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; font-size:26px; color:#fff}
.ico.info{background:linear-gradient(#7BA0D0,#3a6ea5)}
.msgtext{font-size:14px; color:#222; line-height:1.8}
.acts{margin-top:18px; display:flex; gap:10px; justify-content:center}
.pbtn{display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 22px; box-sizing:border-box; border:1px solid #3f6aa6; border-radius:4px; color:#fff; font-weight:bold; font-size:13px; text-decoration:none; cursor:pointer;
      background:linear-gradient(to bottom,#7BA0D0,#5C84BE); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); text-shadow:0 1px 0 rgba(0,0,0,.15)}
.pbtn:hover{background:linear-gradient(to bottom,#86abd9,#5e8ac5); text-decoration:none}
.sbtn{display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 18px; box-sizing:border-box; border:1px solid #9fc0e8; border-radius:4px; color:#13386b; font-weight:bold; font-size:13px; text-decoration:none; cursor:pointer;
      background:linear-gradient(#fbfdff,#dceafd); box-shadow:inset 0 1px 0 #fff}
.sbtn:hover{background:linear-gradient(#fff,#e8f1fe); text-decoration:none}