#characterDialog .character-slot.is-equipped{border-color:#d1a654!important;box-shadow:0 0 12px #c6933838!important}#characterDialog .thanh-phong-slot-icon{width:30px;height:30px;object-fit:contain;display:block;margin:auto}#characterDialog .character-slot.is-equipped strong{font-size:10px!important}#characterDialog .character-slot.is-equipped small{display:block;color:#f6d482;font-size:8px}#characterDialog .thanh-phong-set-bonus{position:absolute;bottom:2px;left:10%;width:80%;text-align:center;font-size:10px;color:#ffe097;pointer-events:none}

/* A1760: fit equipment illustration to small character slot */
#characterDialog .character-slot.is-equipped{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;min-width:0!important;min-height:0!important;padding:4px!important;box-sizing:border-box!important}
#characterDialog .character-slot.is-equipped .thanh-phong-slot-icon{display:block!important;flex:0 1 auto!important;width:100%!important;height:100%!important;max-width:54px!important;max-height:54px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;margin:0 auto!important;border-radius:5px}
@media (max-width:700px), (pointer: coarse){#characterDialog .character-slot.is-equipped .thanh-phong-slot-icon{max-width:45px!important;max-height:45px!important}}

/* A1761: image fills the same equipment square, no nested mini-box */
#characterDialog .character-slot.is-equipped{padding:0!important;overflow:hidden!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important}
#characterDialog .character-slot.is-equipped .thanh-phong-slot-icon{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:inherit!important;box-sizing:border-box!important;padding:2px!important;display:block!important}
#characterDialog .thanh-phong-detail-layer{position:absolute;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(1,5,12,.76);box-sizing:border-box}
#characterDialog .thanh-phong-detail-layer[hidden]{display:none!important}
#characterDialog .thanh-phong-detail-card{position:relative;width:min(320px,96%);max-height:88%;overflow:auto;border:1px solid #d5a650;border-radius:13px;padding:13px;background:linear-gradient(155deg,#172237,#090f19);color:#f5dfad;box-shadow:0 15px 35px #000a;box-sizing:border-box}
#characterDialog .thanh-phong-detail-x{position:absolute;right:7px;top:6px;width:25px;height:25px;border-radius:7px;border:1px solid #78633e;background:#1e2633;color:#fff;cursor:pointer}
#characterDialog .thanh-phong-detail-header{display:flex;align-items:center;gap:10px;padding-right:18px;margin-bottom:10px}
#characterDialog .thanh-phong-detail-header img{width:58px;height:58px;object-fit:contain;border:1px solid #88744e;border-radius:8px;background:#0b1422}
#characterDialog .thanh-phong-detail-header b{display:block;font-size:14px;color:#ffe29b}
#characterDialog .thanh-phong-detail-header small{color:#b5c2cd;font-size:11px}
#characterDialog .thanh-phong-detail-stats{display:grid;gap:5px}
#characterDialog .thanh-phong-detail-stats>div{display:flex;justify-content:space-between;border:1px solid #334356;border-radius:6px;padding:5px 8px;font-size:12px}
#characterDialog .thanh-phong-detail-stats strong{color:#83e2ab}
#characterDialog .thanh-phong-detail-set{font-size:11px;color:#f3ce7a;line-height:1.45;margin:10px 0}
#characterDialog .thanh-phong-detail-actions{display:flex;gap:8px;justify-content:flex-end}
#characterDialog .thanh-phong-detail-actions button{padding:7px 14px;border:1px solid #9e793a;border-radius:7px;background:#202a38;color:#ffdf9c;cursor:pointer}
#characterDialog .thanh-phong-detail-actions .thanh-phong-detail-remove{background:linear-gradient(#d1a64c,#946421);color:#181109;font-weight:800}

/* A1762: one visual frame, the equipped artwork fills its native slot. */
#characterDialog .character-slot.is-equipped{position:absolute!important;box-sizing:border-box!important;padding:0!important;overflow:hidden!important;isolation:isolate!important;border:1px solid #d1a654!important;background:#091321!important;box-shadow:0 0 9px #c6933838!important}
#characterDialog .character-slot.is-equipped .thanh-phong-slot-icon{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;object-fit:cover!important;border:0!important;box-shadow:none!important;border-radius:inherit!important;box-sizing:border-box!important;pointer-events:none!important}
#characterDialog .character-slot.is-equipped::before,#characterDialog .character-slot.is-equipped::after{display:none!important}
#characterDialog .thanh-phong-detail-card{width:min(360px,96%)!important}
#characterDialog .thanh-phong-detail-title{font-size:12px;font-weight:800;color:#f6d17c;margin:12px 0 7px}
#characterDialog .thanh-phong-detail-stats{gap:0!important;overflow:hidden;border-radius:7px;border:1px solid #334356}
#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row{display:flex;align-items:center;justify-content:space-between;border:0!important;border-radius:0!important;padding:8px 10px!important;font-size:12px!important}
#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row:nth-child(odd){background:#232e3d}
#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row:nth-child(even){background:#192533}
#characterDialog .thanh-phong-detail-stats strong.is-positive{color:#76e5a0!important}
#characterDialog .thanh-phong-detail-stats strong.is-zero{color:#8494a6!important}
#characterDialog .thanh-phong-set-rows{display:grid;gap:5px}
#characterDialog .thanh-phong-set-rows>div{display:flex;flex-direction:column;gap:3px;background:#172332;border-radius:6px;padding:7px 9px;font-size:11px}
#characterDialog .thanh-phong-set-rows .is-active{color:#7fe3aa;border-left:2px solid #65d895}
#characterDialog .thanh-phong-set-rows .is-locked{color:#83909e;border-left:2px solid #56616d}
#characterDialog .thanh-phong-set-rows small{font-size:10px;color:inherit}
#characterDialog .thanh-phong-detail-header small{display:block}

/* A1763: popover kính mờ mini, không che tối Nhân Vật. */
#characterDialog .thanh-phong-detail-layer{position:absolute!important;inset:0!important;z-index:260!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#characterDialog .thanh-phong-detail-layer[hidden]{display:none!important}
#characterDialog .thanh-phong-detail-card{width:min(252px,90%)!important;max-height:min(75%,360px)!important;overflow-y:auto!important;padding:8px!important;background:rgba(12,19,31,.88)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(218,173,86,.72)!important;border-radius:10px!important;box-shadow:0 6px 22px #0008!important}
#characterDialog .thanh-phong-detail-header{gap:6px!important;padding-right:17px!important;margin-bottom:5px!important}
#characterDialog .thanh-phong-detail-header img{width:37px!important;height:37px!important;border-radius:5px!important}
#characterDialog .thanh-phong-detail-header b{font-size:11px!important;line-height:1.2!important}
#characterDialog .thanh-phong-detail-header small{font-size:9px!important;line-height:1.25!important}
#characterDialog .thanh-phong-detail-x{width:19px!important;height:19px!important;font-size:13px!important;top:5px!important;right:5px!important;padding:0!important}
#characterDialog .thanh-phong-detail-title{font-size:10px!important;margin:6px 0 4px!important}
#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row{padding:3px 6px!important;font-size:10px!important;min-height:18px!important}
#characterDialog .thanh-phong-set-rows{gap:3px!important}
#characterDialog .thanh-phong-set-rows>div{padding:3px 6px!important;gap:1px!important;font-size:9px!important;border-radius:4px!important}
#characterDialog .thanh-phong-set-rows small{font-size:8px!important;line-height:1.25!important}
#characterDialog .thanh-phong-detail-actions{margin-top:6px!important;gap:5px!important}
#characterDialog .thanh-phong-detail-actions button{padding:4px 11px!important;font-size:10px!important;border-radius:5px!important}
@media (max-width:480px){#characterDialog .thanh-phong-detail-card{width:min(232px,85%)!important;max-height:72%!important}}


/* A1771: empty placeholder only; equipped item is its own complete artwork. */
#characterDialog .character-slot,
#chatWidgetDialog .character-guest-stable1769 .character-slot{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;box-sizing:border-box!important}
#characterDialog .character-slot.is-equipped,
#chatWidgetDialog .character-guest-stable1769 .character-slot.is-equipped{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;filter:none!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}
#characterDialog .character-slot.is-equipped::before,#characterDialog .character-slot.is-equipped::after,
#chatWidgetDialog .character-guest-stable1769 .character-slot.is-equipped::before,#chatWidgetDialog .character-guest-stable1769 .character-slot.is-equipped::after{content:none!important;display:none!important}
#characterDialog .character-slot.is-equipped .thanh-phong-slot-icon,
#chatWidgetDialog .character-guest-stable1769 .character-slot.is-equipped img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;margin:0!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;pointer-events:none!important}

/* A1772 - square empty slots only. Equipped icons keep their own artwork. */
#characterDialog .character-slot:not(.is-equipped),
#chatWidgetDialog .character-guest-stable1769 .character-slot:not(.is-equipped){width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;aspect-ratio:1/1!important;border-radius:8px!important;box-sizing:border-box!important;}
#characterDialog .thanh-phong-set-bonus,
#chatWidgetDialog .thanh-phong-set-bonus{display:none!important;}

/* A1779 — small borderless equipment info popover */
#characterDialog .thanh-phong-detail-card{width:min(220px,86%)!important;max-height:min(75%,330px)!important;padding:9px!important;border:0!important;outline:0!important;border-radius:9px!important;background:rgba(9,16,26,.95)!important;box-shadow:0 8px 22px #0007!important}
#characterDialog .thanh-phong-detail-stats,#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row,#characterDialog .thanh-phong-set-rows>div{border:0!important;border-left:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
#characterDialog .thanh-phong-detail-stats .thanh-phong-stat-row{padding:3px 1px!important;min-height:0!important}
#characterDialog .thanh-phong-set-rows>div{padding:3px 1px!important}
#characterDialog .thanh-phong-detail-title{margin:6px 0 3px!important}
#characterDialog .thanh-phong-detail-header img{width:34px!important;height:34px!important}
#characterDialog .thanh-phong-detail-actions{margin-top:5px!important}

#characterDialog .character-slot.is-equipped{position:relative}#characterDialog .thanh-phong-level{position:absolute;bottom:2px;right:3px;padding:1px 3px;background:#101923;color:#f6d482;font-size:10px;border-radius:3px}

/* Equipment rarity follows enhancement level. */
#characterDialog .character-slot.is-equipped,
#chatWidgetDialog .character-slot.is-equipped{border-color:var(--equipment-rarity,#9CA3AF)!important;box-shadow:none!important}
#characterDialog .character-slot.is-equipped small{color:var(--equipment-rarity,#9CA3AF)!important}

/* Keep the shared rarity runner above equipped artwork and below its level. */
#characterDialog .character-slot.is-equipped > .ls-rarity-game-fx{inset:0!important;border-radius:8px!important}
#characterDialog .character-slot.is-equipped > .thanh-phong-level{z-index:31;pointer-events:none}