/* Ajustes consolidados do OldStyller, carregados por último. */
#Loginbox.OldStyllerLoggedIn,
#Loginbox.OldStyllerLoggedOut {
    box-sizing: border-box !important;
    width: 180px !important;
    height: 158px !important;
    margin: 0 0 38px !important;
    padding: 0 !important;
    position: relative !important;
    background: url('images/header/oldstyller-login-frame.png') center/100% 100% no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
}
#Loginbox #LoginTop,
#Loginbox #LoginBottom,
#Loginbox .LoginBorder,
#Loginbox #BorderLeft,
#Loginbox #BorderRight {
    display: none !important;
}
#Loginbox.OldStyllerLoggedIn .Loginstatus,
#Loginbox.OldStyllerLoggedOut .Loginstatus {
    position: static !important;
    width: auto !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
}
#Loginbox #LoginstatusText_1 {
    position: absolute !important;
    top: 52px !important;
    left: 20px !important;
    width: 140px !important;
    height: 14px !important;
    margin: 0 !important;
    background: none !important;
    color: #d9e2eb !important;
    font:
        10px/14px Arial,
        sans-serif !important;
    text-align: center !important;
}
#Loginbox.OldStyllerLoggedOut #LoginstatusText_1::after {
    content: 'Acesso do jogador' !important;
}
#Loginbox.OldStyllerLoggedIn #LoginstatusText_1::after {
    content: 'Conta conectada' !important;
}
#Loginbox #LoginButtonContainer {
    position: absolute !important;
    top: 69px !important;
    left: 20px !important;
    width: 140px !important;
    height: 30px !important;
    margin: 0 !important;
    background: none !important;
}
#Loginbox #OldStyllerLoginButton {
    display: block !important;
    box-sizing: border-box !important;
    width: 125px !important;
    height: 29px !important;
    margin: 0 auto !important;
    padding: 4px 12px !important;
}
#Loginbox #LoginstatusText_2 {
    position: absolute !important;
    top: 106px !important;
    left: 20px !important;
    width: 140px !important;
    height: 15px !important;
    margin: 0 !important;
    text-align: center !important;
    background: none !important;
}
#Loginbox #OldStyllerCreateAccount {
    display: block !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff4df !important;
    font:
        10px/15px Arial,
        sans-serif !important;
    text-decoration: none !important;
}

/* Conta e criacao de personagem: ocupa e distribui toda a coluna central. */
#ContentColumn #GWAccountManagement {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#GWAccountManagement .TableContainer,
#GWAccountManagement .SmallBox,
#GWAccountManagement .TableContainer > table,
#GWAccountManagement .InnerTableContainer > table,
#GWAccountManagement .TableContentAndRightShadow,
#GWAccountManagement .TableContentContainer,
#GWAccountManagement table.TableContent {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
#GWAccountManagement .TableContainer,
#GWAccountManagement .SmallBox {
    margin-bottom: 20px !important;
}
#GWAccountManagement .InnerTableContainer {
    width: 100% !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
}
#GWAccountManagement table.TableContent td {
    padding: 9px 12px !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}
#GWAccountManagement table.TableContent .LabelV {
    width: 28% !important;
    min-width: 150px !important;
}
#GWAccountManagement .InnerTableButtonRow {
    width: 100% !important;
    margin-top: 12px !important;
}
#GWAccountManagement .InnerTableButtonRow > tbody > tr {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}
#GWAccountManagement .InnerTableButtonRow > tbody > tr > td {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    padding: 9px 12px !important;
    text-align: center !important;
}
#GWAccountManagement .InnerTableButtonRow > tbody > tr > td:empty {
    display: none !important;
}
#GWAccountManagement .InnerTableButtonRow table,
#GWAccountManagement .InnerTableButtonRow form {
    width: 100% !important;
    margin: 0 !important;
}
#GWAccountManagement .InnerTableButtonRow .BigButton {
    display: block !important;
    width: 100% !important;
    max-width: 180px !important;
    margin: 0 auto !important;
}
#GWAccountManagement .SmallBox .Message > table {
    width: 100% !important;
    table-layout: auto !important;
}
#GWAccountManagement .SmallBox .Message > table > tbody > tr > td:last-child {
    width: 180px !important;
    text-align: right !important;
}
#GWAccountManagement .Table3 table.TableContent,
#GWAccountManagement .Table5 table.TableContent {
    table-layout: fixed !important;
}

