/* =====================================================================
   CALLIOPE GLOBAL — WIKI CONSOLIDATED STYLESHEET
   Single stylesheet for both the outer wiki layout and iframe content.
   It supersedes update_wikistylenew_calliope.css and the old aliases
   wikistyle2.css / wikiextra2.css.
   ===================================================================== */

/* =========================
   CONFIGURARE GLOBALĂ & TEXT
   ========================= */
body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #c1c1c1;
    font-size: 13px;
}

body
{cursor: url("cursor.png"), auto;
}
:link, input {
cursor:url("cursor_click.png"), auto !important;
}
:link, body {
cursor:url("cursor_click.png"), auto !important;
}
:link, option {
cursor:url("cursor_click.png"), auto !important;
}
:link, select {
cursor:url("cursor_click.png"), auto !important;
}
:link, form {
cursor:url("cursor.png"), auto !important;
}
:link, table {
 cursor:url("cursor.png"), auto !important;
}
:link, div {
cursor:url("cursor.png"), auto !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
}

.whiteText { color: #D8D8D8; }
.inline-block { display: inline-block; }

/* =========================
   TABELE & GRIDE
   ========================= */
table, td {
    border: 1px solid #333;
    background: rgba(18, 17, 17, 0.3);
}

thead, tfoot {
    background-color: #333;
    color: #fff;
}

th {
    font-weight: normal;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #c1c1c1;
    font-size: 12px;
}

#drops {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

#drops > * { margin: 0 6px 6px 0; }

/* =========================
   ELEMENTE DE INTERFAȚĂ (WIKI)
   ========================= */
.separator {
    background: url("/resurse/wiki/separator.png") no-repeat;
    margin: 0px 0px;
    height: 2px;
    width: 530px;
}

.sep3 {
    background: url("https://global.calliope2-international.com/resurse/imagini/interfata/separater_big.png") no-repeat;
    margin: 0px 104px;
    height: 2px;
    width: 331px;
}

.sep4 {
    background: url("https://global.calliope2-international.com/resurse/imagini/interfata/separater_big2.png") no-repeat;
    margin: 0px auto;
    height: 2px;
    width: 510px;
}

.imglimited { width: 75%; }

.ricon { background: url("/resurse/imagini/icon/icon_right.png") no-repeat left; }
.goldarrow { background: url("/resurse/wiki/goldarrow.png") no-repeat left; }
.ilink {
    background: url("/resurse/imagini/icon/ilink.png") no-repeat left;
    text-indent: 16px;
    height: 10px;
    line-height: 13px;
}

/* =========================
   BUTOANE WIKI (SIDEBAR / MICI)
   ========================= */
.btn-bigN,
.btn-bigA,
.btn-bigBrown {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-weight: 100 !important;
    font-size: 12px;
    border: 0;
    color: white;
    cursor: pointer;
    display: block;
    margin-bottom: 3px;
    height: 12px;
    line-height: 12px;
    letter-spacing: .01em;
    padding-left: 7px;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
    width: 115px;
    opacity: 1;
    -webkit-transition: all 0.01s;
    transition: all 0.01s;
}

.btn-bigN { background: url("https://global.calliope2-international.com/resurse/wiki/btn_big_n.png") no-repeat 0 0 transparent; }
.btn-bigA { background: url("https://global.calliope2-international.com/resurse/wiki/btn_big_arrow.png") no-repeat 0 0 transparent; }
.btn-bigBrown { background: url("https://global.calliope2-international.com/resurse/wiki/btn_big_brown.png") no-repeat 0 0 transparent; }

a.btn-bigN, a.btn-bigA, a.btn-bigBrown {
    text-decoration: none;
    color: #D8D8D8;
}

a.btn-bigN:hover, a.btn-bigA:hover, a.btn-bigBrown:hover {
    color: #FFF;
    opacity: 0.7;
}

/* =========================
   BUTOANE MARI (WIKI BOXES)
   ========================= */
.btn-big3, .btn-big4 {
    color: #dfbf8b;
    cursor: pointer;
    display: block;
    font-size: 11px;
    text-align: center;
    text-shadow: -1px -1px #000;
    text-decoration: none;
}

.btn-big3 {
    background: url("https://global.calliope2-international.com/resurse/imagini/interfata/btn_box_wiki.png") no-repeat;
    height: 23px;
    line-height: 23px;
    width: 275px;
}

.btn-big4 {
    background: url("https://global.calliope2-international.com/resurse/imagini/interfata/btn_box_wiki_bigger.png") no-repeat;
    height: 23px;
    line-height: 23px;
    width: 473px;
}

.big3withoutbtn {
    color: #dfbf8b;
    font-size: 12px;
    text-align: center;
    text-shadow: -1px -1px #000;
    width: 375px;
}

/* =========================
   SLOTURI & TOOLTIP METIN2
   ========================= */
.item-slot {
    --item-slots: 1;
    width: 32px;
    height: 32px;
    background-image: url("https://forum.calliope2-client.com/wiki/ui/itemslot.png");
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 32px 32px;
    position: relative;
    vertical-align: top;
}

.item-slot-2 { height: 64px; }
.item-slot-3 { height: 96px; }

.item-icon {
    width: 32px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
}

.item-slot-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 5px 0;
}

