/*
 * Watermelon UI Alert, translated to the existing Sani-Easy palette and markup.
 * https://github.com/WatermelonCorp/watermellon-registry/blob/86052b8fd12bc19bf3bac07625a7f93736c42b17/src/components/ui/alert.tsx
 * MIT License
 * Copyright (c) 2025-present Watermelon Contributors
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
.se-feedback, .se-feedback.se-notice, .se-portal .se-feedback, .se-portal.se-portal--admin .se-feedback, .se-accounting .se-feedback { box-sizing: border-box; display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 12px; width: 100%; margin: 0 0 16px; padding: 14px 16px; border: 1px solid #aebdcc; border-radius: 6px; background: #f4f8fb; color: #263f53; font-size: 14px; font-weight: 400; line-height: 1.55; text-align: left; overflow-wrap: anywhere; }
.se-feedback[hidden] { display: none !important; }
.se-feedback__icon { width: 20px; height: 20px; margin-top: 2px; color: currentColor; }
.se-feedback__content { min-width: 0; }
.se-feedback__title { display: block; margin: 0 0 3px; color: inherit !important; font-size: inherit; font-weight: 700; line-height: 1.5; }
.se-feedback__description { white-space: pre-line; font-weight: 400; }
.se-feedback__fields { display: grid; gap: 5px; margin: 9px 0 0; padding-left: 20px; }
.se-feedback__fields a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.se-feedback.se-feedback--error, .se-portal .se-feedback.se-feedback--error, .se-accounting .se-feedback--error, .se-portal .se-notice.is-error, .se-portal .se-notice-error, .se-portal .se-accounting-notice--error, .se-notice[data-se-feedback-error], .se-notice[data-se-error-summary], .se-notice.se-notice-error { border-color: #c66b69; border-left: 4px solid #a72525; background: #fff2f1; color: #852323; }
.se-feedback.se-feedback--warning, .se-portal .se-feedback.se-feedback--warning, .se-accounting .se-feedback--warning { border-color: #c8a05c; background: #fff8e9; color: #724e16; }
.se-feedback.se-feedback--ok, .se-portal .se-feedback.se-feedback--ok, .se-accounting .se-feedback--ok { border-color: #83b499; background: #f0f8f3; color: #245d3b; }
.se-portal .se-notice.is-error, .se-portal .se-accounting-notice--error { padding: 12px 14px; border-radius: 5px; overflow-wrap: anywhere; }
[data-se-error-summary]:not(.se-feedback), [data-se-feedback-error]:not(.se-feedback) { padding: 12px 14px; border: 1px solid #c66b69; border-left: 4px solid #a72525; border-radius: 5px; background: #fff2f1; color: #852323; font-weight: 400; overflow-wrap: anywhere; }
.se-feedback:focus, [data-se-error-summary]:focus, [data-se-feedback-error]:focus { outline: 3px solid #17659b; outline-offset: 3px; }
.se-feedback a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
[data-se-validation-summary] { grid-column: 1 / -1; }
form > .se-feedback { grid-column: 1 / -1; }
[aria-invalid="true"][data-se-field-invalid] { border-color: #a72525 !important; }
.se-feedback-local-error { display: block; padding: 7px 9px; border: 1px solid #c66b69; border-left: 3px solid #a72525; border-radius: 4px; background: #fff2f1; color: #852323 !important; overflow-wrap: anywhere; }
@media (max-width: 600px) { .se-feedback, .se-portal .se-feedback, .se-accounting .se-feedback { padding: 12px; gap: 9px; font-size: 14px; } }