/* =====================================================
   DEVFORGE DLE ENGINE CSS
   Customized for DevForge Premium Developer Hub
   ===================================================== */

/* Loading Layer */
#loading-layer { 
    background: #10b981 !important; 
    padding: 10px 20px !important; 
    text-align: center; 
    color: #09090b !important; 
    border-radius: 12px !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

/* BB-Codes: Quotes & Blocks */
.quote, blockquote { 
    padding: 20px; 
    background: #18181b; 
    border-left: 2px solid #10b981; 
    border-radius: 0 16px 16px 0;
    margin: 20px 0;
    font-style: italic;
    color: #a1a1aa;
}

.scriptcode, pre code { 
    padding: 20px; 
    background: #09090b; 
    border: 1px solid #27272a; 
    border-radius: 12px;
    display: block;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 11px;
    color: #10b981;
    overflow-x: auto;
    margin: 20px 0;
}

.title_quote, .title_spoiler { 
    font-weight: 800; 
    font-size: 10px; 
    text-transform: uppercase; 
    letter-spacing: 0.1em;
    color: #71717a;
    margin-bottom: 4px;
    margin-left: 4px;
}

.text_spoiler { 
    background: #18181b; 
    border: 1px solid #27272a; 
    padding: 20px; 
    border-radius: 12px;
    margin-bottom: 20px;
}

.hide { 
    background: #18181b; 
    padding: 30px; 
    color: #71717a; 
    margin: 20px 0; 
    border: 1px dashed #27272a;
    border-radius: 16px;
    text-align: center;
    font-size: 12px;
}

.hide a { color: #10b981; font-weight: 800; text-decoration: none; }
.hide a:hover { text-decoration: underline; }

/* PM Tables & Userlist */
.userstop td, .pm td.pm_list, .pm th.pm_head {
    border-bottom: 1px solid #18181b;
    padding: 14px 10px;
}

.pm th.pm_head {
    font-weight: 800;
    font-size: 11px;
    color: #71717a;
    text-transform: uppercase;
    text-align: left;
}

.pm_list { font-size: 12px; color: #a1a1aa; }
.pm tr:hover { background: #18181b50; }
/* Modification de la conception du spoiler */
.text_spoiler {
    display: none;
}

/* Correction de la mise en page du calendrier */
.monthselect-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3em;
}
.monthselect-title {
	display: inline-block;
}

/* Correction de la mise en page de l'éditeur lors de la modification rapide des publications */
.dlepopupnewsedit .wseditor{
    border-top: none;
}

.dlepopupnewsedit .tox .tox-toolbar-overlord {
    background-color: #f7f7f7;
}