/* Echipamentele principale curg pe verticală, fără să schimbăm înălțimea
   slotului (32/64/96px) sau dimensiunea iconului din interior. */
.item-slot-link.item-slot-main-equipment {
    display: block;
    width: 32px;
}

.item-slot-link.item-slot-main-equipment > .item-slot {
    display: block;
}

.tooltip {
    display: inline-block;
    position: relative;
    width: 32px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.85);
    white-space: nowrap;
    position: absolute;
    z-index: 999;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip:hover .tooltiptext { visibility: visible; }

/* =========================
   CONTAINERE & POZIȚIONARE
   ========================= */
div#container { height: 465px; width: 1260px; }
div#container2 { height: 560px; width: 1260px; }

#dropdown4, #dropdown5 {
    position: relative;
    left: -40px;
}

a, h2 {
    text-decoration: none;
    line-height: 18px;
    font-size: 13px;
    color: white;
}


/* =====================================================================
   CALLIOPE GLOBAL — WIKI REDESIGN
   Matches the website and Item Shop visual language.
   ===================================================================== */

:root {
    --wiki-bg: #0a0705;
    --wiki-bg-soft: #130d09;
    --wiki-surface: rgba(25, 17, 11, 0.95);
    --wiki-surface-2: rgba(34, 23, 15, 0.95);
    --wiki-surface-dark: rgba(10, 7, 5, 0.97);

    --wiki-gold: #f0b76e;
    --wiki-gold-light: #ffcb7a;
    --wiki-gold-muted: #d39d56;
    --wiki-ember: #e87a3a;

    --wiki-heading: #f5e3c0;
    --wiki-text: #e6cfa8;
    --wiki-muted: #a8896a;
    --wiki-dim: #6b5236;

    --wiki-border: rgba(240, 183, 110, 0.22);
    --wiki-border-strong: rgba(240, 183, 110, 0.42);

    --wiki-radius-sm: 8px;
    --wiki-radius: 14px;
    --wiki-radius-lg: 18px;

    --wiki-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.30);
    --wiki-shadow: 0 20px 56px rgba(0, 0, 0, 0.46);
    --wiki-transition: 0.2s ease;
}

/* OUTER WIKI FRAME — COMPATIBIL CU BROWSERUL DIN JOC */

html {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body {
    width: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.wiki-frame-body) {
    position: relative;
    display: block !important;
    width: 100%;
    height: 100%;
    color: var(--wiki-text);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    background:
        radial-gradient(circle at 50% -10%, rgba(232, 122, 58, 0.10), transparent 34%),
        linear-gradient(145deg, #160e09, #090604) !important;
    overflow: hidden !important;
}

/* Top logo/header */
.banner_center {
    display: none !important;
}

/* Sidebar / category navigation */
div#container2 {
    position: absolute !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 150px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 10px 24px !important;
    box-sizing: border-box;
    border-top: 1px solid var(--wiki-border);
    border-right: 1px solid var(--wiki-border);
    border-radius: 0 0 0 var(--wiki-radius-lg);
    background:
        radial-gradient(circle at 50% 0%, rgba(240, 183, 110, 0.05), transparent 36%),
        linear-gradient(180deg, rgba(21, 14, 9, 0.98), rgba(10, 7, 5, 0.97));
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
}

div#container2 .item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 80px !important;
    box-sizing: border-box;
}

div#container2 > img,
div#container2 > br {
    display: none !important;
}

/* Content iframe area */
div#container {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 150px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid var(--wiki-border);
    background:
        radial-gradient(circle at 50% 0%, rgba(240, 183, 110, 0.045), transparent 33%),
        linear-gradient(145deg, rgba(28, 19, 12, 0.91), rgba(13, 9, 6, 0.95));
    overflow: hidden !important;
}

div#container iframe,
iframe.iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid var(--wiki-border);
    border-radius: var(--wiki-radius);
    background: rgba(9, 6, 4, 0.50);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.02);
}

/* SIDEBAR BUTTONS */

