/**
 * DCP MISSION CONTROL - DEFIANT II
 * DESIGN-GESETZ (ERBAUER-VERSION)
 */
:root { 
    --cyan: #00FFFF; --yellow: #FFFF00; --red: #FF0000; --bg: #000; --border: #111; 
}

body { 
    background: var(--bg); color: #fff; font-family: 'Courier New', monospace; 
    margin: 0; display: flex; flex-direction: column; height: 100vh; overflow: hidden; 
}

/* HEADER: GENAU 150PX */
.main-header { 
    height: 150px; display: flex; align-items: center; justify-content: space-between; 
    padding: 0 40px; border-bottom: 2px solid var(--border); box-sizing: border-box;
}
.header-left { display: flex; align-items: center; gap: 30px; }
.logo-prime { height: 110px; }
.header-title { color: var(--cyan); font-size: 28pt; font-weight: bold; font-style: italic; letter-spacing: 2px; }
.dcp-logo { height: 80px; }

.system-wrapper { display: flex; flex: 1; height: calc(100vh - 150px); }

/* SIDEBAR: GENAU 300PX */
.sidebar { 
    width: 300px; border-right: 1px solid var(--border); padding: 25px; 
    display: flex; flex-direction: column; box-sizing: border-box; 
}
.sidebar-nav { color: var(--cyan); font-size: 16pt; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; }
.search-field { background: #000; border: 1px solid #222; color: var(--cyan); padding: 10px; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.db-entry { color: #444; padding: 10px 0; cursor: pointer; text-transform: uppercase; font-size: 10pt; border-bottom: 1px solid #050505; }
.db-entry:hover { color: var(--cyan); }
.btn-new-profil { background: var(--cyan); color: #000; display: block; padding: 15px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; }

/* CONTENT VIEWPORT */
.content-viewport { flex: 1; padding: 60px; overflow-y: auto; background: #000; }
.stage-container { margin-bottom: 100px; width: 100%; }
.stage-h { font-size: 42pt; font-weight: bold; margin-bottom: 40px; text-transform: uppercase; }
.s1-color { color: var(--yellow); }
.s2-color { color: var(--red); }

.control-row { 
    display: flex; align-items: center; justify-content: space-between; 
    background: rgba(255, 255, 255, 0.02); padding: 25px 40px; 
    border-left: 5px solid #222; margin-bottom: 15px;
}
.kmu-name { font-size: 18pt; font-weight: bold; text-transform: uppercase; color: #fff; flex: 1; }

/* BUTTONS */
.button-group { display: flex; gap: 15px; }
.btn-cmd { 
    text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 10pt; 
    padding: 12px 20px; border: 1px solid rgba(255,255,255,0.1); color: #ccc; cursor: pointer;
}
.btn-cmd:hover { background: #fff; color: #000; }
.btn-diag { color: var(--yellow); border-color: var(--yellow); }
.btn-act { background: var(--cyan); color: #000; border: none; }
.btn-prime { background: var(--red); color: #fff; border: none; }

/* PROFILE MANAGEMENT FORM (KORREKTUR FÜR B35.JPG) */
.profile-title { color: var(--cyan); margin-bottom: 40px; text-transform: uppercase; font-size: 24pt; }
.profile-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; }
.field-group { display: flex; flex-direction: column; gap: 8px; }
.field-group label { color: #555; font-size: 10pt; font-weight: bold; }
.field-group input, .prime-select, .field-group textarea { 
    background: #000; border: 1px solid #222; color: #fff; padding: 12px; font-family: inherit; font-size: 12pt; 
}
.field-group input[readonly] { color: #888; border-color: #111; }
.span-full { grid-column: span 3; }

.profile-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #111; }
.btn-delete { background: #fff; color: #000; border: none; padding: 12px 20px; font-weight: bold; cursor: pointer; }
.action-right { display: flex; gap: 15px; }
.btn-close { background: #333; color: #fff; padding: 12px 20px; text-decoration: none; font-weight: bold; }
.btn-save-prime { background: var(--cyan); color: #000; border: none; padding: 12px 30px; font-weight: bold; cursor: pointer; }