/* 11/10 — Mural de feitos + insígnias (js/mural-feitos.js), no lugar das
   "Missões Disponíveis" do Status. Paleta do pergaminho do status-shinobi. */
.st2-card-feitos .st2-card-titulo::before { background:#d9a93a; }
#muralFeitos { display:flex; flex-direction:column; gap:12px; }
.mf-destaques { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.mf-feito { display:flex; align-items:center; gap:8px; min-width:0; padding:7px 8px; border:1px solid #b9985588; border-radius:6px; background:linear-gradient(135deg,#fffaf0,#f1e3bf); box-shadow:inset 0 0 0 1px #fff5d8; }
.mf-feito-ico { flex:0 0 34px; height:34px; display:grid; place-items:center; font-size:20px; border-radius:50%; background:radial-gradient(circle,#1d4466,#0c2a46); box-shadow:0 0 0 2px #d1ad5e; }
.mf-feito-txt { display:flex; flex-direction:column; min-width:0; line-height:1.15; }
.mf-feito-txt b { font-size:15px; color:#13314f; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mf-feito-txt span { font-size:10px; color:#5b4a25; font-weight:700; }
.mf-feito-txt small { font-size:9px; color:#8a7445; }
.mf-feito-elo { grid-column:1/-1; background:radial-gradient(ellipse at 10% 50%,#e9c77255,transparent 60%),linear-gradient(135deg,#fffaf0,#f1e3bf); }
.mf-feito-elo .pvp-insignia { width:46px; height:50px; flex:0 0 46px; }
.mf-feito-elo .mf-feito-txt b { font-size:17px; }
.mf-sec h4 { display:flex; align-items:baseline; gap:6px; margin:0 0 6px; padding-bottom:4px; border-bottom:1px solid #b89a5c66; font:700 12px Georgia,serif; color:#183553; letter-spacing:.5px; }
.mf-sec h4 small { margin-left:auto; font:800 10px system-ui,sans-serif; color:#7a5b1d; }
.mf-temps { list-style:none; margin:0; padding:0; display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; }
.mf-temps li { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:2px; min-width:66px; padding:5px 4px; border:1px solid #b9985566; border-radius:6px; background:#fff8e6; text-align:center; }
.mf-temps li .pvp-insignia { width:36px; height:40px; flex:0 0 auto; }
.mf-temps li span { display:flex; flex-direction:column; font-size:9px; color:#5b4a25; line-height:1.2; }
.mf-temps li b { font-size:10px; color:#13314f; }
.mf-temps .mf-temp-atual { border-color:#d1a43f; box-shadow:0 0 0 1px #e9c772; background:#fff3cf; }
.mf-insignias { display:grid; grid-template-columns:repeat(auto-fill,minmax(58px,1fr)); gap:6px; }
.mf-insignia { position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 2px 7px; border:1px solid #b99855; border-radius:8px; background:#efe3c4; cursor:pointer; font-family:inherit; overflow:hidden; filter:grayscale(1); opacity:.55; transition:transform .12s, opacity .12s; }
.mf-insignia::after { content:''; position:absolute; left:0; bottom:0; height:3px; width:var(--mf-pct,0%); background:#c48a1e; }
.mf-insignia.ganha { filter:none; opacity:1; background:radial-gradient(circle at 50% 30%,#fff6d6,#ead39a); border-color:#c99a35; box-shadow:0 0 0 1px #f3d98a inset,0 2px 4px #7a571c40; }
.mf-insignia.ganha::after { display:none; }
.mf-insignia:hover { transform:translateY(-2px); opacity:.9; }
.mf-insignia.ganha:hover { opacity:1; }
.mf-insignia.sel { outline:2px solid #1f5f8d; outline-offset:1px; opacity:1; }
.mf-insignia-ico { font-size:22px; line-height:1; }
.mf-insignia-nome { font-size:8.5px; font-weight:800; color:#2a3a4e; line-height:1.1; text-align:center; }
.mf-insignia-info { margin:7px 0 0; min-height:28px; font-size:10.5px; color:#5b4a25; line-height:1.35; }
.mf-insignia-info em { color:#8a5a12; font-style:normal; font-weight:800; }
@media (max-width:560px) { .mf-feito-txt b { font-size:13px; } .mf-insignias { grid-template-columns:repeat(auto-fill,minmax(54px,1fr)); } }