/* CakePHP application styles (used alongside Bootstrap theme) */
:root {
    --color-message-success-bg: #e3fcec;
    --color-message-success-text: #1f9d55;
    --color-message-success-border: #51d88a;
    --color-message-warning-bg: #fffabc;
    --color-message-warning-text: #8d7b00;
    --color-message-warning-border: #d3b800;
    --color-message-error-bg: #fcebea;
    --color-message-error-text: #cc1f1a;
    --color-message-error-border: #ef5753;
    --color-message-info-bg: #eff8ff;
    --color-message-info-text: #2779bd;
    --color-message-info-border: #6cb2eb;
}

/* Flash messages */
.message {
    padding: .5rem 1rem;
    background: var(--color-message-info-bg);
    color: var(--color-message-info-text);
    border-color: var(--color-message-info-border);
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 1rem;
    cursor: pointer;
}
.message.hidden { display: none; }
.message.success {
    background: var(--color-message-success-bg);
    color: var(--color-message-success-text);
    border-color: var(--color-message-success-border);
}
.message.warning {
    background: var(--color-message-warning-bg);
    color: var(--color-message-warning-text);
    border-color: var(--color-message-warning-border);
}
.message.error {
    background: var(--color-message-error-bg);
    color: var(--color-message-error-text);
    border-color: var(--color-message-error-border);
}

/* CakePHP form helpers */
.input { margin-bottom: 1.5rem; }
.input input, .input select, .input textarea { margin-bottom: 0; }
.error-message { color: var(--color-message-error-text); }

/* Side nav (used in view pages) */
.side-nav-item { display: block; padding: 0.5rem 0; }

/* Content box */
.content {
    padding: 2rem;
    background: #fff;
    border-radius: 0.4rem;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

/* Paginator */
.paginator { text-align: right; }
.asc:after { content: " \2193"; }
.desc:after { content: " \2191"; }

/* Actions column */
.actions a { font-weight: bold; padding: 0 0.4rem; }
th { white-space: nowrap; }