.comments-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.comments-popup{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:600px;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.comments-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-dark);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.comments-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.comments-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.5rem;transition:all .2s}.comments-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.comments-content{max-height:400px;padding:16px 20px;overflow-y:auto}.comments-loading{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comments-list{flex-direction:column;gap:16px;display:flex}.no-comments{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.comment-item{background:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:8px;padding:12px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.comment-author{color:var(--color-text-primary);font-size:14px;font-weight:600}.comment-time{color:var(--color-text-secondary);font-size:12px}.comment-delete{color:var(--color-error);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;transition:background-color .2s}.comment-delete:hover{background:var(--color-error);color:#fff}.comment-text{color:var(--color-text-primary);margin-bottom:8px;line-height:1.5}.comment-images{flex-wrap:wrap;gap:8px;display:flex}.comment-image{object-fit:cover;cursor:pointer;border-radius:6px;width:80px;height:80px;transition:transform .2s}.comment-image:hover{transform:scale(1.05)}.comments-input{border-top:1px solid var(--color-border);background:var(--color-surface-dark);padding:16px 20px}.comment-form{flex-direction:column;gap:12px;display:flex}.comment-textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);resize:vertical;border-radius:6px;min-height:60px;padding:12px;font-family:inherit;font-size:14px}.comment-textarea:focus{border-color:var(--color-primary);outline:none}.image-previews{flex-wrap:wrap;gap:8px;display:flex}.image-preview{width:60px;height:60px;position:relative}.image-preview img{object-fit:cover;border-radius:6px;width:100%;height:100%}.remove-image{background:var(--color-error);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-6px;right:-6px}.comment-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.add-image-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.add-image-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-text-primary)}.add-image-btn:disabled{opacity:.5;cursor:not-allowed}.submit-comment-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.submit-comment-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.submit-comment-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-progress{flex-direction:column;gap:8px;display:flex}.progress-bar{background:var(--color-border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.upload-progress span{color:var(--color-text-secondary);text-align:center;font-size:12px}.comments-auth-prompt{text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding:20px}@media (max-width:768px){.comments-popup{max-width:95vw;max-height:90vh}.comments-content{max-height:300px}.comment-actions{flex-direction:column;align-items:stretch}.add-image-btn,.submit-comment-btn{width:100%}}
.report-details-overlay{z-index:1000;background-color:#00000080;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:769px){.report-details-overlay{justify-content:flex-end;align-items:center}}@media (max-width:768px){.report-details-overlay{justify-content:center;align-items:flex-end;padding-bottom:0}}.report-details-popup{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}@media (min-width:769px){.report-details-popup{border-radius:12px 0 0 12px;width:30vw;min-width:350px;max-width:450px;max-height:90vh;margin-right:20px}}@media (max-width:768px){.report-details-popup{border-radius:24px 24px 0 0;width:100%;max-width:none;max-height:85vh;margin-bottom:0}}.report-details-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-dark);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.report-details-title{align-items:center;gap:8px;display:flex}.report-category-icon{font-size:20px}.report-category-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.report-details-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.5rem;transition:all .2s}.report-details-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.report-details-content{max-height:400px;padding:20px;overflow-y:auto}.report-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.report-author{color:var(--color-text-primary);font-weight:500}.report-time,.report-distance{color:var(--color-text-secondary)}.report-description{color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:16px;line-height:1.5}.report-images-grid{flex-flow:row;gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.popup-image-thumbnail{cursor:pointer;border-radius:6px;flex-shrink:0;width:80px;height:80px;transition:transform .2s;position:relative;overflow:hidden}.popup-image-thumbnail:hover{transform:scale(1.05)}.popup-image-thumbnail img{object-fit:cover;width:100%;height:100%}.report-image{margin-bottom:16px}.report-image img{object-fit:cover;cursor:pointer;border-radius:6px;width:100%;height:200px;transition:transform .2s}.report-image img:hover{transform:scale(1.02)}.report-location{color:var(--color-text-secondary);margin-bottom:16px;font-size:14px}.report-details-footer{border-top:1px solid var(--color-border);background:var(--color-surface-dark);padding:16px 20px}.report-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.voting-section{gap:8px;display:flex}.vote-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:80px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.vote-button:hover:not(:disabled){background:var(--color-surface-dark);border-color:var(--color-primary)}.vote-button:disabled{opacity:.5;cursor:not-allowed}.vote-button.confirm.active{background:var(--color-success);color:#fff;border-color:var(--color-success)}.vote-button.reject.active{background:var(--color-error);color:#fff;border-color:var(--color-error)}.vote-count{font-size:12px;font-weight:600}.comments-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.comments-button:hover{background:var(--color-surface-dark);border-color:var(--color-primary);color:var(--color-text-primary)}.auth-prompt{text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:6px;margin-top:12px;padding:8px;font-size:14px}.image-modal-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.image-modal{background:var(--color-surface);border-radius:12px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d}.image-modal img{object-fit:contain;width:100%;height:100%;display:block}.image-modal-close{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px}.image-modal-close:hover{background:#000000e6}@media (max-width:768px){.report-details-popup{max-width:95vw;max-height:90vh}.report-details-content{max-height:300px}.report-actions{flex-direction:column;align-items:stretch;gap:12px}.voting-section,.comments-button{justify-content:center}.popup-image-thumbnail{width:60px;height:60px}}
/*# sourceMappingURL=5c63bd8ac6daea65.css.map*/