/* AntDesign DatePicker panel inside card-details (PopupContainerSelector=".card-details") */
.card-details .ant-picker-dropdown {
    z-index: var(--pls-popup-z-index, 1000);
}

/* Validation styles for form inputs */
.input-error {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 1px #d32f2f !important;
}

.validation-error {
    color: #d32f2f;
    font-size: 12px;
    margin-top: 4px;
}

/* PlsDatesModal: remove the border that AntDesign draws on .ant-picker-panel
   (the line between the calendar grid and the Start/Due sections).
   Scoped ::deep in the razor.css doesn't reach this because the modal renders
   outside the component's DOM subtree. */
.pls-dates-modal .ant-picker-panel {
    border: none !important;
}

/* Crepe's bundled theme (milkdown-crepe-bundle.css, loaded after this file) sets its
   own Noto/Space Mono font tokens on .milkdown — remap them to the app fonts. The
   two-class selector outranks the bundle's bare .milkdown regardless of load order,
   and being unscoped it does not depend on the scoped-CSS bundle pipeline.
   --pls-editor-font-face is an optional per-field override (PlMarkdown Settings.FontFace). */
.milkdown-editor-container .milkdown {
    --crepe-font-title: var(--pls-editor-font-face, var(--font-family-sans));
    --crepe-font-default: var(--pls-editor-font-face, var(--font-family-sans));
    --crepe-font-code: var(--font-family-mono);
}

/* Crepe relies on inheritance from .milkdown for the body text, but the legacy Toast
   editor stylesheet (toastui-editor.min.css, loaded app-wide) targets the shared
   ProseMirror class directly (.ProseMirror{font-family:Open Sans,...}) — a direct hit
   always beats an inherited value, so the font must be pinned on the element itself. */
.milkdown-editor-container .ProseMirror {
    font-family: var(--crepe-font-default);
}