/* Formulario de personagem: campos e vocacoes sem espaco morto. */
#GWAccountManagement form[action*='action=createcharacter'] .InnerTableContainer {
    padding: 16px 18px !important;
}
#GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody
    > tr {
    display: flex !important;
    width: 100% !important;
    gap: 18px !important;
    align-items: stretch !important;
}
#GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody
    > tr
    > td {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    padding: 0 !important;
}
#GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody
    > tr
    > td
    + td {
    padding-left: 0 !important;
}
#GWAccountManagement form[action*='action=createcharacter'] table.TableContent {
    width: 100% !important;
    table-layout: fixed !important;
}
#GWAccountManagement form[action*='action=createcharacter'] table.TableContent table.TableContent {
    width: 100% !important;
}
#GWAccountManagement form[action*='action=createcharacter'] input[name='newcharname'] {
    width: 100% !important;
    max-width: none !important;
}
#GWAccountManagement form[action*='action=createcharacter'] td[width='160'] {
    width: 34% !important;
    min-width: 135px !important;
}
@media (max-width: 760px) {
    #GWAccountManagement .InnerTableContainer {
        padding: 12px !important;
    }
    #GWAccountManagement .InnerTableButtonRow > tbody > tr,
    #GWAccountManagement
        form[action*='action=createcharacter']
        .InnerTableContainer
        > table
        > tbody
        > tr {
        display: block !important;
    }
    #GWAccountManagement .InnerTableButtonRow > tbody > tr > td,
    #GWAccountManagement
        form[action*='action=createcharacter']
        .InnerTableContainer
        > table
        > tbody
        > tr
        > td {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    #GWAccountManagement table.TableContent .LabelV {
        width: 40% !important;
        min-width: 110px !important;
    }
}

/* Padrao geral: todas as secoes aproveitam a largura central. */
#ContentColumn .Content,
#ContentColumn .Box,
#ContentColumn .BoxContent {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
}
#ContentColumn .BoxContent > .TableContainer,
#ContentColumn .BoxContent > form > .TableContainer,
#ContentColumn .BoxContent .TableContainer {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}
#ContentColumn .TableContainer > table,
#ContentColumn .TableContainer .Table1,
#ContentColumn .TableContainer .Table2,
#ContentColumn .TableContainer .Table3,
#ContentColumn .TableContainer .Table4,
#ContentColumn .TableContainer .Table5,
#ContentColumn .TableContainer .InnerTableContainer,
#ContentColumn .TableContainer .InnerTableContainer > table,
#ContentColumn .TableContainer .TableContentAndRightShadow,
#ContentColumn .TableContainer .TableContentContainer,
#ContentColumn .TableContainer table.TableContent {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
}
#ContentColumn .TableContainer .InnerTableContainer {
    padding: 14px 16px !important;
}
#ContentColumn .TableContainer table.TableContent {
    border-collapse: collapse !important;
}
#ContentColumn .TableContainer table.TableContent td,
#ContentColumn .TableContainer table.TableContent th {
    box-sizing: border-box !important;
    padding: 9px 12px !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}
