/* HELL-MU fix pack 22: only CMS modules and usability. Approved header / background are not modified. */

/* Logged-in account: the page intro is already the page title; avoid repeated nested title. */
.hell-theme #content.hell-account-page #box1>.title1{display:none!important}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{min-height:142px!important;padding:17px 37px 17px 17px!important}
.hell-theme #content.hell-account-page #character-info li{font-size:13px!important;line-height:1.55!important}
.hell-theme #content.hell-account-page #character-info li p{font-size:16px!important;line-height:1.3!important;margin:0 0 8px!important}
.hell-theme #content.hell-account-page #character-info .hell-option-visual{width:59px!important;height:59px!important;margin-right:14px!important}
.hell-theme #content.hell-account-page #character-info .hell-option-visual svg{width:36px!important;height:36px!important}
.hell-theme #content.hell-account-page #ucp_info .half td{font-size:13px!important}

/* The sidebar stays a real CMS navigation, not a second account dashboard. */
.hell-theme .sidebar .social-links img{display:block;width:27px;height:27px;max-width:none;object-fit:contain}
.hell-theme .sidebar .social-links .hell-social-disabled img{opacity:.74}
.hell-theme .sidebar .hell-discord-cta-icon{display:grid;place-items:center;flex:0 0 30px}
.hell-theme .sidebar .hell-discord-cta-icon img{width:27px;height:27px}

/* Support: no 600px fixed editor, and a consistent dark editor surface. */
.hell-theme .hell-subpage-content #content #content_center{width:100%!important;max-width:100%!important;float:none!important;margin:0!important}
.hell-theme .hell-subpage-content #content #support_form{width:100%;max-width:100%;min-width:0}
.hell-theme .hell-subpage-content #content #support_form table{width:100%!important;table-layout:auto;border-collapse:separate;border-spacing:0 7px}
.hell-theme .hell-subpage-content #content #support_form td{vertical-align:middle}
.hell-theme .hell-subpage-content #content #support_form td:first-child:not([colspan]){width:155px!important;min-width:115px}
.hell-theme .hell-subpage-content #content #support_form :is(input[type=text],select,textarea){width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}
.hell-theme #support_form .cleditorMain{width:100%!important;max-width:100%!important;height:auto;background:#180f0d!important;border:1px solid #8b5435!important;box-sizing:border-box!important}
.hell-theme #support_form .cleditorMain iframe{width:100%!important;background:#150e0d!important;max-width:100%}
.hell-theme #support_form .cleditorToolbar{background:#b69b88!important;border-bottom:1px solid #6c4a36!important}
.hell-theme #support_form input[type=file]{max-width:100%;padding:8px;color:#eed3b5;background:#1f1110;border:1px solid #68422f}
.hell-theme #support_form .button-style{min-height:43px!important;padding:9px 23px!important}

/* Webshop: use the available width. Preserve original item IDs, click handlers and images. */
.hell-theme #content .item_table{display:block!important;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;border:0!important}
.hell-theme #content .item_table>tbody{display:block!important;width:100%!important}
.hell-theme #content .item_table>tbody>tr{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 13px}
.hell-theme #content .item_table>tbody>tr>td{display:block!important;box-sizing:border-box!important;min-width:0;width:100%!important;padding:0!important;border:1px solid #704633!important;background:linear-gradient(#24130f,#100b0b)!important;transition:border-color .2s}
.hell-theme #content .item_table>tbody>tr>td:hover{border-color:#ca7848!important}
.hell-theme #content .each_item{display:table!important;width:100%!important;height:220px;table-layout:fixed;border:0!important;background:transparent!important}
.hell-theme #content .each_item td{border:0!important}
.hell-theme #content .each_item .item_name{height:auto!important;min-height:52px;padding:9px 8px!important;background:#301b15!important;word-break:normal;overflow-wrap:anywhere;vertical-align:middle}
.hell-theme #content .each_item .item_name a{display:block!important;color:#efc494!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
.hell-theme #content .each_item .item_bg{background:linear-gradient(#160d0c,#26130f)!important;height:160px!important;vertical-align:middle}
.hell-theme #content .each_item .item_image{display:grid!important;place-items:center;width:100%!important;min-height:145px;height:auto!important;padding:12px!important;box-sizing:border-box}
.hell-theme #content .each_item .item_image img{display:block;max-width:100%;max-height:136px;width:auto;height:auto;object-fit:contain}
.hell-theme #content .each_item .item_footer{height:1px!important;background:#694430!important}

