/* Panel-local styling. Everything visual comes from the design system in
   Doctory.Web.Shared; this file keeps only what the Blazor template needs to
   report errors and mark invalid fields. */


.valid.modified:not([type=checkbox]) { outline: 1px solid var(--success-500); }

.invalid { outline: 1px solid var(--danger-500); }

.validation-message { color: var(--danger-600); font-size: var(--fs-2xs); }

.blazor-error-boundary {
    background: var(--danger-600);
    padding: 1rem;
    color: #fff;
    border-radius: var(--radius-sm);
}

.blazor-error-boundary::after { content: "حدث خطأ."; }

/* Blazor's FocusOnNavigate moves focus to the page heading after every
   navigation. That is an aid for screen readers, not a keyboard interaction, so
   the design system's focus ring should not be drawn around the title. */
h1[tabindex="-1"]:focus,
h1[tabindex="-1"]:focus-visible {
    outline: none;
    box-shadow: none;
}