#ContentColumn .TableContainer .LabelV {
    width: 28% !important;
    min-width: 145px !important;
    white-space: nowrap !important;
}
#ContentColumn .TableContainer .InnerTableButtonRow {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
}
#ContentColumn .BoxContent input[type='text'],
#ContentColumn .BoxContent input[type='password'],
#ContentColumn .BoxContent input[type='email'],
#ContentColumn .BoxContent select,
#ContentColumn .BoxContent textarea {
    box-sizing: border-box !important;
    max-width: 100% !important;
}
#ContentColumn .BoxContent img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 760px) {
    #ContentColumn .TableContainer .InnerTableContainer {
        padding: 11px !important;
    }
    #ContentColumn .TableContainer .LabelV {
        width: 40% !important;
        min-width: 105px !important;
    }
}
.OldStyllerNewsBody {
    line-height: 1.65 !important;
    overflow-wrap: anywhere;
}
.OldStyllerNewsBody br + br {
    line-height: 2.2;
}
.si-wrap {
    color: #e1e9ee;
    font:
        12px/1.5 Verdana,
        Arial,
        sans-serif;
}
.si-title {
    margin: 4px 0 16px;
    color: #f0cf83;
    font:
        bold 25px Georgia,
        serif;
    text-align: center;
}
.si-box {
    margin-bottom: 12px;
    border: 1px solid #80652f;
    background: #171a1d;
}
.si-head {
    padding: 8px 10px;
    border-bottom: 1px solid #80652f;
    background: #24282b;
    color: #f0cf83;
    font-weight: bold;
}
.si-body {
    padding: 9px;
}
.si-grid,
.si-stage {
    width: 100%;
    border-collapse: collapse;
}
.si-grid td,
.si-stage td,
.si-stage th {
    padding: 7px 9px;
    border: 1px solid rgba(182, 138, 58, 0.28);
}
.si-grid tr:nth-child(odd) td,
.si-stage tr:nth-child(odd) td {
    background: #202223;
}
.si-grid tr:nth-child(even) td,
.si-stage tr:nth-child(even) td {
    background: #19362f;
}
.si-stage th {
    background: #25323c;
    color: #f0cf83;
}
.si-label {
    width: 42%;
    color: #f0cf83;
    font-weight: bold;
}
.si-value {
    color: #f2f4f5;
    font-weight: bold;
}
.si-towns span {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #80652f;
    background: #19362f;
    color: #f0cf83;
    font-weight: bold;
}
.si-highlight {
    padding: 12px;
    border: 1px solid #80652f;
    background: #1f3a2d;
    color: #f0cf83;
    font:
        bold 15px Georgia,
        serif;
    text-align: center;
}

/* Correcao estrutural v5: tabelas antigas permanecem tabelas, sem frestas. */
#ContentColumn .TableContainer .InnerTableButtonRow > tbody > tr {
    display: table-row !important;
    width: auto !important;
}
#ContentColumn .TableContainer .InnerTableButtonRow > tbody > tr > td {
    display: table-cell !important;
    float: none !important;
    flex: none !important;
    width: auto !important;
    padding: 8px 10px !important;
    background: #242424 !important;
    text-align: center !important;
}
#ContentColumn .TableContainer .InnerTableButtonRow > tbody > tr > td:empty {
    display: table-cell !important;
}

/* Botoes da conta: grade limpa, igualmente distribuida e sem separadores vazios. */
#ContentColumn #GWAccountManagement .InnerTableButtonRow > tbody > tr {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    background: #242424 !important;
}
#ContentColumn
    #GWAccountManagement
    .InnerTableButtonRow
    > tbody
    > tr:has(> td:nth-child(3):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#ContentColumn #GWAccountManagement .InnerTableButtonRow > tbody > tr > td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 8px 14px !important;
    border: 0 !important;
    background: #242424 !important;
}
#ContentColumn #GWAccountManagement .InnerTableButtonRow > tbody > tr > td[width='100%'],
#ContentColumn #GWAccountManagement .InnerTableButtonRow > tbody > tr > td[style*='width:100%'] {
    display: none !important;
}
#ContentColumn #GWAccountManagement .InnerTableButtonRow table,
#ContentColumn #GWAccountManagement .InnerTableButtonRow form {
    width: auto !important;
    margin: 0 auto !important;
}

