/* PWES AgentOS / brand plate. Visual-only: keep all existing navigation and authentication logic. */
.side{padding-top:0}
.side .brand,.login .brand{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:13px;
  row-gap:4px;
  padding:20px 18px 22px;
  background:radial-gradient(ellipse at 8% 48%,#2a593448,transparent 69%),
    linear-gradient(118deg,#0d2119 0%,#122c20 60%,#092018 100%);
  color:#efffe3;
  border:1px solid #426c48;
  border-bottom:2px solid #689d4d;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);
  box-shadow:inset 0 1px #a7eb8640,inset 0 -1px #b4f57c24;
}
.side .brand{margin:0 -17px 26px}
.side .brand::before,.login .brand::before{
  content:'';
  position:absolute;right:15px;top:12px;width:25px;height:3px;
  background:repeating-linear-gradient(90deg,#a6ef7d 0 3px,transparent 3px 7px);
  opacity:.65;pointer-events:none;
}
.side .brand::after,.login .brand::after{
  content:'';
  position:absolute;left:17px;right:32px;bottom:0;height:3px;
  background:linear-gradient(90deg,#c5ff8d,#5bd879 58%,transparent);
  box-shadow:0 0 13px #85e66c7a;
  pointer-events:none;
}
.side .brand img,.login .brand img{
  display:block;
  grid-column:1;
  grid-row:1 / 3;
  width:66px;height:66px;max-width:100%;
  margin:0;padding:0;
  object-fit:contain;
  background:transparent;border:0;border-radius:0;
  mix-blend-mode:normal;
  filter:drop-shadow(0 0 8px #7cfa6640);
}
.side .brand-name,.login .brand-name{
  display:flex;flex-wrap:wrap;align-items:baseline;align-self:end;
  grid-column:2;grid-row:1;
  margin:0;padding:0;border:0;
  gap:4px;
  color:#efffe3;
  font:800 17px/1.17 Manrope,system-ui,sans-serif;
  letter-spacing:-.65px;
}
.side .brand-name span,.login .brand-name span{
  color:#a9f080;font-weight:600;padding:0;
}
.side .brand-caption,.login .brand-caption{
  grid-column:2;grid-row:2;align-self:start;
  margin:0;padding:0;
  color:#acc9ac;
  font-size:10px;line-height:1.4;letter-spacing:.05px;
}
.login .brand{
  margin:-36px -36px 28px;
  grid-template-columns:80px minmax(0,1fr);
  padding:24px 30px 24px;
}
.login .brand img{width:80px;height:80px}
.login .brand-name{font-size:23px}
.login .brand-caption{font-size:11px}
.login .brand::after{left:29px}
.login .brand+.eyebrow{margin-top:0}
@media(max-width:1180px) and (min-width:761px){
  .side{padding-top:0}
  .side .brand{margin:0 -12px 25px;grid-template-columns:58px minmax(0,1fr);column-gap:9px;padding:17px 12px 19px}
  .side .brand img{width:58px;height:58px}
  .side .brand-name{font-size:15px;gap:3px}
  .side .brand-caption{font-size:8px}
}
@media(max-width:760px){
  .side{padding-top:0}
  .side .brand{
    margin:0 -16px 12px;
    grid-template-columns:76px minmax(0,1fr);
    column-gap:18px;row-gap:5px;
    padding:19px 22px 20px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  }
  .side .brand img{width:76px;height:76px}
  .side .brand-name{font-size:21px;letter-spacing:-.7px}
  .side .brand-caption{font-size:11px;line-height:1.4}
  .side .brand::after{left:21px}
  .login .brand{
    margin:-28px -24px 25px;
    grid-template-columns:70px minmax(0,1fr);
    column-gap:14px;padding:20px 24px 22px;
  }
  .login .brand img{width:70px;height:70px}
  .login .brand-name{font-size:19px}
  .login .brand-caption{font-size:10px}
  .login .brand::after{left:23px}
}
@media(max-width:360px){
  .side .brand{grid-template-columns:62px minmax(0,1fr);column-gap:11px;padding-inline:16px}
  .side .brand img{width:62px;height:62px}
  .side .brand-name{font-size:16px}
  .side .brand-caption{font-size:9px}
}
@media(forced-colors:active){
  .side .brand,.login .brand{
    background:Canvas;color:CanvasText;clip-path:none;
    border:2px solid CanvasText;box-shadow:none;
  }
  .side .brand-name,.login .brand-name,.side .brand-caption,.login .brand-caption{
    color:CanvasText
  }
  .side .brand img,.login .brand img{filter:none;mix-blend-mode:normal}
}