/* Overview Inner Ability Styling */

/* Overview Headers Styling */

/* Preset header styling - second row */
#charTable thead tr:nth-child(2) th.preset-header {
    background-color: #666666;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    font-size: 0.9em;
    border-top: none;
}

/* Inner Ability header styling - first row */
#charTable thead tr:nth-child(1) th:nth-child(3) {
    background-color: #333;
    color: white;
    font-weight: bold;
    text-align: center;
    border-bottom: none;
}

/* Arcane header styling - first row */
#charTable thead tr:nth-child(1) th:nth-child(6) {
    background-color: #003366;
    color: white;
    font-weight: bold;
    text-align: center;
    border-bottom: none;
}

/* Arcane header styling - second row */
#charTable thead tr:nth-child(2) th.arcane-header {
    background-color: #0066cc;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    font-size: 0.9em;
    border-top: none;
}

/* Sacred header styling - first row */
#charTable thead tr:nth-child(1) th:nth-child(7) {
    background-color: #663300;
    color: white;
    font-weight: bold;
    text-align: center;
    border-bottom: none;
}

/* Sacred header styling - second row */
#charTable thead tr:nth-child(2) th.sacred-header {
    background-color: #996633;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    font-size: 0.9em;
    border-top: none;
}

/* Dark mode styling */
body.dark-mode #charTable thead tr:nth-child(2) th.preset-header {
    background-color: #777777;
    color: black;
}

body.dark-mode #charTable thead tr:nth-child(2) th.arcane-header {
    background-color: #66aaff;
    color: black;
}

body.dark-mode #charTable thead tr:nth-child(2) th.sacred-header {
    background-color: #bb8855;
    color: black;
}

body.dark-mode #charTable thead tr:nth-child(1) th:nth-child(3) {
    background-color: #999999;
    color: black;
}

body.dark-mode #charTable thead tr:nth-child(1) th:nth-child(6) {
    background-color: #99ccff;
    color: black;
}

body.dark-mode #charTable thead tr:nth-child(1) th:nth-child(7) {
    background-color: #cc9966;
    color: black;
}

/* Coloring for Inner Ability cells on overview page */
#charTable td.ability-as {
    background-color: #f5a9a9;
}

#charTable td.ability-boss {
    background-color: #a9f5a9;
}

#charTable td.ability-cdskip {
    background-color: #a9d0f5;
}

#charTable td.ability-meso {
    background-color: #f5f5a9;
}

#charTable td.ability-item {
    background-color: #a9f5f5;
}

#charTable td.ability-passive {
    background-color: #d6a5e0;
}

#charTable td.ability-buff {
    background-color: #ffdeb3;
}

/* Additional ability classes */
#charTable td.ability-str,
#charTable td.ability-dex,
#charTable td.ability-int,
#charTable td.ability-luk,
#charTable td.ability-hp,
#charTable td.ability-mp,
#charTable td.ability-allstat {
    background-color: #e0e0e0;
}

#charTable td.ability-att,
#charTable td.ability-matt,
#charTable td.ability-damage,
#charTable td.ability-crit {
    background-color: #d1c4e9;
}

#charTable td.ability-abnormal,
#charTable td.ability-normal,
#charTable td.ability-aoe {
    background-color: #ffe0b2;
}

/* Dark Mode Colors */
body.dark-mode #charTable td.ability-as {
    background-color: #8B0000;
    color: white;
}

body.dark-mode #charTable td.ability-boss {
    background-color: #228B22;
    color: white;
}

body.dark-mode #charTable td.ability-cdskip {
    background-color: #4169E1;
    color: white;
}

body.dark-mode #charTable td.ability-meso {
    background-color: #B8860B;
    color: white;
}

body.dark-mode #charTable td.ability-item {
    background-color: #008080;
    color: white;
}

body.dark-mode #charTable td.ability-passive {
    background-color: #800080;
    color: white;
}

body.dark-mode #charTable td.ability-buff {
    background-color: #D35400;
    color: white;
}

/* Additional ability classes for dark mode */
body.dark-mode #charTable td.ability-str,
body.dark-mode #charTable td.ability-dex,
body.dark-mode #charTable td.ability-int,
body.dark-mode #charTable td.ability-luk,
body.dark-mode #charTable td.ability-hp,
body.dark-mode #charTable td.ability-mp,
body.dark-mode #charTable td.ability-allstat {
    background-color: #555555;
    color: white;
}

body.dark-mode #charTable td.ability-att,
body.dark-mode #charTable td.ability-matt,
body.dark-mode #charTable td.ability-damage,
body.dark-mode #charTable td.ability-crit {
    background-color: #663399;
    color: white;
}

body.dark-mode #charTable td.ability-abnormal,
body.dark-mode #charTable td.ability-normal,
body.dark-mode #charTable td.ability-aoe {
    background-color: #996600;
    color: white;
}

/* Inner ability column text alignment */
#charTable td:nth-child(3),
#charTable td:nth-child(4),
#charTable td:nth-child(5) {
    text-align: left;
    padding: 8px 10px;
    min-width: 180px;
    max-width: 250px;
    font-weight: normal;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}