/* Lista de personagens: reserva espaco real para level/vocacao e status. */
#ContentColumn
    #GWAccountManagement
    a[name='Characters']
    ~ .TableContainer
    .TableContentContainer
    > table.TableContent {
    table-layout: fixed !important;
}
#ContentColumn
    #GWAccountManagement
    a[name='Characters']
    ~ .TableContainer
    .TableContentContainer
    > table.TableContent
    tr
    > td:nth-child(1) {
    width: 55% !important;
}
#ContentColumn
    #GWAccountManagement
    a[name='Characters']
    ~ .TableContainer
    .TableContentContainer
    > table.TableContent
    tr
    > td:nth-child(2) {
    width: 27% !important;
    white-space: nowrap !important;
}
#ContentColumn
    #GWAccountManagement
    a[name='Characters']
    ~ .TableContainer
    .TableContentContainer
    > table.TableContent
    tr
    > td:nth-child(3) {
    width: 11% !important;
    white-space: nowrap !important;
}
#ContentColumn
    #GWAccountManagement
    a[name='Characters']
    ~ .TableContainer
    .TableContentContainer
    > table.TableContent
    tr
    > td:nth-child(4) {
    width: 7% !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* Criacao: remove o 50% indevido do contêiner e ocupa toda a caixa. */
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody {
    display: table-row-group !important;
    width: auto !important;
}
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody
    > tr {
    display: table-row !important;
    width: auto !important;
}
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    .InnerTableContainer
    > table
    > tbody
    > tr
    > td {
    display: table-cell !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: #17191c !important;
    vertical-align: top !important;
}
#ContentColumn #GWAccountManagement form[action*='action=createcharacter'] .gw-choice-column {
    display: table-cell !important;
    width: 100% !important;
    padding: 0 !important;
}
#ContentColumn #GWAccountManagement form[action*='action=createcharacter'] .gw-choice-card {
    width: 100% !important;
    margin: 0 !important;
}
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    .TableContentContainer
    > table.TableContent
    > tbody
    > tr
    > td {
    width: 50% !important;
}
#ContentColumn
    #GWAccountManagement
    form[action*='action=createcharacter']
    input[name='newcharname'] {
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 760px) {
    #ContentColumn #GWAccountManagement .InnerTableButtonRow > tbody > tr,
    #ContentColumn
        #GWAccountManagement
        .InnerTableButtonRow
        > tbody
        > tr:has(> td:nth-child(3):last-child) {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    #ContentColumn
        #GWAccountManagement
        a[name='Characters']
        ~ .TableContainer
        .TableContentContainer
        > table.TableContent {
        table-layout: auto !important;
    }
    #ContentColumn
        #GWAccountManagement
        a[name='Characters']
        ~ .TableContainer
        .TableContentContainer
        > table.TableContent
        tr
        > td {
        width: auto !important;
        white-space: normal !important;
    }
}

/* Conta moderna: sem tabelas de layout ou imagens de botao. */
.gw-modern-account {
    display: grid;
    gap: 18px;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.gw-modern-panel {
    overflow: hidden;
    border: 1px solid #745b28;
    background: #17191c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}
.gw-modern-panel h2 {
    margin: 0 !important;
    padding: 11px 14px !important;
    border-bottom: 2px solid #40586a;
    background: #24272a;
    color: #fff !important;
    font:
        bold 16px Georgia,
        serif !important;
}
.gw-modern-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    padding: 14px;
    gap: 1px;
    background: #594923;
    box-sizing: border-box;
}
.gw-modern-info > div {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    min-height: 38px;
    background: #202326;
}
.gw-modern-info > div:nth-child(4n + 1),
.gw-modern-info > div:nth-child(4n + 4) {
    background: #183a31;
}
.gw-modern-info strong,
.gw-modern-info span {
    display: flex;
    align-items: center;
    padding: 8px 11px;
    box-sizing: border-box;
}
.gw-modern-info strong {
    color: #e5c15e !important;
    border-right: 1px solid rgba(188, 145, 59, 0.25);
}
.gw-modern-info span {
    min-width: 0;
    color: #f1f3f4 !important;
    overflow-wrap: anywhere;
}
.gw-modern-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 12px 14px;
    background: #242424;
}
.gw-modern-actions:has(form:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gw-modern-actions-one {
    grid-template-columns: minmax(150px, 190px) !important;
    justify-content: end;
}
.gw-modern-actions form {
    margin: 0 !important;
}
.gw-modern-actions button {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #a27b24;
    background: linear-gradient(#24483b, #18372f);
    color: #f2d26f;
    font:
        bold 13px Georgia,
        serif;
    cursor: pointer;
}
.gw-modern-actions button:hover {
    background: linear-gradient(#315f4e, #20483c);
    color: #fff3bf;
}
.gw-modern-characters {
    display: grid;
    margin: 14px;
    border: 1px solid #594923;
    background: #594923;
    gap: 1px;
}
.gw-modern-character {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(175px, 1.35fr) minmax(75px, 0.55fr) 55px;
    min-height: 39px;
    background: #292929;
}
.gw-modern-character:nth-child(odd) {
    background: #202326;
}
.gw-modern-character-head {
    background: #183a31 !important;
    color: #e5c15e !important;
    font-weight: bold;
}
.gw-modern-character > span {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 8px 11px;
    border-right: 1px solid rgba(188, 145, 59, 0.18);
    box-sizing: border-box;
}
.gw-modern-character > span:last-child {
    justify-content: center;
    border-right: 0;
}
.gw-modern-character a {
    color: #f0cf75 !important;
    font-weight: bold;
    text-decoration: none;
}
.gw-online {
    color: #65d58a !important;
}
.gw-offline {
    color: #df6969 !important;
}
@media (max-width: 760px) {
    .gw-modern-info {
        grid-template-columns: 1fr;
    }
    .gw-modern-info > div {
        grid-template-columns: 120px minmax(0, 1fr);
    }
    .gw-modern-actions,
    .gw-modern-actions:has(form:nth-child(2):last-child) {
        grid-template-columns: 1fr;
    }
    .gw-modern-actions-one {
        grid-template-columns: 1fr !important;
    }
    .gw-modern-character {
        grid-template-columns: 1fr 1fr;
    }
    .gw-modern-character > span:nth-child(3),
    .gw-modern-character > span:nth-child(4) {
        border-top: 1px solid rgba(188, 145, 59, 0.18);
    }
}

/* Substitui o cabecalho legado da conta pelo cabecalho moderno. */
#GWAccountManagement > .SmallBox,
#GWAccountManagement > center {
    display: none !important;
}
.gw-modern-welcome,
.gw-modern-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #745b28;
    background: #1b1e21;
    box-sizing: border-box;
}
.gw-modern-welcome > div,
.gw-modern-notice > span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.gw-modern-welcome strong,
.gw-modern-notice strong {
    color: #f0cf75 !important;
    font:
        bold 16px Georgia,
        serif;
}
.gw-modern-welcome span,
.gw-modern-notice span {
    color: #e7ecef !important;
}
.gw-modern-welcome form,
.gw-modern-notice form {
    margin: 0 !important;
    flex: 0 0 165px;
}
.gw-modern-welcome button,
.gw-modern-notice button,
.gw-modern-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #a27b24;
    background: linear-gradient(#24483b, #18372f);
    color: #f2d26f !important;
    font:
        bold 13px Georgia,
        serif;
    text-decoration: none !important;
    cursor: pointer;
}
.gw-modern-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 165px;
    background: #202326;
}

/* Formulario moderno de personagem. */
.gw-modern-create {
    width: 100%;
    margin: 16px 0 0 !important;
}
.gw-modern-create-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.75fr);
    gap: 1px;
    margin: 14px;
    background: #594923;
}
.gw-modern-field,
.gw-modern-create fieldset {
    box-sizing: border-box;
    margin: 0;
    padding: 13px;
    background: #202326;
    border: 0;
}
.gw-modern-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.gw-modern-field strong,
.gw-modern-create legend {
    color: #e5c15e !important;
    font-weight: bold;
}
.gw-modern-field input {
    width: 100% !important;
    min-height: 36px !important;
}
.gw-modern-field small {
    color: #cdd5da !important;
}
.gw-modern-create fieldset {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gw-modern-create fieldset label {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
}
.gw-modern-choices {
    margin: 0 14px 14px !important;
    padding: 0 !important;
    border: 1px solid #594923 !important;
    background: #202326 !important;
}
.gw-modern-choices legend {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 12px;
    background: #183a31;
    border-bottom: 1px solid #594923;
}
.gw-modern-choices > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #594923;
}
.gw-modern-choices label {
    box-sizing: border-box;
    padding: 8px 12px;
    background: #292929;
}
.gw-modern-create > .gw-modern-panel > .gw-modern-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gw-modern-create > .gw-modern-panel > .gw-modern-actions button,
.gw-modern-create > .gw-modern-panel > .gw-modern-actions .gw-modern-button {
    max-width: 190px;
    margin: 0 auto;
}
@media (max-width: 760px) {
    .gw-modern-welcome,
    .gw-modern-notice {
        display: grid;
        grid-template-columns: 1fr;
    }
    .gw-modern-welcome form,
    .gw-modern-notice form {
        width: 100%;
    }
    .gw-modern-create-grid,
    .gw-modern-choices > div {
        grid-template-columns: 1fr;
    }
}

