.almas-feedback-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(var(--almas-glass-blur)); -webkit-backdrop-filter: blur(var(--almas-glass-blur)); z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 15px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.almas-feedback-overlay.almas-modal-show { opacity: 1; visibility: visible; }
.almas-feedback-overlay.almas-modal-show .almas-minimal-glass { opacity: 1; transform: translateY(0) scale(1); }
.almas-feedback-close { position: absolute; top: 12px; left: 12px; background: transparent !important; border: none !important; width: 28px; height: 28px; color: #64748b; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; box-shadow: none !important; margin: 0; outline: none; z-index: 10; padding: 0; }
@media (hover: hover) {
    .almas-feedback-close:hover { color: #1e293b; transform: scale(1.1); background: transparent !important; }
}
body.dark-mode .almas-feedback-close { color: #94a3b8; }
@media (hover: hover) {
    body.dark-mode .almas-feedback-close:hover { color: #f1f5f9; }
}
.almas-feedback-header-compact { margin-bottom: 16px; margin-top: 4px; }
.almas-feedback-header-compact h3 { margin: 0 0 4px; font-size: 16px; font-weight: 800; letter-spacing: -0.5px; }
.almas-feedback-header-compact p { margin: 0; font-size: 11px; opacity: 0.8; font-weight: 600; }
.almas-submit-feedback-btn-glass { flex: 1.5; background: #3b82f6; color: #fff !important; border: none; height: 38px; border-radius: var(--almas-radius-button, 20px); font-weight: 700; font-size: 13px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s, background 0.2s; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(59,130,246,0.25); margin: 0; outline: none; will-change: transform; }
@media (hover: hover) {
    .almas-submit-feedback-btn-glass:hover { background: #2563eb; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(59,130,246,0.35); }
}
.almas-submit-feedback-btn-glass:disabled { opacity: 0.7; cursor: wait; transform: none; box-shadow: none; }
.almas-feedback-success-msg-glass { padding: 30px 0; }
.almas-feedback-success-msg-glass h4 { margin: 0; font-size: 16px; font-weight: 800; }
.almas-feedback-message-box { background: rgba(239, 68, 68, 0.1); color: #ef4444; padding: 8px 12px; border-radius: var(--almas-radius-element, 20px); margin-bottom: 12px; font-size: 11px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.3); font-weight: 600; }
@media(max-width: 1024px) {
    #almas-comments-wrapper.almas-comments-section::before,
    .almas-global-menu,
    #almas-comments-wrapper .almas-loading-overlay,
    .almas-feedback-overlay,
    .almas-isolated-notice { backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important; }
}
@media(max-width: 1024px) {
    .almas-feedback-overlay { background: rgba(0, 0, 0, 0.65) !important; }
}
@media(max-width: 600px) {
    .almas-feedback-header-compact h3 { font-size: 14px; }
}
@media(max-width: 600px) {
    .almas-submit-feedback-btn-glass { height: 34px; font-size: 11px; }
}

#almas-feedback-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; z-index: 999998; }
#almas-feedback-modal.almas-modal-show { opacity: 1; visibility: visible; pointer-events: auto; }