/*
   AS-CMS Plugin-CSS
   Plugin: messages
   Datei: messages.css
   Automatisch erzeugt durch css_umstellung.php
*/


/* ============================================================
   Übernommenes Inline-CSS aus PHP-Datei
   Quelle: frontend_messages.php
   ============================================================ */

.messages-frontend { max-width:1000px; margin:20px auto; background:#fff; color:#222; border:1px solid #ddd; border-radius:8px; padding:20px; font-family:Arial,sans-serif; }
.messages-frontend h2 { margin-top:0; color:#007acc; }
.messages-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.messages-tabs a { padding:8px 10px; border-radius:5px; background:#e8f1f8; color:#255f83; text-decoration:none; font-weight:bold; }
.messages-tabs a.active { background:#007acc; color:#fff; }
.messages-table { width:100%; border-collapse:collapse; }
.messages-table th, .messages-table td { border:1px solid #ddd; padding:9px; text-align:left; vertical-align:top; }
.messages-table th { background:#007acc; color:#fff; }
.messages-table tr:nth-child(even) { background:#f6f9fb; }
.messages-frontend label { display:block; margin-top:12px; font-weight:bold; }
.messages-frontend input, .messages-frontend select, .messages-frontend textarea { width:100%; box-sizing:border-box; padding:9px; border:1px solid #bbb; border-radius:5px; margin-top:5px; }
.messages-frontend textarea { min-height:180px; }
.messages-frontend button { padding:8px 12px; border:0; border-radius:5px; background:#007acc; color:#fff; cursor:pointer; font-weight:bold; }
.messages-frontend button:hover { background:#005f99; }
.messages-message { padding:10px; border-radius:5px; margin:10px 0; font-weight:bold; }
.messages-message.success { background:#e6f6e8; color:#1f7a32; }
.messages-message.error { background:#fdeaea; color:#b42318; }
.message-read-box { padding:15px; border:1px solid #d8e6f0; border-radius:8px; background:#f8fbfd; }
.message-body { margin-top:15px; padding:14px; background:#fff; border:1px solid #ddd; border-radius:6px; }


/* ============================================================
   Übernommenes Inline-CSS aus PHP-Datei
   Quelle: manage.php
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

.messages-plugin {
    font-family: Arial, sans-serif;
    color: #222;
    background: #fff;
    padding: 15px;
}

.messages-header {
    margin-bottom: 1em;
    border-bottom: 2px solid #007acc;
}

.messages-header h3 {
    margin: 0;
    color: #007acc;
}

.container-flex {
    display: flex;
    gap: 20px;
    width: 100%;
}

.sidebar {
    width: 220px;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 6px;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar ul li {
    margin-bottom: 1em;
}

.sidebar ul li a.button-link {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.sidebar ul li a.button-link.btn-secondary {
    background-color: #555;
    color: #fff;
}

.sidebar ul li a.button-link.btn-secondary:hover,
.sidebar ul li a.button-link.btn-secondary.active {
    background-color: #444;
}

.content-area {
    flex: 1 1 auto;
    min-width: 0;
}

.messages-panel h4 {
    margin-top: 0;
    color: #007acc;
}

.messages-form {
    max-width: 600px;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.messages-form label {
    display: block;
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: bold;
}

.messages-form select,
.messages-table input[type="text"] {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

.messages-table {
    width: 100%;
    border-collapse: collapse;
}

.messages-table th,
.messages-table td {
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: top;
    text-align: left;
}

.messages-table th {
    background: #3399ff;
    color: #fff;
    user-select: none;
}

.messages-table tr:nth-child(even) {
    background: #f7f7f7;
}

.checkbox-label {
    display: block;
    margin-top: 6px;
    font-weight: normal;
}

.btn-primary {
    margin-top: 15px;
    background: #007acc;
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 1em;
    cursor: pointer;
}

.messages-table .btn-primary {
    margin-top: 0;
    white-space: nowrap;
}

.btn-primary:hover {
    background: #005f99;
}

.status-blocked {
    color: #b42318;
}

.status-free {
    color: #1f7a32;
    font-weight: bold;
}

.msg-success,
.msg-error {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.msg-success {
    background: #e6f6e8;
    color: #1f7a32;
}

.msg-error {
    background: #fdeaea;
    color: #b42318;
}

.messages-footer {
    margin-top: 2em;
    text-align: center;
    font-size: 0.9em;
    color: #666;
    background-color: #F4F4F4;
    padding: 5px 0;
}

@media (max-width: 720px) {
    .container-flex {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        margin-bottom: 15px;
    }
}