/* Noticias: devolve o respiro removido e separa corpo e rodape. */
#latestnews .NewsHeadline {
    margin-top: 14px !important;
}
#latestnews .NewsHeadline:first-of-type {
    margin-top: 0 !important;
}
#latestnews .NewsHeadlineBackground {
    min-height: 34px !important;
    padding: 6px 10px !important;
}
#latestnews .NewsHeadlineBackground table {
    width: 100% !important;
}
#latestnews .OldStyllerNewsBody {
    width: 100% !important;
    min-height: 74px !important;
    margin: 7px 0 0 !important;
    padding: 17px 19px !important;
    border: 1px solid #4f7567 !important;
    border-left: 3px solid #4f7567 !important;
    background: #19362f !important;
    line-height: 1.7 !important;
}
#latestnews .OldStyllerNewsBody br {
    display: block !important;
    content: '' !important;
    margin-top: 5px !important;
}
#latestnews .OldStyllerNewsBody br + br {
    display: block !important;
    margin-top: 10px !important;
}
#latestnews .OldStyllerNewsBody ~ h6 {
    display: inline-block !important;
    margin: 8px 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    line-height: 18px !important;
}
#latestnews .OldStyllerNewsBody ~ p[align='right'] {
    float: right !important;
    margin: 8px 0 10px !important;
    padding: 0 !important;
    line-height: 18px !important;
}
#latestnews .OldStyllerNewsBody ~ p[align='right']:after {
    display: block;
    clear: both;
    content: '';
}
#latestnews > table[style*='clear:both'] > tbody > tr > td:nth-child(2) {
    padding: 0 5px 6px !important;
}
@media (max-width: 760px) {
    #latestnews .OldStyllerNewsBody {
        padding: 14px !important;
    }
    #latestnews .OldStyllerNewsBody ~ h6,
    #latestnews .OldStyllerNewsBody ~ p[align='right'] {
        display: block !important;
        float: none !important;
        margin: 7px 0 !important;
        text-align: left !important;
    }
}

