/* Protokoll — Bauprotokoll-Ansichten
   Teil von style.css (W2, Schnitt E — AK 60: keine Datei ueber 200 Zeilen).
   Einbindungsreihenfolge zaehlt: siehe index.html. */

/* ============ BAUPROTOKOLL ============ */
.bp-map-controls {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.bp-map-controls input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 13px;
    background: var(--bg-input);
    color: var(--text-primary);
}

.bp-map-controls input:focus { outline: none; border-color: var(--accent); }

.string-mess-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.string-mess-table th {
    text-align: left;
    padding: 6px 8px;
    color: var(--text-muted);
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border);
}

.string-mess-table td {
    padding: 4px 6px;
    border-bottom: 1px solid rgba(51,65,85,0.3);
}

.string-mess-table input, .string-mess-table select {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 12px;
    background: var(--bg-input);
    color: var(--text-primary);
}






.unterschrift-box {
    background: var(--bg-surface);
    border-radius: var(--radius);
    padding: 16px;
    text-align: center;
}

.unterschrift-box h4 {
    font-size: 13px;
    color: var(--text-primary);
    margin-bottom: 12px;
}

.wetter-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(59,130,246,0.15);
    color: var(--info);
}

.nav-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
    background: rgba(34,197,94,0.15);
    color: var(--success);
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all var(--transition);
}

.nav-btn:hover { background: rgba(34,197,94,0.3); }

.auto-assigned {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    background: rgba(168,85,247,0.15);
    color: var(--purple);
}

.webhook-info {
    background: var(--bg-surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius);
    padding: 12px 16px;
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 16px;
}

.webhook-info code {
    background: var(--bg-input);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    color: var(--accent);
}

.verantwortlichkeiten-matrix {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.verantwortlichkeiten-matrix th {
    text-align: left;
    padding: 8px 10px;
    color: var(--text-muted);
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.verantwortlichkeiten-matrix td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(51,65,85,0.3);
}