/* --- Оверлей --- */
        .report-issue-overlay {
            position: fixed;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .report-issue-overlay.visible {
            opacity: 1;
            visibility: visible;
        }
        .report-issue-overlay.visible .report-issue-modal,
        .report-issue-overlay.visible .success-dialog,
        .report-issue-overlay.visible .confirmation-dialog {
            transform: scale(1);
            opacity: 1;
        }

        /* --- Базовый стиль модальных окон --- */
        .report-issue-modal, .success-dialog, .confirmation-dialog {
            background-color: #1A1A1A;
            color: #EAEAEA;
            width: 90%;
            max-width: 500px;
            padding: 2rem;
            border-radius: 28px;
            border: 1px solid #333;
            opacity: 0;
            transform: scale(0.98);
            transition: transform 0.3s ease, opacity 0.3s ease;
            position: relative;
        }

        /* --- Заголовки и текст --- */
        .report-issue-modal h2, .success-dialog h2, .confirmation-dialog h2 {
            margin: 0 0 2rem 0;
            text-align: center;
            font-size: 1.5rem;
            font-weight: 500;
            color: #fff;
        }
        .success-dialog p, .confirmation-dialog p {
            color: #aaa;
            margin: 1rem 0 2rem 0;
            text-align: center;
            line-height: 1.6;
        }

        /* --- Элементы формы --- */
        .form-group {
            margin-bottom: 1.5rem;
        }
        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            color: #aaa;
            font-size: 0.9rem;
        }
        input[type="email"], textarea {
            width: 100%;
            padding: 0.8rem 1rem;
            background-color: #111;
            border: 1px solid #444;
            border-radius: 6px;
            color: #EAEAEA;
            font-size: 1rem;
            box-sizing: border-box;
            transition: border-color 0.2s ease, background-color 0.2s ease;
        }
        input[type="email"]:focus, textarea:focus {
            outline: none;
            border-color: #EAEAEA;
            background-color: #151515;
        }
        textarea {
            resize: vertical;
            min-height: 120px;
            max-height: 300px;
        }

        /* --- Предпросмотр файла --- */
        #issueAttachment { display: none; }

        .attachment-label {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 1.5rem 1rem;
            border: 1px dashed #555;
            border-radius: 6px;
            color: #888;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .attachment-label:hover {
            border-color: #aaa;
            color: #aaa;
            background-color: #222;
        }

        #imagePreviewContainer {
            display: none; /* Показывается через JS */
        }

        .file-chip {
            display: flex;
            align-items: center;
            background-color: #2a2a2a;
            border: 1px solid #444;
            border-radius: 6px;
            padding: 0.5rem;
            width: -webkit-fill-available;
        }
        .file-chip-thumbnail {
            width: 40px;
            height: 40px;
            border-radius: 4px;
            object-fit: cover;
            margin-right: 0.75rem;
        }
        .file-chip-name {
            flex-grow: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 0.9rem;
            color: #ccc;
        }
        .file-chip-remove {
            flex-shrink: 0;
            margin-left: 0.75rem;
            background: none;
            border: none;
            color: #888;
            font-size: 1.5rem;
            line-height: 1;
            cursor: pointer;
            transition: color 0.2s ease;
        }
        .file-chip-remove:hover {
            color: #fff;
        }

        /* --- Кнопки --- */
        .submit-btn, .confirmation-buttons button {
            width: 100%;
            padding: 0.8rem 1rem;
            border: none;
            border-radius: 6px;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .submit-btn {
            background-color: #f0f0f0;
            color: #111;
        }
        .submit-btn:hover:not(:disabled) {
            background-color: #fff;
        }
        .submit-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        .confirmation-buttons {
            display: flex;
            gap: 1rem;
        }
        .confirm-btn-yes {
            background-color: #b91c1c;
            color: #fff;
        }
        .confirm-btn-yes:hover {
            background-color: #991b1b;
        }
        .confirm-btn-no {
            background-color: #333;
            color: #fff;
        }
        .confirm-btn-no:hover {
            background-color: #444;
        }

        /* --- Окно успеха --- */
        .success-dialog {
            text-align: center;
        }
        .success-icon {
            width: 50px;
            height: 50px;
            margin: 0 auto 1.5rem;
            background-color: #333;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .success-icon svg {
            width: 28px;
            height: 28px;
            color: #34d399; /* Зеленый */
        }

        /* --- Крестик закрытия --- */
        .close-btn {
            position: absolute;
            top: 0.75rem;
            right: 0.75rem;
            background: none;
            border: none;
            font-size: 1.75rem;
            color: #777;
            cursor: pointer;
            transition: color 0.2s ease;
        }
        .close-btn:hover {
            color: #fff;
        }