.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, 56.92vh) 1fr;
}

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

.login-brand-video{display:block;width:100%;height:100vh;object-fit:contain;background:#030c15}
.login-animation-toggle{position:absolute;z-index:3;top:18px;left:18px;border:1px solid rgba(132,199,255,.3);background:rgba(3,17,31,.78);color:#cbe7ff;border-radius:999px;padding:9px 14px;font-size:11px}
.login-animation-toggle:hover{background:#092b48;color:#fff}
@media(max-width:850px){
  .login-screen .login-brand{display:flex;min-height:300px;height:52vh;padding:0}
  .login-brand-video{height:100%;width:100%}
  .login-panel{min-height:auto;padding:32px 24px}
}

.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}}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}
.photo-grid img{width:100%;height:110px;object-fit:cover;border:1px solid #dbe5f1;border-radius:9px;background:#f4f7fb}
.form-grid select[multiple]{min-height:145px;padding:8px}
.form-grid input[type=file]{padding:10px;background:#f8fafc;border:1px dashed #aebdd0}
.invoice-line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.invoice-line{display:grid;grid-template-columns:1.2fr 2fr .65fr .85fr .65fr auto;gap:8px;align-items:center;margin-bottom:8px;padding:10px;border:1px solid #e0e8f2;border-radius:9px;background:#f8fafc}
.invoice-line input,.invoice-line select{min-width:0}
@media(max-width:850px){.invoice-line{grid-template-columns:1fr 1fr}.invoice-line [data-line-description]{grid-column:1/-1}}
.work-actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #cfe0f6;border-radius:10px;background:#f4f8ff}
.photo-upload{position:relative;border:2px dashed #9bb8dc!important;border-radius:12px;padding:16px!important;background:#f7fbff}
.photo-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-upload-button{display:inline-flex;width:max-content;margin:10px 0;padding:12px 18px;border-radius:8px;background:#1968f5;color:#fff;font-weight:700;cursor:pointer}
.photo-upload-button:hover{background:#1258d5}
.component-editor{border:1px solid #cbd8ea;border-radius:14px;background:#f8fbff;padding:16px}.component-editor-head,.component-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.component-editor-head small{display:block;margin-top:4px}.component-count{margin:12px 0 0;color:#7e8ea7;font-size:13px}.component-row{margin-top:16px;padding:16px;border:1px solid #b9cbe3;border-radius:12px;background:#fff}.component-row h4{margin:0;color:#19263b}.component-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.component-fields label{margin:0}.component-fields .full{grid-column:1/-1}
@media(max-width:720px){.component-editor-head,.component-row-head{align-items:flex-start;flex-direction:column}.component-fields{grid-template-columns:1fr}.component-fields .full{grid-column:auto}}