#plugin-contact-form__overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;}
.plugin-contact-form__backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.plugin-contact-form__modal{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 500px;background: #ffffff;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);padding: 24px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;box-sizing: border-box;}
.plugin-contact-form__header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.plugin-contact-form__title{margin: 0;font-size: 18px;font-weight: 600;color: #333;}
.plugin-contact-form__close{background: none;border: none;font-size: 24px;color: #999;cursor: pointer;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.2s, color 0.2s;}
.plugin-contact-form__close:hover{color: #333;background: #f0f0f0;}
.plugin-contact-form__field{margin-bottom: 16px;}
.plugin-contact-form__label{display: block;font-size: 14px;color: #555;margin-bottom: 6px;font-weight: 500;}
.plugin-contact-form__input{width: 100%;padding: 10px 12px;border: 1px solid #ddd;border-radius: 6px;font-size: 15px;color: #333;box-sizing: border-box;transition: border-color 0.2s, box-shadow 0.2s;}
.plugin-contact-form__input:focus{outline: none;border-color: #4d9ef7;box-shadow: 0 0 0 2px rgba(77, 158, 247, 0.2);}
.plugin-contact-form__actions{display: flex;gap: 12px;margin-top: 20px;justify-content: flex-end;}
.plugin-contact-form__submit{padding: 12px 24px;background: #4d9ef7;color: white;border: none;border-radius: 6px;font-size: 16px;font-weight: 600;cursor: pointer;transition: background 0.2s;}
.plugin-contact-form__submit:hover{background: #3a8ae6;}
.plugin-contact-form__cancel{padding: 6px 12px;background: #f0f0f0;color: #666;border: none;border-radius: 4px;font-size: 13px;cursor: pointer;transition: background 0.2s;}
.plugin-contact-form__cancel:hover{background: #e0e0e0;}
@media (max-width: 480px) {
.plugin-contact-form__modal{margin: 10px;padding:20px;}
.plugin-contact-form__actions{flex-direction: column;align-items: stretch;}
.plugin-contact-form__submit,.plugin-contact-form__cancel{text-align: center;}
}