/* ============================================================
   One-Page Management – Two-Panel Layout
   ============================================================ */

.opm-panel {
    min-height: 72vh;
}

.opm-left {
    max-height: 72vh;
}

.opm-list {
    overflow-y: auto;
}

.opm-right {
    max-height: 72vh;
    overflow-y: auto;
}

/* ============================================================
   Primärfarbe: #00a26e
   ============================================================ */

:root {
    --bs-primary:     #00a26e;
    --bs-primary-rgb: 0, 162, 110;
}

/* Hintergrundfarbe */
.bg-primary {
    background-color: #00a26e !important;
}

/* Gefüllter Button */
.btn-primary {
    background-color: #00a26e;
    border-color:     #00a26e;
    color:            #fff;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #008a5e;
    border-color:     #008a5e;
    color:            #fff;
}
.btn-primary:active {
    background-color: #007350;
    border-color:     #007350;
}

/* Outline-Button */
.btn-outline-primary {
    color:        #00a26e;
    border-color: #00a26e;
}
.btn-outline-primary:hover {
    background-color: #00a26e;
    border-color:     #00a26e;
    color:            #fff;
}

/* Text + Border */
.text-primary    { color:        #00a26e !important; }
.border-primary  { border-color: #00a26e !important; }

/* Navbar */
.navbar.bg-primary {
    background-color: #00a26e !important;
}

/* Login-Seite: Card-Schatten etwas weicher */
.card.shadow-sm {
    box-shadow: 0 .125rem .5rem rgba(0, 162, 110, .12) !important;
}

/* Navbar-Logo */
.navbar-logo {
    height: 120px;
    width: auto;
    margin-left: 20px;
}

/* Navbar: vertikales Padding reduzieren */
nav.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

/* Auth-Layout: maximale Breite des Login-Containers */
.auth-container {
    max-width: 420px;
    padding: 1.5rem;
}

/* Dashboard / Settings: Kacheln */
.dashboard-tile {
    transition: transform .15s ease, box-shadow .15s ease;
    cursor: pointer;
}
.dashboard-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.25rem rgba(0, 162, 110, .18) !important;
}

.phone-dial-code-select {
    max-width: 220px;
}