.wp-sjp-model-dashboard {
    max-width:1100px;
    margin:20px auto;
    padding:16px;
    background:#111;
    color:#eee;
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.5);
    box-sizing:border-box;
    font-size:14px;
}

.wp-sjp-md-header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-bottom:16px;
}

.wp-sjp-md-title {
    display:flex;
    align-items:center;
    gap:10px;
}

.wp-sjp-md-avatar {
    width:50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
    background:#222;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:20px;
}

.wp-sjp-md-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
}

.wp-sjp-md-title-text h2 {
    margin:0 0 3px;
    font-size:18px;
}

.wp-sjp-md-username {
    margin:0;
    font-size:13px;
    color:#aaa;
}

.wp-sjp-md-mini-player {
    flex:0 0 260px;
}

.wp-sjp-md-mini-label {
    font-size:12px;
    margin-bottom:4px;
    color:#ccc;
}

#wp-sjp-mini-player {
    width:100%;
    max-height:150px;
    background:#000;
}

/* уведомления */

.wp-sjp-md-notices {
    margin-bottom:12px;
}

.wp-sjp-notice {
    padding:6px 10px;
    border-radius:4px;
    font-size:13px;
    margin-bottom:4px;
}

.wp-sjp-notice.success {
    background:#1b5e20;
    color:#e8f5e9;
}

/* колонки */

.wp-sjp-md-columns {
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.wp-sjp-md-col {
    background:#151515;
    border-radius:6px;
    padding:10px;
    box-sizing:border-box;
}

.wp-sjp-md-profile {
    flex:1;
}

.wp-sjp-md-chats {
    flex:1.4;
}

/* формы */

.wp-sjp-md-form p {
    margin:0 0 8px;
}

.wp-sjp-md-form label {
    display:block;
    margin-bottom:2px;
    font-size:12px;
    color:#bbb;
}

.wp-sjp-md-form input[type="text"],
.wp-sjp-md-form input[type="number"],
.wp-sjp-md-form textarea {
    width:100%;
    box-sizing:border-box;
    background:#111;
    border:1px solid #333;
    color:#eee;
    border-radius:3px;
    padding:4px 6px;
    font-size:13px;
}

.wp-sjp-md-form textarea {
    resize:vertical;
}

.wp-sjp-md-inline {
    display:flex;
    flex-direction:column;
    max-width:120px;
}

.wp-sjp-md-btn,
.wp-sjp-md-btn-primary {
    display:inline-block;
    padding:5px 12px;
    font-size:13px;
    border-radius:4px;
    border:none;
    cursor:pointer;
}

.wp-sjp-md-btn {
    background:#333;
    color:#eee;
}

.wp-sjp-md-btn-primary {
    background:#e53935;
    color:#fff;
}

/* карточки чата в кабинете */

.wp-sjp-md-card {
    margin-bottom:16px;
    padding:8px;
    background:#181818;
    border-radius:6px;
}

.wp-sjp-md-card h3,
.wp-sjp-md-card h4 {
    margin:0 0 6px;
    font-size:15px;
}

.wp-sjp-md-messages {
    max-height:260px;
    overflow-y:auto;
    border:1px solid #252525;
    border-radius:4px;
    padding:6px;
    margin-bottom:6px;
    font-size:12px;
}

.wp-sjp-md-message {
    border-bottom:1px solid #252525;
    padding:4px 2px;
}

.wp-sjp-md-message:last-child {
    border-bottom:none;
}

.wp-sjp-md-message-meta {
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    font-size:11px;
    color:#aaa;
}

.wp-sjp-md-message-text {
    margin-top:2px;
    color:#eee;
    word-wrap:break-word;
}

.wp-sjp-md-message-ip {
    color:#888;
}

.wp-sjp-md-message-date {
    margin-left:auto;
    color:#777;
}

@media (max-width: 900px) {
    .wp-sjp-md-columns {
        flex-direction:column;
    }
    .wp-sjp-md-header {
        flex-direction:column;
        align-items:flex-start;
    }
}