.brand {
  height: 270px;
  flex-shrink: 0;
  overflow: hidden;
  padding: 0;
  background: #030c15;
}

.brand img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center 44%;
}

.login-screen {
  grid-template-columns: min(48vw, 46.2vh) 1fr;
}

.login-brand {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #030c15;
}

.login-brand-image {
  width: 100%;
  height: 100vh;
  display: block;
  object-fit: contain;
  object-position: center;
}

.part-thumb {
  width: 64px;
  height: 64px;
  object-fit: contain;
  display: block;
  border-radius: 8px;
  background: #fff;
}

@media (max-width: 700px) {
  .part-thumb {
    width: 52px;
    height: 52px;
  }
}
dialog:has(.workorder-brand){width:min(980px,calc(100vw - 28px));max-height:94vh}
.open-work{background:#eaf2ff!important;color:#1764d9!important;border-color:#b9d2ff!important;font-weight:700}
.workorder-brand{display:flex;align-items:center;gap:18px;padding:14px;background:#071523;border-radius:14px;color:#fff;overflow:hidden}
.workorder-brand img{width:150px;height:90px;object-fit:cover;object-position:center;border-radius:9px}
.workorder-brand div{display:flex;flex-direction:column;gap:6px}.workorder-brand strong{font-size:1.15rem}.workorder-brand span{color:#8bbef9;font-family:monospace}
.form-section{margin-top:12px;padding-top:16px;border-top:1px solid #dfe7f1}.form-section h3{margin:0;color:#122033;font-size:1.05rem}
@media(max-width:600px){.workorder-brand img{width:105px;height:76px}.workorder-brand{gap:12px;padding:10px}}