/* cw.css - styles for the shared client pieces in wwwroot/js/cw (core.js, app-shell.js, pages). */

/* A control waiting for its request (CW.page.busy). Links can't be disabled, so block their clicks too. */
.cw-busy {
    opacity: 0.6;
    cursor: progress !important;
    pointer-events: none;
}

/* CW.dialog message text keeps the line breaks of the message. */
.cw-dialog-text,
.cw-help-text {
    white-space: pre-line;
    font-size: inherit;
}

.cw-dialog * {
    font-size: inherit;
}

.cw-dialog label {
    white-space: normal;
}

/* Labels that have help text (right-click shows it). */
.cw-has-help {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
}

/* OK button of a destructive confirmation. */
.ui-dialog .ui-dialog-buttonpane button.cw-button-danger {
    background: #c82333;
    border-color: #bd2130;
    color: #fff;
}

.ui-dialog .ui-dialog-buttonpane button.cw-button-danger:hover {
    background: #a71d2a;
}

/* Inline status next to a control (saving / saved / error). */
.cw-status {
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.cw-status.cw-status-error {
    color: #c82333;
}

[data-theme="dark"] .cw-status.cw-status-error {
    color: #ff8a8a;
}