/* MME-Rollenmatrix - Styles */

.rollenmatrix-toptabs { display:flex; gap:4px; margin-bottom:0; }
.rm-toptab { padding:8px 18px; font-size:13px; font-weight:600; border-radius:6px 6px 0 0;
             background:#dfe6f0; color:#4a5568; text-decoration:none; display:inline-block; }
.rm-toptab.rm-active { background:#003366; color:#fff; }
.rm-toptab:hover { text-decoration:none; }

.rollenmatrix-rollentabs { display:flex; gap:6px; margin:14px 0 0; flex-wrap:wrap; }
.rm-rollentab { padding:10px 16px; border-radius:8px 8px 0 0; font-weight:600; font-size:13px;
                color:#fff; opacity:0.55; text-decoration:none; }
.rm-rollentab.rm-active { opacity:1; }
.rm-rollentab:hover { text-decoration:none; opacity:0.85; }

.rollenmatrix-panel { background:#fff; border-radius:0 8px 8px 8px; box-shadow:0 2px 8px rgba(0,51,102,0.10); padding:20px; }

.rollenmatrix-subtabs { display:flex; gap:8px; margin-bottom:16px; border-bottom:1px solid #d0d7e3; padding-bottom:10px; }
.rm-subtab { padding:6px 14px; border-radius:14px; font-size:12px; font-weight:600; background:#e8f0f9;
             color:#1a5fa8; text-decoration:none; }
.rm-subtab.rm-active { background:#1a5fa8; color:#fff; }
.rm-subtab:hover { text-decoration:none; }

.rollenmatrix-stufengrid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.rm-stufecol { background:#f5f7fb; border-radius:8px; padding:12px; border:1px solid #e2e8f0; }
.rm-stufelabel { font-size:11px; font-weight:700; color:#6b7280; text-transform:uppercase; margin-bottom:6px; }
.rm-ankerhint { font-size:11px; color:#8b95a5; font-style:italic; margin-bottom:8px; line-height:1.4;
                padding-bottom:8px; border-bottom:1px solid #eef1f6; }

.rm-eintragbox { background:#eef1f8; border-radius:6px; padding:8px 10px; margin-bottom:8px; }
.rm-eintragbox.rm-entwurf { background:#fff8e1; border:1px dashed #e6b800; }
.rm-eintragdatum { font-size:10px; font-weight:700; color:#4a5568; margin-bottom:4px; display:flex; justify-content:space-between; }
.rm-eintragtext { font-size:12px; color:#2d3748; line-height:1.4; white-space:pre-wrap; }
.rm-icons a { text-decoration:none; margin-left:4px; }

.rm-neu-textarea, .rm-inline-edit { width:100%; min-height:56px; border:1px solid #d0d7e3; border-radius:6px;
                                     padding:8px; font-size:12px; font-family:inherit; resize:vertical; }

.rm-savebar { margin-top:20px; padding:16px; background:#f5f7fb; border-radius:8px;
              display:flex; align-items:center; justify-content:space-between; gap:16px; }
.rm-saveinfo { font-size:11px; color:#6b7280; max-width:600px; line-height:1.5; }
.rm-savebtn { background:#003366; color:#fff; border:none; padding:12px 22px; border-radius:6px;
              font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
.rm-savebtn:hover { background:#00509e; }

/* Freigaben */
.rm-freigabeblock { padding:14px 0; border-bottom:1px solid #eef1f6; }
.rm-freigabeblock:last-of-type { border-bottom:none; }
.rm-freigabezeile { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; }
.rm-toggle { width:36px; height:20px; background:#c8d3e0; border-radius:10px; position:relative; cursor:pointer; flex-shrink:0; border:none; }
.rm-toggle.rm-on { background:#2e7d32; }
.rm-toggle::after { content:''; position:absolute; width:16px; height:16px; background:#fff; border-radius:50%; top:2px; left:2px; transition:left .15s; }
.rm-toggle.rm-on::after { left:18px; }
.rm-freigabemeta { font-size:11px; color:#6b7280; font-weight:400; margin-left:auto; }
.rm-datumfeld { margin-top:8px; margin-left:46px; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:400; color:#4a5568; }

.rm-peer-chip { display:flex; align-items:center; gap:8px; font-size:12px; background:#e8f5e9; padding:6px 10px;
                border-radius:6px; margin-top:6px; max-width:340px; }

.rm-logbox { background:#fff; border:1px solid #d0d7e3; border-radius:8px; padding:10px; font-family:Consolas,monospace;
             font-size:11px; color:#334155; max-height:160px; overflow-y:auto; margin-top:10px; }
.rm-logline { padding:4px 0; border-bottom:1px dashed #eef1f6; }
.rm-logline:last-child { border-bottom:none; }