.btn-bigN,
.btn-bigA,
.btn-bigBrown,
.btn-big,
.btn-bigarrow {
    position: relative;
    overflow: hidden;

    width: 100% !important;
    height: 34px !important;
    min-height: 34px;

    display: flex !important;
    align-items: center;

    margin: 0 0 6px !important;
    padding: 0 10px !important;
    box-sizing: border-box;

    color: var(--wiki-muted) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.025em !important;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75) !important;
    text-decoration: none !important;

    border: 1px solid transparent !important;
    border-radius: var(--wiki-radius-sm);

    background-image: none !important;
    background:
        linear-gradient(180deg, rgba(240, 183, 110, 0.045), rgba(240, 183, 110, 0.012)) !important;

    opacity: 1 !important;

    transition:
        color var(--wiki-transition),
        background var(--wiki-transition),
        border-color var(--wiki-transition);
}

.btn-bigA::after,
.btn-bigarrow::after {
    content: "›";
    position: absolute;
    right: 10px;
    color: var(--wiki-gold-muted);
    font-size: 15px;
    transform: rotate(90deg);
}

.btn-bigN:hover,
.btn-bigA:hover,
.btn-bigBrown:hover,
.btn-big:hover,
.btn-bigarrow:hover {
    color: var(--wiki-gold-light) !important;
    border-color: var(--wiki-border) !important;
    background:
        linear-gradient(90deg, rgba(240, 183, 110, 0.11), rgba(232, 122, 58, 0.035)) !important;
    opacity: 1 !important;
}

/* Dropdown lists */
#dropdown,
#dropdown2,
#dropdown3,
#dropdown4,
#dropdown5 {
    position: relative !important;
    left: auto !important;

    width: 100%;
    margin: -2px 0 7px !important;
    padding: 6px !important;
    box-sizing: border-box;

    border: 1px solid var(--wiki-border);
    border-radius: var(--wiki-radius-sm);

    background: rgba(7, 5, 3, 0.58);
}

#dropdown .btn-bigBrown,
#dropdown2 .btn-bigBrown,
#dropdown3 .btn-bigBrown,
#dropdown4 .btn-bigBrown,
#dropdown5 .btn-bigBrown {
    height: 29px !important;
    min-height: 29px;
    margin-bottom: 3px !important;
    padding-left: 9px !important;
    font-size: 10px !important;
}

/* Scrollbars */
div::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 6px;
}

div::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.18);
}

div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: var(--wiki-gold-muted);
}

/* INNER WIKI CONTENT */

body.wiki-frame-body {
    display: block !important;
    width: auto;
    height: auto !important;
    min-height: 100%;
    margin: 0 !important;
    padding: 14px 14px 120px !important;

    color: var(--wiki-text);
    background:
        radial-gradient(circle at 50% 0%, rgba(240, 183, 110, 0.045), transparent 32%),
        linear-gradient(145deg, rgba(23, 15, 10, 0.94), rgba(10, 7, 5, 0.97)) !important;

    /* Old CEF/WebView scrolls the root html element, not the body. */
    overflow: visible !important;
}

.wiki-frame-body > .whiteText {
    display: block;
    margin: 0;
    color: var(--wiki-text) !important;
}

.wiki-frame-body .page-container,
.wiki-frame-body .banner-main-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Modulele moderne au fost construite inițial pentru un iframe de 735px.
   Le permitem să urmărească lățimea disponibilă, păstrând dimensiunile fixe
   doar pentru imagini și iconuri. */
.wiki-frame-body .wiki-fluid-module {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.wiki-frame-body .wiki-fluid-module > .beril-container,
.wiki-frame-body .wiki-fluid-module > .wiki-boss-wrapper,
.wiki-frame-body .wiki-fluid-module > .wiki-chests-list,
.wiki-frame-body .wiki-fluid-module > .aura-container,
.wiki-frame-body .wiki-fluid-module > .wb-container,
.wiki-frame-body .wiki-fluid-module > .alchemy-container,
.wiki-frame-body .wiki-fluid-module > .wiki-main-wrapper,
.wiki-frame-body .wiki-fluid-module div[style*="width: 725px"],
.wiki-frame-body .wiki-fluid-module div[style*="width:725px"],
.wiki-frame-body .wiki-fluid-module div[style*="width: 695px"],
.wiki-frame-body .wiki-fluid-module div[style*="width:695px"],
.wiki-frame-body .wiki-fluid-module .promo-container,
.wiki-frame-body .wiki-fluid-module .shortcut-grid,
.wiki-frame-body .wiki-fluid-module .fish-grid,
.wiki-frame-body .wiki-fluid-module .carbon-box-fish,
.wiki-frame-body .wiki-fluid-module .skill-grid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin-left: 0 !important;
    box-sizing: border-box;
}

