/* ---- Layout Clássico de Equipamentos do MU Online ---- */
.mu-equipment-layout {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 70px);
    gap: 8px;
    max-width: 420px;
    margin: 0 auto;
    background: #0d1117;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

/* Posicionamento exato dos slots conforme imagem de referência */
#eq-wings    { grid-column: 1; grid-row: 1; }
#eq-helm     { grid-column: 3; grid-row: 1; }
#eq-pet      { grid-column: 5; grid-row: 1; }

#eq-weapon   { grid-column: 1; grid-row: 2; }
#eq-necklace { grid-column: 2; grid-row: 2; }
#eq-armor    { grid-column: 3; grid-row: 2; }
#eq-shield   { grid-column: 4; grid-row: 2; }

#eq-gloves   { grid-column: 1; grid-row: 3; }
#eq-ring1    { grid-column: 2; grid-row: 3; }
#eq-pants    { grid-column: 3; grid-row: 3; }
#eq-ring2    { grid-column: 4; grid-row: 3; }
#eq-boots    { grid-column: 5; grid-row: 3; }

.eq-slot {
    background: #21262d; border: 1px dashed var(--border-color); border-radius: 6px;
    padding: 8px; text-align: center; font-size: 12px; cursor: default; color: #8b949e;
    display: flex; align-items: center; justify-content: center;
}
.eq-slot.filled { border-style: solid; border-color: var(--accent); color: var(--text-main); cursor: pointer; }
.mu-classic-window { width:min(460px,calc(100vw - 28px)); margin:18px auto!important; padding:13px!important; border:2px solid #4b4d4d!important; border-radius:3px; color:#dfdfd7; background:linear-gradient(rgba(10,12,12,.72),rgba(7,8,8,.88)),url('../assets/img/ui/inventory-forged-metal-bg.png') center/cover!important; box-shadow:0 0 0 3px #090909,0 12px 34px #000,inset 0 0 0 2px #777a78,inset 0 0 26px #000; }
.mu-classic-window-head { display:flex; align-items:center; justify-content:space-between; min-height:30px; margin:-5px -5px 12px; padding:5px 9px; border:1px solid #7b7e7c; background:linear-gradient(#1b1d1e,#070808); box-shadow:inset 0 1px #a7a9a7; }.mu-classic-window-head h2 { margin:0; border:0; color:#e5e4dc; font:700 15px Georgia,serif; text-shadow:1px 1px #000; }.mu-classic-close { width:22px; height:22px; padding:0; border:1px solid #8d8570; border-radius:0; background:linear-gradient(#513a34,#160d0c); color:#ffe1c4; font:700 17px Georgia,serif; line-height:16px; }
.mu-classic-section-title,.mu-classic-inventory-head h3 { margin:0; color:#e8dfb7; font:700 13px Georgia,serif; text-shadow:1px 1px #000; }.mu-classic-inventory-head { display:flex; align-items:center; justify-content:space-between; margin:14px 0 7px; padding:7px 4px; border-top:1px solid #777; border-bottom:1px solid #111; }.mu-classic-organize { padding:4px 8px; border:1px solid #85878a; border-radius:0; background:linear-gradient(#4c4f51,#171819); color:#efe4b5; font:700 11px Georgia,serif; }
.mu-equipment-layout { grid-template-columns:repeat(5,58px); grid-template-rows:repeat(3,58px); gap:3px; max-width:314px; margin:0 auto; padding:9px; border:2px solid #777a78; border-radius:0; background:linear-gradient(135deg,#111213,#3a3c3d 48%,#080909); box-shadow:inset 0 0 0 2px #050505,inset 0 0 20px #000; }.eq-slot { position:relative; overflow:hidden; padding:3px; border:1px solid #777a78; border-radius:0; background:linear-gradient(135deg,#454748,#171819 55%,#050505); color:transparent; font:11px Georgia,serif; box-shadow:inset 0 0 8px #000; }.eq-slot::before { content:''; position:absolute; inset:4px; z-index:0; opacity:.3; background-image:url('../assets/img/items/equipment-slot-silhouettes-source.png'); background-repeat:no-repeat; background-size:400% 300%; filter:grayscale(1) contrast(.9) brightness(.9); pointer-events:none; }.eq-slot.filled { border-color:#b5a96e; color:#aaa; }.eq-slot.filled::before { display:none!important; opacity:0!important; }.eq-slot.filled .eq-empty-name{display:none!important}.eq-slot.item-requirements-unmet { border-color:#c43c3c!important; background:linear-gradient(135deg,#481b1b,#1b0b0b 65%,#060404)!important; box-shadow:inset 0 0 10px #4a0808,0 0 7px rgba(205,52,52,.42)!important; }.eq-slot.item-broken { border-color:#d43c35!important; filter:saturate(.35); }.eq-durability { position:absolute; z-index:3; right:1px; bottom:1px; padding:0 2px; background:#080808; color:#d5dfc0; font:700 10px Georgia,serif; line-height:12px; }.eq-durability.broken { color:#ff6257; }.eq-item-icon { position:relative; z-index:1; width:42px!important; height:42px!important; background-repeat:no-repeat; }
.eq-slot.item-advanced-class-unmet { border-color:#b575ff!important; background:linear-gradient(135deg,#29143b,#14091e 65%,#060408)!important; box-shadow:inset 0 0 10px #4d1c79,0 0 7px rgba(190,122,255,.48)!important; }
#eq-helm::before{background-position:0 0} #eq-wings::before{background-position:33.333% 0} #eq-pet::before{background-position:66.667% 0} #eq-weapon::before{background-position:100% 0} #eq-necklace::before{background-position:0 50%} #eq-armor::before{background-position:33.333% 50%} #eq-shield::before{background-position:66.667% 50%} #eq-gloves::before{background-position:100% 50%} #eq-ring1::before{background-position:0 100%} #eq-pants::before{background-position:33.333% 100%} #eq-ring2::before{background-position:0 100%} #eq-boots::before{background-position:100% 100%}
.eq-empty-name { position:relative; z-index:1; align-self:flex-end; margin:0 0 2px; padding:1px 2px; background:rgba(3,4,4,.7); color:#a9aaa4; font:10px Georgia,serif; }
.eq-ammo-count { position:absolute; z-index:4; right:1px; top:1px; min-width:15px; padding:0 2px; border:1px solid #56636a; background:#101415; color:#dce8e8; font:800 11px Georgia,serif; line-height:11px; text-align:center; text-shadow:1px 1px #000; }
.mu-classic-window .inventory-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:3px; max-height:315px; overflow:auto; padding:7px; border:2px solid #777a78; background:linear-gradient(135deg,#252728,#0b0c0c); box-shadow:inset 0 0 16px #000; }.mu-classic-window .inv-slot-box { position:relative; min-height:42px; border:1px solid #6a6c6d; background:linear-gradient(135deg,#414345,#191a1b 56%,#0b0b0b); box-shadow:inset 0 0 7px #000; }.mu-classic-window .inv-slot-box.item-broken { border-color:#d8433d; filter:saturate(.35); }.item-durability { color:#dfe8c7; }.item-durability.broken { color:#ff6357; font-weight:800; }
.mu-attributes-window { width:min(400px,calc(100vw - 28px)); }.mu-attributes-window .attribute-allocation-header { display:grid; gap:6px; padding:8px; border:1px solid #646767; background:linear-gradient(#343637,#121313); }.mu-attributes-window .attribute-allocation-header h3 { color:#e7dfbb; font:700 13px Georgia,serif; }.mu-attributes-window .attributes-grid { grid-template-columns:1fr; gap:5px; }.mu-attributes-window .attr-card { padding:7px 9px; border:1px solid #686b6c; border-radius:0; background:linear-gradient(90deg,#343637,#141515); color:#e4e2d7; }.mu-attributes-window .attr-card div { display:grid; gap:3px; }.mu-attributes-window .attr-card strong { color:#fff5ca; font:700 14px Georgia,serif; }.mu-attributes-window .attr-card small { color:#b8c1bb; font:11px/1.25 Arial,sans-serif; }.mu-attributes-window .attr-card button { width:29px; height:29px; padding:0; border:1px solid #e6bd42; border-radius:0; background:linear-gradient(#b43930,#43110e); color:#ffe7cf; font-size:19px; }.mu-attributes-window .stats-panel { margin-top:10px!important; padding:8px; border:1px solid #686b6c; background:#161717; }.mu-attributes-window .stats-panel h3 { color:#e7dfbb; font:700 13px Georgia,serif; }.mu-attributes-window .stats-grid { grid-template-columns:1fr!important; gap:4px; }.mu-attributes-window .stat-box { padding:5px 7px; border:1px solid #454747; background:#0a0b0b; color:#c7c9c4; }.mu-attributes-window .stat-box span:last-child { color:#e1c664; }
.attribute-shortcuts { margin:9px 0 0; padding:7px; border:1px solid #4d504e; background:rgba(5,6,6,.72); color:#c9c8bc; font:11px Georgia,serif; text-align:center; }.attribute-shortcuts::first-letter { color:#e5c75e; }

/* A janela de atributos reúne explicações e marcos de poder: largura extra
   evita cortar bônus e mantém a leitura confortável nas caçadas. */
.mu-attributes-window { width:min(560px,calc(100vw - 28px)); }
.repair-master-card{padding:12px;border:1px solid #5b6263;background:linear-gradient(145deg,#202526,#0b0d0d 68%);box-shadow:inset 0 0 0 1px #080909,inset 0 0 24px #000}.repair-master-head{display:flex;gap:11px;align-items:center;padding-bottom:10px;border-bottom:1px solid #454b4c}.repair-anvil,.repair-hammer{display:grid;place-items:center;color:#d2d9d5;text-shadow:0 2px 3px #000;font:32px Georgia,serif}.repair-master-head small{color:#8da9a6;font:700 11px Arial,sans-serif;letter-spacing:1.4px}.repair-master-head h3{margin:1px 0;color:#e4e5de;font:700 18px Georgia,serif}.repair-master-head p{margin:4px 0 0;color:#b6c0bc;font:12px/1.35 Arial,sans-serif}.repair-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.repair-summary span{padding:7px 5px;border:1px solid #3d4647;background:#0a0d0d;color:#9ca9a5;font-size:11px;text-align:center}.repair-summary b{display:block;color:#e5e7dc;font:700 12px Georgia,serif}.repair-actions{display:flex;gap:7px;margin-bottom:9px}.repair-actions button,.repair-one{border:1px solid #6a7575;border-radius:0;background:linear-gradient(#3d4c4d,#151919);color:#edf2ed;font:700 11px Georgia,serif;cursor:pointer}.repair-actions button{flex:1;padding:8px}.repair-actions button:hover,.repair-one:hover:not(:disabled){filter:brightness(1.22)}.repair-actions button:disabled,.repair-one:disabled{opacity:.45;cursor:default}.repair-equipped-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.repair-equipment{display:grid;grid-template-columns:45px minmax(0,1fr);gap:7px;align-items:center;padding:7px;border:1px solid #3e4849;background:linear-gradient(135deg,#171b1c,#0a0c0c)}.repair-equipment.healthy{border-left:3px solid #43b96a}.repair-equipment.warning{border-left:3px solid #e5bf43}.repair-equipment.critical{border-left:3px solid #e14e43}.repair-item-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #606a6b;background:#050707;box-shadow:inset 0 0 9px #000}.repair-item-icon .equipment-item-icon{width:38px;height:38px;background-repeat:no-repeat}.repair-item-copy{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px}.repair-item-copy strong{overflow:hidden;color:#e4e6df;font:700 12px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.repair-item-copy small{grid-column:1/-1;color:#9da9a5;font:11px Arial,sans-serif}.repair-meter{grid-column:1/2;height:6px;overflow:hidden;border:1px solid #050606;background:#050606}.repair-meter i{display:block;height:100%;background:#43b96a}.warning .repair-meter i{background:#e5bf43}.critical .repair-meter i{background:#e14e43}.repair-item-copy>b{align-self:end;color:#e5e9df;font:700 11px Georgia,serif}.repair-one{grid-column:1/-1;padding:5px}.repair-help{margin:9px 0 0;color:#9ca7a3;font:11px Arial,sans-serif;text-align:center}@media(max-width:560px){.repair-summary,.repair-equipped-grid{grid-template-columns:1fr}.repair-actions{flex-direction:column}}

/* Ferreiro: o NPC só controla os dois martelos; o próprio painel de equipamento
   permanece aberto ao lado e vira a área real de reparo. */
.repair-hammer-card{max-width:365px}.repair-hammer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.repair-hammer-actions button{min-height:105px;padding:9px 6px;border:1px solid #65706e;border-radius:0;background:linear-gradient(145deg,#394342,#111514 74%);box-shadow:inset 0 0 0 1px #09100e,inset 0 0 18px #000;color:#e7eee8;cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer}.repair-hammer-actions button:hover:not(:disabled){border-color:#9bb9aa;filter:brightness(1.18)}.repair-hammer-actions button:disabled{opacity:.45;cursor:default}.repair-hammer-glyph{display:block;width:48px;height:48px;margin:0 auto;background:url('../assets/img/ui/repair-hammer-icon.svg') center/contain no-repeat;filter:drop-shadow(0 3px 3px #000)}.repair-master-head .repair-hammer-glyph{width:38px;height:38px;margin:0}.repair-hammer-actions strong{display:block;color:#f0e9cf;font:700 13px Georgia,serif}.repair-hammer-actions small{display:block;margin-top:4px;color:#aebbb4;font:11px/1.2 Arial,sans-serif}.repair-equipment-window{position:fixed;z-index:10030;width:350px!important;margin:0!important;padding:13px!important}.repair-equipment-window .mu-classic-window-head{pointer-events:none}.repair-equipment-caption{margin:-2px 0 9px;color:#aebbb4;font:11px Arial,sans-serif;text-align:center}.repair-equipment-layout{margin:0 auto!important}.eq-slot.durability-healthy{border-color:#48bd70!important;box-shadow:inset 0 0 8px #0f3e20!important}.eq-slot.durability-warning{border-color:#e1bd43!important;box-shadow:inset 0 0 8px #4b3911!important}.eq-slot.durability-critical{border-color:#dc4b45!important;box-shadow:inset 0 0 10px #4c1010!important}.repair-manual-active .repair-equipment-window .eq-slot.filled{cursor:url('../assets/img/ui/repair-hammer-cursor.svg') 5 24,crosshair!important}.eq-slot.repair-hit::after{content:'';position:absolute;z-index:9;left:50%;top:-25px;width:42px;height:42px;background:url('../assets/img/ui/repair-hammer-icon.svg') center/contain no-repeat;pointer-events:none;animation:repairHammerStrike .62s ease-out forwards}@keyframes repairHammerStrike{0%{opacity:0;transform:translate(-8px,-28px) rotate(-45deg) scale(.8)}35%{opacity:1;transform:translate(-8px,10px) rotate(12deg) scale(1)}49%{filter:brightness(2)}100%{opacity:0;transform:translate(-8px,19px) rotate(18deg) scale(.92)}}
.repair-equipment-window .eq-slot .repair-equipment-icon { position:relative!important; z-index:2!important; display:block!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; margin:auto!important; background-repeat:no-repeat!important; filter:drop-shadow(0 2px 3px #000); }
.repair-slot-wings{grid-column:1;grid-row:1}.repair-slot-helm{grid-column:3;grid-row:1}.repair-slot-pet{grid-column:5;grid-row:1}.repair-slot-weapon{grid-column:1;grid-row:2}.repair-slot-necklace{grid-column:2;grid-row:2}.repair-slot-armor{grid-column:3;grid-row:2}.repair-slot-shield{grid-column:4;grid-row:2}.repair-slot-gloves{grid-column:1;grid-row:3}.repair-slot-ring1{grid-column:2;grid-row:3}.repair-slot-pants{grid-column:3;grid-row:3}.repair-slot-ring2{grid-column:4;grid-row:3}.repair-slot-boots{grid-column:5;grid-row:3}.repair-slot-helm::before{background-position:0 0}.repair-slot-wings::before{background-position:33.333% 0}.repair-slot-pet::before{background-position:66.667% 0}.repair-slot-weapon::before{background-position:100% 0}.repair-slot-necklace::before{background-position:0 50%}.repair-slot-armor::before{background-position:33.333% 50%}.repair-slot-shield::before{background-position:66.667% 50%}.repair-slot-gloves::before{background-position:100% 50%}.repair-slot-ring1::before,.repair-slot-ring2::before{background-position:0 100%}.repair-slot-pants::before{background-position:33.333% 100%}.repair-slot-boots::before{background-position:100% 100%}
body.repair-manual-active,body.repair-manual-active *{cursor:url('../assets/img/ui/repair-hammer-cursor.svg') 5 24,crosshair!important}

.highlight { color: #f0883e; }
.damage { color: #ff7b72; }
.gold { color: var(--gold); }

.mob-card { background: #21262d; border: 1px solid var(--border-color); border-radius: 6px; padding: 10px; margin-bottom: 10px; }
.mob-card.locked { opacity: 0.5; }
.mob-card-header { display: flex; justify-content: space-between; margin-bottom: 4px; }
.mob-card-with-art { display: flex; align-items: center; gap: 12px; min-height: 108px; background: linear-gradient(135deg, #151b25, #21262d); }
.mob-card-portrait { width: 74px; height: 92px; flex: 0 0 74px; object-fit: cover; object-position: center; border: 1px solid #6b654f; background: #060809; box-shadow: inset 0 0 0 2px #10130f, 0 2px 7px #000; }
.mob-card-sprite-preview { width: 74px; height: 92px; flex: 0 0 74px; display: inline-block; background-repeat: no-repeat; image-rendering: auto; border: 1px solid #6b654f; background-color: #080a0a; box-shadow: inset 0 0 0 2px #10130f, 0 2px 7px #000; }
.golden-test-divider { margin: 18px 0 8px; padding: 8px 10px; color: #ffd66b; font-weight: 700; font-size: 13px; border-top: 1px solid #6f5930; border-bottom: 1px solid #41351e; background: linear-gradient(90deg, rgba(103,77,20,.26), rgba(9,12,11,.15)); }
.mob-card-golden-test { border-color: #826528; background: linear-gradient(135deg, #211d0e, #141711); }
.mob-card-main { min-width: 0; flex: 1; }
.mob-lvl { font-size: 12px; color: #8b949e; }
.mob-desc { font-size: 13px; margin-bottom: 6px; }
.mob-rewards { font-size: 12px; color: var(--gold); margin-bottom: 6px; }

.inventory-grid {
    width: 100%;
}
.inv-item {
    background: #21262d; border: 1px solid var(--border-color); border-radius: 6px;
    padding: 8px; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap;
}
.slot-tag { font-size: 11px; color: #8b949e; }
.empty-inv { color: #8b949e; font-style: italic; }
.jewel-target { display: flex; gap: 6px; align-items: center; }
.jewel-target select { background: #0d1117; color: var(--text-main); border: 1px solid var(--border-color); border-radius: 4px; padding: 4px; }

.location-tabs button { background: #30363d; margin-right: 6px; }
.location-tabs button.active { background: var(--accent); }

#reset-btn { background: #da3633; }
#reset-btn:hover { background: #f85149; }
.network-mode-picker { display:flex; gap:6px; margin:10px 0 4px; }.network-mode-picker button { flex:1; padding:7px; border:1px solid #695c3a; background:#11150f; color:#cfc39a; font:700 11px Georgia,serif; }.network-mode-picker button.active { color:#fff1aa; border-color:#d5b45c; background:linear-gradient(#5b4a1f,#1b190e); }.network-mode-description { min-height:16px; margin:0 0 8px; color:#90a59b; font-size:11px; }

.life-bonus-line{color:#4db8ff!important;font-weight:700;text-shadow:0 0 5px #063c69}.pet-auto-replace-toggle{position:absolute;z-index:7;right:1px;top:1px;width:15px;height:15px;padding:0;border:1px solid #49656a;border-radius:50%;background:#101b1e;color:#9abcc0;font:700 12px/12px Arial,sans-serif;cursor:url('../assets/img/ui/mu-hand-cursor.png') 4 3,pointer}.pet-auto-replace-toggle.active{border-color:#50db88;background:#123b25;color:#d8ffe7;box-shadow:0 0 7px #26c767;animation:pet-auto-replace-spin 1.25s linear infinite}.pet-auto-replace-toggle:hover{filter:brightness(1.35)}@keyframes pet-auto-replace-spin{to{transform:rotate(360deg)}}