:root{
  --equipe-primary:var(--flow-primary,#173b63);
  --equipe-primary-dark:var(--flow-primary-dark,#102f50);
  --equipe-accent:var(--flow-accent,#d69e2e);
  --equipe-bg:var(--flow-background,#f5f7fb);
  --equipe-surface:var(--flow-surface,#fff);
  --equipe-text:var(--flow-text,#253044);
  --equipe-muted:var(--flow-muted,#64748b);
  --equipe-border:var(--flow-border,#dbe4ef);
  --equipe-danger:#b91c1c;
}

.equipe-login-page{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 10% 20%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(145deg,var(--equipe-primary-dark),var(--equipe-primary));
  color:var(--equipe-text);
  font-family:var(--flow-font-body,Inter,"Segoe UI",Arial,sans-serif);
}

.equipe-login-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
}

.equipe-login-brand{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(38px,7vw,96px);
  color:#fff;
}

.equipe-login-brand .brand-mark{
  width:84px;
  height:84px;
  padding:14px;
  border-radius:24px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  margin-bottom:28px;
}

.equipe-login-brand .brand-mark img{width:100%;height:100%;object-fit:contain}
.equipe-login-brand h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin:0 0 18px;max-width:760px}
.equipe-login-brand p{max-width:650px;font-size:1.08rem;line-height:1.72;color:rgba(255,255,255,.86);margin:0}
.equipe-login-brand .security-note{margin-top:30px;display:flex;gap:12px;align-items:center;font-size:.92rem;color:rgba(255,255,255,.8)}

.equipe-login-panel{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(24px,5vw,72px);
  background:var(--equipe-bg);
}

.equipe-login-card{
  width:min(460px,100%);
  background:var(--equipe-surface);
  border:1px solid var(--equipe-border);
  border-radius:24px;
  padding:clamp(28px,5vw,44px);
  box-shadow:0 26px 70px rgba(15,39,66,.16);
}

.equipe-login-card .eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--equipe-primary) 10%,white);color:var(--equipe-primary);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.equipe-login-card h2{margin:18px 0 8px;font-size:2rem;color:var(--equipe-primary-dark)}
.equipe-login-card>p{margin:0 0 26px;color:var(--equipe-muted);line-height:1.6}
.equipe-field{margin-bottom:18px}
.equipe-field label{display:block;font-weight:750;color:var(--equipe-text);margin-bottom:7px}
.equipe-field input{width:100%;box-sizing:border-box;border:1px solid var(--equipe-border);border-radius:12px;padding:14px 15px;font:inherit;background:#fff;color:var(--equipe-text);transition:.2s}
.equipe-field input:focus{outline:none;border-color:var(--equipe-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--equipe-primary) 14%,transparent)}
.equipe-password-wrap{position:relative}
.equipe-password-wrap input{padding-right:74px}
.equipe-password-toggle{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--equipe-primary);font-weight:750;cursor:pointer;padding:7px 8px}
.equipe-submit{width:100%;border:0;border-radius:12px;padding:14px 18px;background:var(--equipe-primary);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:.2s;box-shadow:0 12px 28px color-mix(in srgb,var(--equipe-primary) 28%,transparent)}
.equipe-submit:hover{transform:translateY(-1px);background:var(--equipe-primary-dark)}
.equipe-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}
.equipe-message{min-height:22px;margin-top:14px;font-size:.92rem;color:var(--equipe-muted)}
.equipe-message.error{color:var(--equipe-danger)}
.equipe-message.success{color:#166534}
.equipe-login-footer{margin-top:26px;padding-top:18px;border-top:1px solid var(--equipe-border);font-size:.82rem;color:var(--equipe-muted);line-height:1.55}

.equipe-session-bar{
  position:sticky;
  top:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:54px;
  padding:8px clamp(16px,4vw,42px);
  background:var(--equipe-primary-dark);
  color:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.15);
  font-family:var(--flow-font-body,Inter,"Segoe UI",Arial,sans-serif);
}
.equipe-session-brand,.equipe-session-user{display:flex;align-items:center;gap:10px}
.equipe-session-brand strong{font-size:.92rem}
.equipe-session-user{font-size:.84rem;color:rgba(255,255,255,.82)}
.equipe-session-user b{color:#fff}
.equipe-session-actions{display:flex;align-items:center;gap:8px}
.equipe-session-actions a,.equipe-session-actions button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:8px 11px;font:inherit;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer}
.equipe-session-actions a:hover,.equipe-session-actions button:hover{background:rgba(255,255,255,.16)}
.equipe-loading-mask{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--equipe-bg);color:var(--equipe-primary);font:700 1rem var(--flow-font-body,Inter,"Segoe UI",Arial,sans-serif)}
.equipe-loading-mask[hidden]{display:none}

.equipe-dashboard .portal-hero{padding-top:8px}
.equipe-dashboard .portal-admin-link{display:none!important}
.equipe-dashboard .portal-card{min-height:100%}
.equipe-dashboard-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--equipe-primary) 10%,white);color:var(--equipe-primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

@media(max-width:900px){
  .equipe-login-shell{grid-template-columns:1fr}
  .equipe-login-brand{min-height:280px;padding:34px 24px}
  .equipe-login-brand .brand-mark{width:64px;height:64px;margin-bottom:18px}
  .equipe-login-panel{padding:24px 16px 40px}
}
@media(max-width:720px){
  .equipe-session-bar{align-items:flex-start;flex-direction:column;padding:10px 14px;gap:8px}
  .equipe-session-user{flex-wrap:wrap}
  .equipe-session-actions{width:100%}
  .equipe-session-actions a,.equipe-session-actions button{flex:1;text-align:center}
}