.wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.card{
  width:100%; max-width:400px; background:var(--col-white);
  border-radius:16px; box-shadow:var(--shadow-soft); overflow:hidden;
}
.banner{
  background:linear-gradient(120deg, var(--col-primary), #1a5860, var(--col-accent));
  padding:28px 32px; color:var(--col-white);
}
.banner .logo{
  width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg, var(--col-accent-light), var(--col-white));
  display:flex;align-items:center;justify-content:center;
  color:var(--col-primary);font-weight:bold;font-size:11pt; margin-bottom:14px;
}
.banner h1{ font-size:15pt; margin:0 0 6px 0; }
.banner p{ font-size:9pt; color:var(--col-accent-light); margin:0; }
.body-area{ padding:28px 32px; }
.field{ margin-bottom:16px; }
.field label{ display:block; font-size:8.5pt; font-weight:bold; color:#8a9a98; margin-bottom:6px; }
.field input{
  width:100%; height:38px; border-radius:10px; border:1px solid #ECEFEE;
  padding:0 14px; font-family:inherit; font-size:9.5pt; color:var(--col-primary); outline:none;
}
.field input:focus{ border-color:var(--col-accent); }
.btn{
  width:100%; height:38px; border:none; border-radius:10px;
  background:var(--col-accent); color:var(--col-white);
  font-family:inherit; font-weight:bold; font-size:9.5pt; cursor:pointer;
}
.btn:hover{ opacity:.9; }
.hint{ font-size:8pt; color:#a3b0ae; text-align:center; margin-top:14px; }

.empresa-item{
  display:flex; align-items:center; justify-content:space-between;
  background:#FBFCFC; border:1px solid #ECEFEE; border-radius:14px;
  padding:14px 16px; margin-bottom:10px; cursor:pointer; transition:border-color .15s;
}
.empresa-item:hover{ border-color:var(--col-accent); }
.empresa-item .nome{ font-weight:bold; font-size:9.5pt; }
.empresa-item .sub{ font-size:8pt; color:#8a9a98; margin-top:2px; }
.empresa-item .tag{
  font-size:8pt; font-weight:bold; border-radius:30px; padding:4px 10px;
  background:rgba(83,174,147,0.15); color:var(--col-accent);
}
.tag-admin{ background:rgba(16,59,64,0.08); color:var(--col-primary); }

.welcome-icon{
  width:48px;height:48px;border-radius:14px;
  background:rgba(83,174,147,0.15); color:var(--col-accent);
  display:flex;align-items:center;justify-content:center; font-size:20pt; margin:0 auto 14px;
}
.center-text{ text-align:center; }
.center-text h2{ font-size:12pt; margin:0 0 6px 0; }
.center-text p{ font-size:9pt; color:#8a9a98; margin:0 0 18px 0; }

.screen{ display:none; }
.screen.active{ display:block; }