/* ==========================================
   RMS V1 - Grundlayout
   ========================================== */

.wrap.rms-wrap{
    max-width:1600px;
}

.rms-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:linear-gradient(135deg,#111111,#1b1b1b);

    border-radius:14px;

    padding:25px 80px;

    margin-bottom:40px;

    min-height:180px;

    box-shadow:0 8px 24px rgba(0,0,0,.18);

    border-bottom:4px solid #c00000;

}

.rms-header-left{

    flex:0 0 55%;

    display:flex;

    justify-content:center;

    align-items:center;

    transform:translateX(0px);

}

.rms-logo{

    width:440px;

    max-width:100%;

    height:auto;

}

.rms-header-right{

    flex:0 0 45%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    color:#ffffff;
	
	padding-left:100px;

}

.rms-version{

    margin-top:16px;

    font-size:15px;

    line-height:1.8;

    color:#d0d0d0;

}

.rms-grid{

    display:flex;

    flex-wrap:wrap;

    gap:30px;

}
/* ==========================================
   RMS Card
   ========================================== */

.rms-card{

    display:flex;

    flex-direction:column;

    width:260px;

    min-height:280px;

    background:#ffffff;

    border:1px solid #d9d9d9;

    border-radius:12px;

    border-bottom:4px solid #c00000;

    padding:30px;

    text-decoration:none;

    color:#222;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    transition:all .20s ease;

}

.rms-card:hover{

    transform:translateY(-5px);

    border-color:#c40000;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}

.rms-card-icon{

    font-size:46px;

    margin-bottom:20px;

}

.rms-card-title{

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.rms-card-text{

    color:#666;

    line-height:1.6;

}

.rms-card.rms-card-links{

    cursor:default;

}

.rms-card-link-list{

    display:flex;

    flex-direction:column;

    gap:9px;

    margin-top:auto;

    padding-top:20px;

    border-top:1px solid #ececec;

}

.rms-card-link{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:10px 12px;

    background:#f8f8f8;

    border:1px solid #dedede;

    border-radius:7px;

    color:#252525;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;

}

.rms-card-link::after{

    content:'›';

    color:#c00000;

    font-size:21px;

    line-height:.8;

}

.rms-card-link:hover{

    background:#fff5f5;

    border-color:#c00000;

    color:#b00000;

    transform:translateX(3px);

}

/* ==========================================
   Dashboard
   ========================================== */

.rms-section{

    margin-bottom:35px;

}

.rms-section h2{

    margin:0;

    font-size:28px;

    color:#222;

}

.rms-section p{

    margin:8px 0 0;

    color:#777;

    font-size:15px;

}

/* ==========================================
   Card Status
   ========================================== */

.rms-card-status{

    margin-top:24px;

    padding-top:18px;

    border-top:1px solid #e5e5e5;

}

.rms-status-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:8px;

    font-size:14px;

}

.rms-status-row:last-child{

    margin-bottom:0;

}

.rms-status-row span{

    color:#666;

}

.rms-status-row strong{

    color:#c00000;

    font-size:16px;

}

.rms-paddock-legend { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 8px; }
.rms-paddock-legend span { border:1px solid #6b7280; border-radius:999px; color:#111827; font-weight:600; padding:4px 10px; }
.rms-paddock-map-scroll { background:#e5e7eb; border:1px solid #c3c4c7; margin-top:14px; max-width:100%; overflow:auto; padding:10px; }
.rms-paddock-map { aspect-ratio:1190.58 / 841.92; background:#fff url('../Fahrerlager/Fahrerlager-1-Ortrand.png') center / 100% 100% no-repeat; min-width:1120px; position:relative; width:100%; }
.rms-paddock-marker { align-items:center; border:1px solid rgba(17,24,39,.8); border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.25); box-sizing:border-box; display:flex; flex-direction:column; height:28px; justify-content:center; line-height:1; min-width:28px; padding:2px 3px; position:absolute; transform:translate(-30%,-15%); z-index:2; }
.rms-paddock-marker small { font-size:8px; font-weight:700; }
.rms-paddock-marker strong { font-size:13px; }
.rms-paddock-marker.is-open { display:none; }
.rms-paddock-marker.is-open, .rms-paddock-legend .is-open { background:rgba(255,255,255,.88); }
.rms-paddock-marker.is-reserved, .rms-paddock-legend .is-reserved { background:#f6ad2f; }
.rms-paddock-marker.is-assigned, .rms-paddock-legend .is-assigned { background:#57c96b; }
.rms-paddock-marker.is-blocked, .rms-paddock-legend .is-blocked { background:#e05252; color:#fff; }
.rms-paddock-marker:hover, .rms-paddock-marker:focus { outline:3px solid #2271b1; z-index:5; }
.rms-public-paddock { background:#eef1f4; color:#111827; min-height:70vh; padding:32px 16px 48px; }
.rms-public-paddock__inner { margin:0 auto; max-width:1500px; }
.rms-public-paddock h1 { font-size:clamp(28px,4vw,44px); margin:0 0 8px; }
.rms-public-paddock__intro { font-size:17px; margin:0 0 14px; }
.rms-public-paddock__note { color:#4b5563; font-size:14px; margin:12px 0 0; }
@media (max-width:700px) {
    .rms-public-paddock { padding:20px 8px 36px; }
    .rms-public-paddock__intro { font-size:15px; }
    .rms-paddock-map-scroll { padding:6px; }
}
/* RMS 0.9.1 – kompakte Kennzahlen und einheitliche Modulflächen */
.rms-card-status{margin-top:auto;padding-top:18px;}
.rms-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,220px));gap:16px;margin:0 0 24px;}
.rms-metric{align-items:center;background:#fff;border:1px solid #d9d9d9;border-bottom:3px solid #c00000;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.06);display:grid;grid-template-columns:42px 1fr auto;min-height:68px;padding:12px 16px;}
.rms-metric-icon{font-size:28px;grid-row:1 / span 2;}
.rms-metric-label{color:#666;font-size:13px;font-weight:600;}
.rms-metric strong{color:#222;font-size:24px;grid-column:3;grid-row:1 / span 2;}
.rms-page-intro{margin-bottom:22px;}
.rms-panel{background:#fff;border:1px solid #d9d9d9;border-bottom:3px solid #c00000;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.06);box-sizing:border-box;margin:0 0 24px;padding:24px;}
.rms-panel h2{color:#222;font-size:23px;margin:0 0 7px;}
.rms-panel > p{color:#666;margin:0 0 18px;}
.rms-paddock-import{max-width:920px;}
.rms-inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.rms-inline-form .button{margin:0;}
.rms-data-table{border:0;box-shadow:none;margin-top:14px;}
.rms-data-table th{color:#555;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.rms-state-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 9px;}
.rms-state-badge.is-active{background:#dcfce7;color:#166534;}
.rms-state-badge.is-inactive{background:#f1f1f1;color:#666;}
.rms-paddock-map-section .rms-paddock-map-scroll{border-radius:8px;}
.rms-paddock-audit details{background:#fafafa;border:1px solid #e2e2e2;border-radius:8px;padding:11px 14px;}
.rms-paddock-audit details + details{margin-top:10px!important;}
.rms-paddock-audit summary{cursor:pointer;}
@media (max-width:700px){
    .rms-metric-grid{grid-template-columns:1fr;gap:10px;}
    .rms-metric{min-height:58px;}
    .rms-panel{padding:18px 14px;}
}