/* BaylorHome SSP — matched to Authelia (MUI light) 2026-07-12 */
:root{
  --a-blue:#1976d2; --a-blue-press:#1565c0;
  --a-text:rgba(0,0,0,.87); --a-muted:rgba(0,0,0,.6);
  --a-border:rgba(0,0,0,.23); --a-border-hover:rgba(0,0,0,.87);
  --a-font:"Roboto","Helvetica","Arial",sans-serif;
}
html,body{
  background:#fff !important; padding-top:0 !important; min-height:100vh;
  color:var(--a-text); font-family:var(--a-font) !important; font-size:14px;
}
#background_url{display:none !important;}
/* page padding on the OUTER container only; reset nested (menu) containers */
body>.container{max-width:440px; margin:0 auto; padding:52px 24px 96px;}
.card-body .container,.navbar .container,.navbar .container-fluid{max-width:none !important; padding:0 !important; margin:0 !important;}
/* flat, no card chrome — like Authelia */
.card,.card-success{background:#fff !important; border:none !important; border-radius:0 !important; box-shadow:none !important;}
.card-body{padding:0 !important;}
.alert.shadow,.shadow{box-shadow:none !important;}
/* menu -> clean centered uppercase text tabs */
.navbar,.navbar.bg-body-tertiary{background:transparent !important; box-shadow:none !important; border:none !important; padding:0 !important; margin:0 0 8px !important;}
.navbar-brand{display:none !important;}
.navbar-collapse{justify-content:center;}
.nav.navbar-nav{margin:0 auto !important; flex-direction:row; justify-content:center; gap:2px;}
.nav-link{color:var(--a-muted) !important; border-radius:4px; padding:8px 14px !important; font-size:13px; text-transform:uppercase; letter-spacing:.03em;}
.nav-link:hover{background:rgba(25,118,210,.06); color:var(--a-text) !important;}
.nav-link.active{color:var(--a-blue) !important; border-bottom:2px solid var(--a-blue); border-radius:0; font-weight:500;}
.navbar-toggler{border-color:var(--a-border) !important;}
img.logo{display:none !important;}
/* section/success titles -> centered light heading like "Sign in"; no box, no icon */
.alert-success,.title,.title.alert{background:transparent !important; border:none !important; color:var(--a-text) !important; text-align:center !important; font-size:23px !important; font-weight:400 !important; padding:6px 0 20px !important; margin:0 !important; box-shadow:none !important;}
.alert-success i,.title i{display:none !important;}
.title h1{font-size:23px; font-weight:400; margin:0;}
/* help note -> small muted centered text, no box */
.alert-warning{background:transparent !important; border:none !important; color:var(--a-muted) !important; padding:0 0 20px !important; font-size:13px; text-align:center; box-shadow:none !important;}
/* form wrapper -> plain */
.alert-info{background:transparent !important; border:none !important; padding:0 !important; margin:0 !important; box-shadow:none !important;}
/* real error messages keep a subtle red box so problems stay visible */
.result.alert-danger,.alert-danger{background:#fdecea !important; border:1px solid #f5c6cb !important; color:#611a15 !important; border-radius:4px !important; text-align:center; padding:12px 14px !important; box-shadow:none !important; font-size:14px;}
.result.alert-danger i,.alert-danger i{display:inline !important;}
/* stack fields full-width (override horizontal grid) */
.form-horizontal .row.mb-3{display:block !important; margin-bottom:18px !important;}
.col-form-label{display:block; width:100% !important; text-align:left !important; color:var(--a-muted); font-size:12px; font-weight:400; margin:0 0 5px; padding:0;}
[class*="col-sm-"]{width:100% !important; max-width:100% !important; flex:0 0 100% !important; padding:0 !important;}
.offset-sm-4{margin-left:0 !important;}
/* inputs -> Material outlined */
.input-group-text{background:transparent !important; border:1px solid var(--a-border) !important; border-right:none !important; color:var(--a-muted) !important; border-radius:4px 0 0 4px !important;}
.form-control{border:1px solid var(--a-border) !important; border-radius:4px !important; padding:14px 14px !important; font-size:16px; box-shadow:none !important; color:var(--a-text); background:#fff !important;}
.input-group .form-control{border-left:none !important; border-radius:0 4px 4px 0 !important;}
.form-control:hover,.input-group:hover .input-group-text{border-color:var(--a-border-hover) !important;}
.form-control:focus{border-color:var(--a-blue) !important;}
.input-group:focus-within .input-group-text{border-color:var(--a-blue) !important;}
/* buttons -> Material contained blue, full width */
.btn-success,.btn-primary{display:block; width:100%; background:var(--a-blue) !important; border:none !important; border-radius:4px !important; padding:9px 22px !important; margin-top:4px; font-weight:500; font-size:14px; text-transform:uppercase; letter-spacing:.05em; color:#fff !important; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) !important;}
.btn-success:hover,.btn-primary:hover,.btn-success:focus,.btn-primary:focus{background:var(--a-blue-press) !important;}
.btn-success i,.btn-primary i{display:none !important;}
#ppolicy,.ppolicy{font-size:13px; color:var(--a-muted);}
.progress{border-radius:4px; height:6px;}
#footer{background:transparent !important; color:var(--a-muted) !important; font-size:12px; padding:12px !important;}
