/* Containeradministration */
body {
    min-height: 100vh;
    padding-bottom: env(safe-area-inset-bottom);
}

.navbar {
    padding-top: max(.5rem, env(safe-area-inset-top));
}

.kpi .fs-3, .kpi .fs-4 {
    line-height: 1.2;
}

a.card.kpi:hover {
    border-color: var(--bs-primary);
}

/* Tur-visning */
.trip-header {
    position: sticky;
    top: 62px;
    z-index: 1010;
}

@media (max-width: 1199.98px) {
    .trip-header {
        position: static;
    }
}

.nearby-alert {
    position: sticky;
    top: 70px;
    z-index: 1005;
}

.stop-card {
    transition: border-color .2s, box-shadow .2s;
    scroll-margin-top: 90px;
}

.stop-card.stop-near {
    border: 2px solid var(--bs-success);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}

.stop-card.stop-done > .card-header {
    background-color: rgba(var(--bs-success-rgb), .12);
}

body.hide-done .stop-card.stop-done {
    display: none;
}

.container-row.is-registered {
    background-color: rgba(var(--bs-success-rgb), .06);
}

.container-row .btn-fill {
    min-width: 3.2rem;
}

.container-row .btn,
.container-row .form-control {
    min-height: 2.75rem; /* store touch-mål */
}

.bags-input::-webkit-outer-spin-button,
.bags-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bags-input {
    -moz-appearance: textfield;
}

/* Lister */
.audit-details {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .8rem;
    background: var(--bs-tertiary-bg);
    padding: .5rem;
    border-radius: .375rem;
}

#audit-table tbody tr {
    cursor: pointer;
}

table.dataTable td.text-wrap {
    white-space: normal;
}

div.dt-container div.dt-search input {
    min-width: 16rem;
}

@media (max-width: 575.98px) {
    div.dt-container div.dt-search input {
        min-width: 0;
        width: 100%;
    }
}

.chart-box {
    position: relative;
    height: 280px;
}

.drag-handle {
    cursor: grab;
    font-size: 1.25rem;
}

.sortable-ghost {
    opacity: .4;
}

/* Udviklingssite: gul stribe øverst og tydeligt DEV-badge i navbar */
body.dev-site { border-top: 6px solid #ffc107; }
.dev-badge {
    background: #ffc107;
    color: #000;
    border: 2px solid #000;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .08em;
}

/* Loginside: Microsoft-knap, "eller" og chaufførlogin */
.login-title { color: #0f2470; }
[data-bs-theme="dark"] .login-title { color: #9fb3ff; }
.login-card { background: var(--bs-tertiary-bg); border-radius: .75rem; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .06); }
.login-ms { transition: box-shadow .15s, transform .15s; }
.login-ms:hover, .login-ms:focus { box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .12); transform: translateY(-1px); }
.login-divider { display: flex; align-items: center; gap: 1rem; color: var(--bs-secondary-color); }
.login-divider::before, .login-divider::after { content: ""; flex: 1; border-top: 1px solid var(--bs-border-color); }
.login-btn { background: #0f2470; border-color: #0f2470; color: #fff; }
.login-btn:hover, .login-btn:focus { background: #1a3399; border-color: #1a3399; color: #fff; }