/*
 * stammtisch-popup.css
 * Shared styling for the StammtischPopup component (stammtisch-popup.js).
 * Matches the warm brown/green/cream palette used across the Stammtisch pages.
 */
.sp-header{display:flex;gap:14px;align-items:center;position:relative;padding-right:34px;}
.sp-verify-badge{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #d8d0bd;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;cursor:pointer;color:#d8d0bd;}
.sp-verify-badge:hover{border-color:#1fae7a;color:#1fae7a;}
.sp-verify-badge.verified{border-color:#1fae7a;background:#1fae7a;color:#fff;}
.sp-verify-badge.verified:hover{border-color:#188a5f;background:#188a5f;}
.sp-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.sp-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:#e5ddc8;display:flex;align-items:center;justify-content:center;color:#8a7350;font-size:28px;flex-shrink:0;}
.sp-header h2{margin:0;color:#4a3f2f;font-size:20px;}
.sp-sub{color:#8a7350;font-size:13px;margin-top:2px;}
.sp-occupation{color:#1fae7a;font-size:13px;font-style:italic;margin-top:2px;}
.sp-missing-evidence{opacity:.35;filter:grayscale(1);}
.sp-notes{background:#f7f3ea;border-radius:8px;padding:10px 12px;margin-top:12px;font-size:13px;color:#4a3f2f;white-space:pre-wrap;}

.sp-section{margin-top:16px;}
.sp-section h4{margin:0 0 6px;color:#8a7350;font-size:12px;text-transform:uppercase;letter-spacing:.5px;}
.sp-empty{color:#a09378;font-style:italic;font-size:13px;margin:0;}

.sp-event-section{margin-top:16px;border:1px solid #e5ddc8;border-radius:10px;padding:12px;background:#fffdf8;}
.sp-event-section h4{margin:0 0 8px;color:#4a3f2f;font-size:13px;}
.sp-event-birth{border-left:4px solid #7fb8d6;}
.sp-event-marriage{border-left:4px solid #1fae7a;}
.sp-event-death{border-left:4px solid #8a7350;}
.sp-media-label{font-size:11px;color:#a09378;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;}

.sp-chip-row{display:flex;flex-wrap:wrap;gap:6px;}
.sp-chip{display:inline-flex;align-items:center;background:#f0ece0;border-radius:16px;padding:5px 12px;font-size:13px;color:#4a3f2f;}
.sp-chip a{color:#1a6d4d;text-decoration:none;}
.sp-chip>span:first-child{cursor:pointer;}
.sp-chip-remove{margin-left:8px;color:#c0524a;font-weight:700;cursor:pointer;}
.sp-chip-remove:hover{color:#96382f;}
.sp-add-source{margin-left:6px;color:#1fae7a;font-size:11px;cursor:pointer;text-decoration:underline;}

.sp-thumb-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.sp-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;cursor:pointer;border:1px solid #e5ddc8;}
.sp-thumb-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;}
.sp-thumb-event{font-size:10px;width:64px;padding:1px;border:1px solid #e5ddc8;border-radius:4px;background:#fff;color:#4a3f2f;}

.sp-add-btn{margin-top:8px;background:none;border:1px dashed #1fae7a;color:#1fae7a;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;}
.sp-add-btn:hover{background:#eef8f2;}

.sp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}

.popup-x {
    position: absolute; top: 10px; right: 12px; z-index: 10;
    background: none; border: none; font-size: 34px; cursor: pointer; color: #e8382c;
    line-height: 1; font-weight: 700;
}
.popup-x:hover { color: #c41e12; }
.sp-verified-label {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 12px; font-weight: 700; color: #1a6d4d;
    background: #d9f2e6; border-radius: 10px; padding: 2px 10px;
    margin-top: 6px;
}