/* Lieferschein App – Custom Styles */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Logo in der Navbar */
.navbar-logo {
    height: 36px;
    width: auto;
    background: #fff;
    border-radius: 6px;
    padding: 3px 10px;
    display: block;
}

/* Logo auf Login-Seiten */
.login-logo {
    width: 220px;
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* PIN-Eingabe */
.letter-spacing-wide {
    letter-spacing: 0.4em;
    font-size: 1.5rem;
}

/* Unterschrift-Canvas */
#signature-canvas {
    display: block;
    background: #ffffff;
    border: 2px dashed #dee2e6 !important;
    border-radius: 0.375rem !important;
    transition: border-color 0.2s;
}

#signature-canvas:active,
#signature-canvas.signing {
    border-color: #0d6efd !important;
}

/* PDF Container */
#pdf-container {
    border-radius: 0;
}

#pdf-canvas {
    display: none;
    border-radius: 4px;
}

/* Liste */
.list-group-item {
    transition: background-color 0.15s;
}

.list-group-item:hover {
    background-color: #f0f7ff;
}

/* Navbar */
.navbar-brand {
    font-size: 1.1rem;
}

/* Mobile Optimierungen */
@media (max-width: 576px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    #signature-canvas {
        height: 150px !important;
    }

    .display-1 {
        font-size: 4rem;
    }
}

/* Countdown Bar */
#progress-bar {
    transition: width 1s linear;
}

/* Tabelle */
.table td, .table th {
    vertical-align: middle;
}

/* Cards */
.card {
    border: 1px solid rgba(0,0,0,0.08);
}