/* === ARMANDILLO CHAT THEME === */

/* Sfondo pagina login = blu Armandillo */
.mx_AuthPage {
    background: #0b1a2d !important;
}

/* Pannello login: stile card */
.mx_AuthPage_modal {
    background: rgba(255,255,255,0.03) !important;
    box-shadow: none !important;
    border: 1px solid rgba(212,160,74,0.15) !important;
    border-radius: 12px !important;
}

.mx_AuthPage_modalBlur {
    background: none !important;
    filter: none !important;
}

/* Logo più grande con glow */
.mx_AuthHeaderLogo {
    filter: drop-shadow(0 0 40px rgba(212,160,74,0.5)) !important;
    margin-bottom: 8px !important;
}

.mx_AuthHeaderLogo img {
    content: url('../custom-assets/logo.png') !important;
    max-height: 120px !important;
    width: 120px !important;
    height: 120px !important;
}

/* Titolo brand sotto il logo */
.mx_AuthHeader::after {
    content: 'Armandillo Chat';
    display: block;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    background: linear-gradient(135deg, #d4a04a, #f0c060);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 8px;
}

/* Sottotitolo (sostituisce Chat e collaborazioni criptate...) */
.mx_AuthBody::before {
    content: 'Messaggistica sicura e privata';
    display: block;
    text-align: center;
    color: #718096;
    font-size: 0.9em;
    margin-bottom: 16px;
}

/* Nascondi la descrizione originale di Element/Matrix */
.mx_AuthBody_loginDescription,
.mx_AuthBody h2,
.mx_AuthPage_modal h2,
.mx_AuthBody > p:first-of-type {
    display: none !important;
}

/* Bottoni primari dorati */
.mx_AccessibleButton.mx_AccessibleButton_kind_primary,
.mx_Login_submit {
    background: linear-gradient(135deg, #d4a04a, #f0c060) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #0b1a2d !important;
    font-weight: 600 !important;
}

.mx_AccessibleButton.mx_AccessibleButton_kind_primary:hover {
    background: linear-gradient(135deg, #f0c060, #d4a04a) !important;
}

/* Input fields */
.mx_AuthBody input[type='text'],
.mx_AuthBody input[type='password'] {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    color: #e2e8f0 !important;
}

.mx_AuthBody input:focus {
    border-color: rgba(212,160,74,0.5) !important;
    box-shadow: 0 0 0 2px rgba(212,160,74,0.15) !important;
}

/* Link */
.mx_AuthBody a {
    color: #d4a04a !important;
}

/* Labels */
.mx_AuthBody .mx_Field label,
.mx_AuthBody_fieldRow label {
    color: #a0aec0 !important;
}

/* Nascondi selettore server */
.mx_ServerPicker,
.mx_AuthBody_editServerDetails {
    display: none !important;
}

/* Nascondi footer originale Powered by Matrix */
.mx_AuthFooter {
    display: none !important;
}


/* === HOME PAGE (dopo login) === */

.mx_MatrixChat,
.mx_RoomView,
.mx_HomePage {
    background: #0b1a2d !important;
}

.mx_LeftPanel,
.mx_SpacePanel {
    background: #091525 !important;
}

.mx_RoomList,
.mx_LeftPanel_filterContainer {
    background: #091525 !important;
}

.mx_RoomHeader {
    background: #0d1f35 !important;
    border-bottom: 1px solid rgba(212,160,74,0.1) !important;
}

.mx_RoomView_body,
.mx_MessageComposer {
    background: #0b1a2d !important;
}

.mx_MessageComposer_wrapper {
    border-top: 1px solid rgba(212,160,74,0.1) !important;
}

.mx_AccessibleButton.mx_AccessibleButton_kind_primary {
    background: linear-gradient(135deg, #d4a04a, #f0c060) !important;
    border: none !important;
    color: #0b1a2d !important;
    font-weight: 600 !important;
}

.mx_NotificationBadge {
    background-color: #d4a04a !important;
}

a:not([class]) {
    color: #d4a04a;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #091525; }
::-webkit-scrollbar-thumb { background: rgba(212,160,74,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,160,74,0.5); }

.mx_RoomSublist_headerContainer { color: #718096 !important; }

.mx_RoomTile:hover { background: rgba(212,160,74,0.08) !important; }
.mx_RoomTile.mx_RoomTile_selected,
.mx_RoomTile[aria-selected='true'] { background: rgba(212,160,74,0.12) !important; }

.mx_SearchBar,
.mx_RoomSearch {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(212,160,74,0.15) !important;
}

.mx_Dialog {
    background: #0d1f35 !important;
    border: 1px solid rgba(212,160,74,0.15) !important;
}

.mx_TabbedView_tabPanel { background: #0b1a2d !important; }
.mx_TabbedView_tabLabel_active {
    color: #d4a04a !important;
    background: rgba(212,160,74,0.1) !important;
}