/*
 * Page-specific styles for the login surface. The shared chrome classes
 * (.paper, .bar, .gap, the :root color vars) live in forum.css and are NOT
 * redefined here; this only adds the centered form-card / labelled-row layout
 * shared by the auth pages, in the same glossy 2000s-Discuz idiom.
 */

.formwrap{max-width:560px; margin:0 auto}

.aform{padding:14px 18px}
.notice{margin:0 0 12px; padding:7px 10px; font-size:11px; line-height:1.6;
  background:#fff9e6; border:1px solid #f0d98a; color:#6b5a18}

.frow{display:flex; align-items:flex-start; padding:7px 0; border-bottom:1px solid var(--rule)}
.frow > label{flex:none; width:150px; padding-top:3px; font-weight:bold; color:#13386b; font-size:12px}
.frow .fin{flex:1; min-width:0}
.frow .req{color:#c00; font-weight:bold}

.aform input[type=text],
.aform input[type=password],
.aform select,
.aform textarea{
  font-family:inherit; font-size:12px; padding:3px 5px;
  border:1px solid #b9c4d6; background:#fff; border-radius:2px; vertical-align:middle}
.aform input[type=text]:focus,
.aform input[type=password]:focus,
.aform select:focus,
.aform textarea:focus{border-color:#5C84BE; outline:none; box-shadow:0 0 0 2px rgba(92,132,190,.18)}
.aform textarea{width:96%}

.hint{margin-left:8px; font-size:11px; color:var(--muted)}
.cmt{margin-left:6px; font-size:11px; color:var(--muted)}

.fsubmit{padding:14px 0 4px; text-align:center}

.btn{display:inline-block; color:#003366; font-weight:bold; font-size:12px; text-decoration:none;
     padding:5px 20px; border:1px solid #6699cc; border-radius:2px; line-height:1.4; cursor:pointer;
     background:linear-gradient(to bottom,#fbfdff,#dceafd); box-shadow:inset 0 1px 0 #fff}
.btn:hover{background:linear-gradient(to bottom,#fff,#e8f1fe); text-decoration:none}