/* ========================================
   GUILDS - YELLOW/GOLD THEME UNIVERSAL
   APLICA A TODAS AS PÁGINAS DE GUILDS
   ======================================== */

/* Esconder sombras antigas */
.TableShadowContainerRightTop,
.TableShadowRightTop,
.TableShadowContainer,
.TableBottomShadow,
.TableBottomLeftShadow,
.TableBottomRightShadow {
    display: none !important;
}

/* Container principal */
.TableContentAndRightShadow {
    background: transparent !important;
    border: none !important;
}

.TableContentContainer {
    background: white !important;
    border: 3px solid #fbbf24 !important;
    border-radius: 12px !important;
    padding: 0 !important;
    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* Tabela principal */
.TableContent {
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

/* Header de qualquer tabela */
.TableContent tr[bgcolor]:first-child,
.TableContent tr:first-child,
.TableContent thead tr {
    background: linear-gradient(to right, #fbbf24, #f59e0b) !important;
}

.TableContent tr[bgcolor]:first-child td,
.TableContent tr:first-child td,
.TableContent thead td,
.TableContent thead th {
    padding: 15px !important;
    border-bottom: 3px solid #d97706 !important;
    color: white !important;
}

.TableContent tr[bgcolor]:first-child b,
.TableContent tr:first-child b,
.TableContent thead b {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Linhas normais */
.TableContent tr[bgcolor]:not(:first-child),
.TableContent tbody tr {
    background: linear-gradient(to right, #fefce8 0%, #fef9c3 100%) !important;
    transition: all 0.3s ease !important;
}

.TableContent tr[bgcolor]:not(:first-child):hover,
.TableContent tbody tr:hover {
    background: linear-gradient(to right, #fef9c3 0%, #fef3c7 100%) !important;
    box-shadow: inset 0 0 15px rgba(251, 191, 36, 0.3) !important;
}

.TableContent td {
    padding: 12px 15px !important;
    border-bottom: 1px solid rgba(251, 191, 36, 0.2) !important;
}

/* Textos */
.TableContent b:not(tr:first-child b),
.TableContent strong {
    color: #7c2d12 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.TableContent span,
.TableContent p {
    color: #92400e !important;
    line-height: 1.6 !important;
}

/* Links */
.TableContent a {
    color: #7c3aed !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid transparent !important;
}

.TableContent a:hover {
    color: #6d28d9 !important;
    border-bottom-color: #7c3aed !important;
}

/* Imagens (logos, avatares) */
.TableContent img[width="64"],
.TableContent img[height="64"] {
    border: 3px solid #fbbf24 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(251, 191, 36, 0.4) !important;
    padding: 4px !important;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    transition: all 0.3s ease !important;
}

.TableContent img:hover {
    border-color: #7c3aed !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.5) !important;
    transform: scale(1.05) !important;
}

/* Formulários e botões */
.TableContent form {
    display: inline-block !important;
    margin: 5px !important;
}

.TableContent input[type="image"] {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    filter: drop-shadow(0 2px 8px rgba(251, 191, 36, 0.4)) !important;
}

.TableContent input[type="image"]:hover {
    filter: drop-shadow(0 4px 12px rgba(124, 58, 237, 0.6)) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

.TableContent input[type="text"],
.TableContent textarea,
.TableContent select {
    background: white !important;
    border: 2px solid #fbbf24 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    color: #7c2d12 !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.TableContent input[type="text"]:focus,
.TableContent textarea:focus,
.TableContent select:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
    outline: none !important;
}

/* Bottom sections */
body table[border="0"][cellspacing="1"] {
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 3px solid #fbbf24 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3) !important;
    margin: 20px auto !important;
}

body table[border="0"] td {
    color: #92400e !important;
}

body table[border="0"] b {
    color: #7c2d12 !important;
}

body table[border="0"] a {
    color: #7c3aed !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body table[border="0"] a:hover {
    color: #6d28d9 !important;
    border-bottom: 2px solid #7c3aed !important;
}

/* Classes modernas */
.guilds-modern-container {
    max-width: 1200px;
    margin: 20px auto;
}

.guilds-content-wrapper {
    background: white !important;
    border: 3px solid #fbbf24 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3) !important;
    overflow: hidden !important;
}

.guilds-table {
    width: 100% !important;
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 100%) !important;
    border-collapse: collapse !important;
}

.guilds-header-row {
    background: linear-gradient(to right, #fbbf24, #f59e0b) !important;
}

.guilds-header-row td {
    padding: 15px !important;
    border-bottom: 3px solid #d97706 !important;
}

.guilds-header-row b {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.guilds-row {
    background: linear-gradient(to right, #fefce8 0%, #fef9c3 100%) !important;
}

.guilds-row:hover {
    background: linear-gradient(to right, #fef9c3 0%, #fef3c7 100%) !important;
}

.guild-logo-img {
    border: 3px solid #fbbf24 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(251, 191, 36, 0.4) !important;
    padding: 4px !important;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
}

.guild-logo-img:hover {
    border-color: #7c3aed !important;
    transform: scale(1.05) !important;
}

.guild-name {
    color: #7c2d12 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.guild-description {
    color: #92400e !important;
    font-size: 13px !important;
}