.task-modal {
    position: fixed;
    inset: 0;
    z-index: 1300;
}

.task-modal-backdrop {
    position: absolute;
    inset: 0;
    background: var(--overlay);
}

.task-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    overflow: auto;
}

.task-modal-body {
    padding-top: 4px;
}

.task-modal-context {
    grid-column: 1 / -1;
}

.task-modal-context .erp-form-control {
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface-muted);
}

.task-modal-context .page-note {
    margin: 0 0 4px;
}

.task-modal-context .page-note:last-child {
    margin-bottom: 0;
}

.task-modal-notice {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1301;
    max-width: min(420px, calc(100vw - 40px));
    padding: 10px 14px;
    border: 1px solid var(--success-border);
    border-radius: 8px;
    background: var(--success-bg);
    color: var(--success);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.task-modal-notice:empty {
    display: none;
}

body.task-modal-open {
    overflow: hidden;
}

@media (max-width: 640px) {
    .task-modal-dialog {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        margin: 10px auto;
    }
}