.wiki-frame-body .wiki-fluid-module table {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    box-sizing: border-box;
}

.wiki-frame-body .wiki-fluid-module .separator {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.wiki-frame-body .banner-header {
    border: 1px solid var(--wiki-border);
    border-radius: 12px;
    box-shadow: var(--wiki-shadow-sm);
}

.wiki-frame-body .banner-header::after {
    background:
        linear-gradient(180deg, rgba(7, 5, 3, 0.05), rgba(7, 5, 3, 0.42)) !important;
    opacity: 1 !important;
}

.wiki-frame-body .banner-header-title {
    color: var(--wiki-heading);
    background: none !important;
    -webkit-text-fill-color: initial !important;
    text-shadow:
        0 2px 3px rgba(0, 0, 0, 0.85),
        0 0 14px rgba(240, 183, 110, 0.20) !important;
}

.wiki-frame-body .banner-header-sub {
    color: var(--wiki-muted);
}

.wiki-frame-body h1,
.wiki-frame-body h2,
.wiki-frame-body h3,
.wiki-frame-body h4 {
    color: var(--wiki-heading) !important;
}

.wiki-frame-body p,
.wiki-frame-body li,
.wiki-frame-body span,
.wiki-frame-body td,
.wiki-frame-body label {
    color: var(--wiki-text);
}

.wiki-frame-body a {
    color: var(--wiki-gold);
}

.wiki-frame-body a:hover {
    color: var(--wiki-gold-light);
}

/* Tables */
.wiki-frame-body table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;

    color: var(--wiki-text);
    border: 1px solid var(--wiki-border) !important;
    border-radius: 9px;

    background: rgba(8, 5, 3, 0.45) !important;
}

.wiki-frame-body th,
.wiki-frame-body td {
    padding: 8px;
    border: 0 !important;
    background: transparent !important;
}

/* Separatoare comune pentru toate tabelele randate de modulele wiki. */
.wiki-frame-body table thead th + th,
.wiki-frame-body table tbody td + td,
.wiki-frame-body table tfoot td + td,
.wiki-frame-body table tfoot th + th {
    border-left: 1px solid rgba(240, 183, 110, 0.18) !important;
}

.wiki-frame-body table thead tr:last-child > th,
.wiki-frame-body table thead tr:last-child > td {
    border-bottom: 1px solid rgba(240, 183, 110, 0.26) !important;
}

.wiki-frame-body table tbody tr + tr > td,
.wiki-frame-body table tbody tr + tr > th {
    border-top: 1px solid rgba(240, 183, 110, 0.13) !important;
}

.wiki-frame-body table tbody tr:last-child > td,
.wiki-frame-body table tbody tr:last-child > th {
    border-bottom: 0 !important;
}

.wiki-frame-body th,
.wiki-frame-body thead,
.wiki-frame-body tfoot {
    color: var(--wiki-heading) !important;
    background: rgba(240, 183, 110, 0.075) !important;
}

/* Wiki large boxes */
.wiki-frame-body .btn-big3,
.wiki-frame-body .btn-big4,
.wiki-frame-body .big3withoutbtn {
    width: 100% !important;
    min-height: 36px;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 8px 12px;
    box-sizing: border-box;

    color: var(--wiki-heading) !important;
    border: 1px solid var(--wiki-border);
    border-radius: 8px;

    background-image: none !important;
    background:
        linear-gradient(180deg, rgba(240, 183, 110, 0.10), rgba(240, 183, 110, 0.025)) !important;
}

.wiki-frame-body .btn-big3:hover,
.wiki-frame-body .btn-big4:hover {
    color: var(--wiki-gold-light) !important;
    border-color: var(--wiki-border-strong);
}

/* Tooltips and slots */
.wiki-frame-body .tooltip .tooltiptext {
    color: var(--wiki-text);
    border: 1px solid var(--wiki-border-strong);
    background: rgba(12, 8, 5, 0.98);
    box-shadow: var(--wiki-shadow);
}

/* Responsive inside browser/game window */
@media (max-width: 760px) {
    div#container2 {
        width: 128px !important;
        padding: 8px 7px 24px !important;
    }

    div#container {
        left: 128px !important;
    }

    .btn-bigN,
    .btn-bigA,
    .btn-bigBrown {
        font-size: 10px !important;
        padding-right: 20px !important;
    }
}