/* Downloads: estrutura isolada, sem a coluna azul herdada do tema antigo. */
#ContentColumn .dl-wrap {
    width: 100% !important;
    box-sizing: border-box !important;
}
#ContentColumn .dl-wrap .dl-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid #594923 !important;
    border-top: 0 !important;
    background: #212121 !important;
    box-sizing: border-box !important;
}
#ContentColumn .dl-wrap .dl-info {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 13px 15px !important;
    background: #212121 !important;
    box-sizing: border-box !important;
}
#ContentColumn .dl-wrap .dl-action {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px !important;
    border: 0 !important;
    border-left: 1px solid #594923 !important;
    background: #242424 !important;
    box-sizing: border-box !important;
}
#ContentColumn .dl-wrap .dl-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 116px !important;
    min-height: 32px !important;
    padding: 7px 10px !important;
    background: linear-gradient(#24483b, #18372f) !important;
    border: 1px solid #a27b24 !important;
    color: #f2d26f !important;
    box-sizing: border-box !important;
}
#ContentColumn .dl-wrap .dl-button:hover {
    background: linear-gradient(#315f4e, #20483c) !important;
    color: #fff3bf !important;
}
@media (max-width: 620px) {
    #ContentColumn .dl-wrap .dl-card {
        grid-template-columns: 1fr !important;
    }
    #ContentColumn .dl-wrap .dl-action {
        border-left: 0 !important;
        border-top: 1px solid #594923 !important;
    }
}

/* Paleta final dos componentes especiais: impede o azul legado sem atingir outras paginas. */
#ContentColumn .hs-tab,
#ContentColumn .hs-subbar,
#ContentColumn .hs-pages,
#ContentColumn .hs-points,
#ContentColumn .si-highlight,
#ContentColumn .OldStyller-search,
#ContentColumn .OldStyller-status,
#ContentColumn .OldStyller-voc,
#ContentColumn .OldStyller-voc-count {
    background: #212121 !important;
    background-color: #212121 !important;
    color: #edf1e7 !important;
    border-color: #745b28 !important;
    box-shadow: none !important;
}
#ContentColumn .hs-tab.active,
#ContentColumn .hs-tab:hover,
#ContentColumn .hs-pages a:hover {
    background: #303030 !important;
    color: #f0cf83 !important;
}