/* Warehouse: maintain the native 32px slot geometry: only align the grid. */
.hell-theme #content #wh_content,.hell-theme #content .wh_items{float:none!important;margin:16px auto!important;max-width:none;flex-shrink:0}
.hell-theme #content .wh_items img{max-width:none!important}
.hell-theme #content .entry:has(#wh_content){text-align:center}
.hell-theme #content #sell_item{text-align:left;max-width:680px;margin:15px auto}
.hell-theme #content .entry:has(#wh_content) .i_note,.hell-theme #content .entry:has(#wh_content) .w_note{max-width:100%;margin:11px 0}

/* VIP plans: legacy white rows become dark and consistent, with native PHP package and payment links. */
.hell-theme #content .plans{display:grid;gap:12px;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
.hell-theme #content .plans>li.plan{box-sizing:border-box!important;display:grid!important;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%!important;max-width:100%!important;min-height:92px!important;height:auto!important;padding:14px!important;margin:0!important;opacity:1!important;border-radius:4px!important;background:linear-gradient(100deg,#301811,#120c0b)!important;border:1px solid #835137!important}
.hell-theme #content .plans .price{float:none!important;display:grid;place-items:center;width:59px!important;height:59px!important;line-height:1.15!important;margin:0!important;padding:4px;background:#4b2115!important;color:#f9c488!important;border:1px solid #b16b36;border-radius:50%;font-weight:700;box-sizing:border-box}
.hell-theme #content .plans .details{float:none!important;width:auto!important;min-width:0;height:auto!important;margin:0!important;padding:0!important;color:#dcc6b7!important}
.hell-theme #content .plans .plan-title{font:17px/1.3 Cinzel,Georgia,serif!important;margin:0 0 5px!important;color:#f5c28f!important;overflow-wrap:anywhere}
.hell-theme #content .plans .plan-description{margin:0!important;color:#bda99a!important;font-size:12px!important}
.hell-theme #content .plans a.select{float:none!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:126px;min-height:42px;box-sizing:border-box;padding:9px 13px!important;margin:0!important;background:linear-gradient(#8b2118,#4a0c09)!important;color:#ffe6c7!important;border:1px solid #ba5a35!important;text-align:center;text-decoration:none}
.hell-theme #content .plans a.select:hover{filter:brightness(1.25)}

/* Vote Reward: no pale bars and no floating mismatched actions. */
.hell-theme #content #vote-options{list-style:none!important;margin:0!important;padding:0!important;width:100%!important;color:#e6cdb6!important}
.hell-theme #content #vote-options li{box-sizing:border-box!important;display:grid!important;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:77px!important;height:auto!important;margin:8px 0!important;padding:12px 14px!important;border:1px solid #774932!important;border-radius:4px!important;background:linear-gradient(100deg,#261711,#100c0c)!important;line-height:1.4!important}
.hell-theme #content #vote-options li :is(img,h5,button){float:none!important;margin:0!important;position:static!important;max-width:100%!important}
.hell-theme #content #vote-options li img{width:78px!important;height:48px!important;object-fit:contain}
.hell-theme #content #vote-options li h5{min-width:0;padding:0!important;border:0!important;color:#f1c18c!important;font:17px/1.3 Cinzel,Georgia,serif!important;overflow-wrap:anywhere}
.hell-theme #content #vote-options li button{min-width:128px!important;min-height:42px!important;padding:8px 11px!important;border:1px solid #c16740!important;border-radius:3px!important;background:linear-gradient(#892317,#4e110b)!important;color:#ffdec0!important;cursor:pointer}
.hell-theme #content #vote-options li button:disabled{opacity:.6;cursor:default}

@media(max-width:1080px){
 .hell-theme #content .item_table>tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{min-height:140px!important}
}
@media(max-width:740px){
 .hell-theme #content .item_table>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .hell-theme #content .plans>li.plan{grid-template-columns:54px minmax(0,1fr);gap:10px}
 .hell-theme #content .plans a.select{grid-column:1/-1;width:100%}
 .hell-theme #content #vote-options li{grid-template-columns:68px minmax(0,1fr);gap:9px}
 .hell-theme #content #vote-options li button{grid-column:1/-1;width:100%}
 .hell-theme #content #vote-options li img{width:64px!important;height:42px!important}
 .hell-theme #content #support_form table tr{display:block;margin:0 0 9px}
 .hell-theme #content #support_form table td{display:block;width:100%!important;padding:4px!important}
 .hell-theme #content #support_form table td:first-child:not([colspan]){width:100%!important}
}
@media(max-width:450px){
 .hell-theme #content .item_table>tbody>tr{grid-template-columns:1fr 1fr;gap:7px}
 .hell-theme #content .each_item .item_name a{font-size:11px!important}
 .hell-theme #content.hell-account-page #character-info li p{font-size:15px!important}
}