/* Boss page: loaded from <head> to prevent an unstyled first render. */
    .wiki-frame-body .boss-page-banner {
        height: 120px;
    }

    .wiki-boss-wrapper {
        width: 100%;
        margin: 0;
        font-family: 'Segoe UI', Arial, sans-serif;
    }

    .boss-card {
        background: linear-gradient(145deg, rgba(27, 18, 12, 0.96), rgba(10, 7, 5, 0.98));
        border: 1px solid rgba(240, 183, 110, 0.22);
        border-radius: 12px;
        margin-bottom: 16px;
        overflow: hidden;
        box-shadow: inset 0 1px rgba(255,255,255,0.025), 0 10px 28px rgba(0,0,0,0.24);
    }

    .boss-header {
        background: linear-gradient(180deg, rgba(240, 183, 110, 0.13), rgba(240, 183, 110, 0.045));
        border-bottom: 1px solid rgba(240, 183, 110, 0.24);
        padding: 11px 16px;
    }

    .boss-title-box {
        display: flex;
        align-items: center;
        gap: 0;
    }

    .boss-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        color: #f0b76e;
        border: 1px solid rgba(240, 183, 110, 0.26);
        border-radius: 50%;
        background: rgba(240, 183, 110, 0.07);
        font-size: 12px;
        margin-right: 10px;
    }
    
    .boss-name { 
        color: #f5e3c0; 
        font-weight: bold; 
        font-size: 14px; 
        text-transform: uppercase; 
        letter-spacing: 0.06em;
    }

    .boss-level {
        margin-left: auto;
        background: rgba(240, 183, 110, 0.08);
        border: 1px solid rgba(240, 183, 110, 0.42);
        color: #ffcb7a;
        padding: 3px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: bold;
    }

    .boss-body {
        display: flex;
        align-items: stretch;
        padding: 16px;
        gap: 0;
        background:
            radial-gradient(circle at 0 50%, rgba(240, 183, 110, 0.045), transparent 28%),
            rgba(8, 5, 3, 0.30);
    }

    .boss-avatar-section {
        flex: 0 0 112px;
        text-align: center;
        padding-right: 18px;
        margin-right: 18px;
        border-right: 1px solid rgba(240, 183, 110, 0.18);
    }

    .boss-img {
        width: 108px;
        height: 108px;
        object-fit: cover;
        border: 1px solid rgba(240, 183, 110, 0.32);
        border-radius: 9px;
        background: #090604;
        padding: 3px;
        box-sizing: border-box;
        box-shadow: 0 6px 18px rgba(0,0,0,0.36);
    }

    .boss-drop-section {
        flex: 1;
        min-width: 0;
    }

    .boss-combat-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
        margin-bottom: 11px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(240, 183, 110, 0.14);
    }

    .boss-detail-chip {
        display: inline-flex;
        align-items: center;
        gap: 0;
        min-height: 24px;
        padding: 3px 8px;
        border: 1px solid rgba(240, 183, 110, 0.24);
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.23);
        color: #e6cfa8;
        font-size: 10px;
        line-height: 1.25;
        box-sizing: border-box;
        margin: 0 6px 6px 0;
    }

    .boss-detail-chip i { margin-right: 5px; }

    .boss-detail-hp {
        color: #f1b4a6;
        border-color: rgba(214, 91, 70, 0.38);
    }

    .boss-detail-hp i { color: #ed705a; }

    .boss-detail-standard {
        color: #ffcb7a;
    }

    .boss-detail-standard i { color: #f0b76e; }

    .boss-detail-element {
        color: #91c8e9;
        border-color: rgba(96, 169, 216, 0.38);
    }

    .boss-detail-element i { color: #69b5e4; }

    .drop-label {
        color: #a8896a;
        font-size: 11px;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 0;
        letter-spacing: 1px;
    }

    .drop-label i {
        color: #f0b76e;
        margin-right: 6px;
    }

    .drops-container-wrapper {
        background: rgba(8, 5, 3, 0.54);
        border: 1px solid rgba(240, 183, 110, 0.13);
        border-left: 3px solid #d39d56;
        padding: 11px 12px;
        border-radius: 7px;
        min-height: 50px;
        color: #e6cfa8;
        font-size: 13px;
        box-sizing: border-box;
    }

    @media (max-width: 620px) {
        .boss-body {
            display: block;
        }

        .boss-avatar-section {
            padding: 0 0 14px;
            margin-bottom: 14px;
            margin-right: 0;
            border-right: 0;
            border-bottom: 1px solid rgba(240, 183, 110, 0.18);
        }
    }

    /* Asigură tooltip-urile funcționează corect în noul layout */
    .upgrade-row { position: relative; overflow: visible !important; }
    .wiki_tooltip, [data-tooltip] { z-index: 9999 !important; }