/* red/style.css - global theme (compat) */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: #f4f5fa;
    color: #333;
    margin: 0;
}
a { text-decoration: none; }
.wrapper { min-height: 100vh; padding-bottom: 20px; }
.header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 12px;
    position: sticky; top: 0; z-index: 100;
}
.header .btn-link { color: #6a5cff; }
.container.title h4 { color: #2b2b4a; }
.bg-default {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
    padding: 16px;
    margin: 12px;
}
.login-row { padding: 10px 0; }
.form-signin .form-control {
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    background: #faf9ff;
}
.form-control:focus { border-color: #8e7bff; box-shadow: 0 0 0 .15rem rgba(142,123,255,.25); }
.btn { border-radius: 10px; }
.btn-default, .btn-template {
    background: linear-gradient(135deg, #6a5cff, #8e7bff);
    border: 0; color: #fff;
}
.btn-default:hover, .btn-template:hover { color: #fff; opacity: .92; }
.btn-rounded { border-radius: 999px; }
.btn-lg { padding: 12px 16px; font-size: 16px; }
.notification {
    position: fixed; left: 12px; right: 12px; bottom: 12px;
    background: #fff; border-radius: 12px; padding: 10px 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12); z-index: 200;
}
.text-template { color: #6a5cff; }
.bg-template-light { background: #f3f1ff; }
.md-36 { font-size: 36px; }
.md-18 { font-size: 18px; }
.shadow { box-shadow: 0 4px 12px rgba(0,0,0,.12); }
.row.no-gutters { margin-right: 0; margin-left: 0; }