:root{--bg:#f4f6f8;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--green:#15803d;--amber:#b45309;--red:#b42318;--blue:#1d4ed8}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:980px;margin:auto;padding:18px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
h1{margin:0;font-size:30px}h2{margin:0 0 12px}h3{margin:14px 0 8px}
.sub,.small{color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.btn,button{border:0;border-radius:12px;background:#111827;color:white;padding:12px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}
.secondary{background:#e5e7eb!important;color:#111827!important}.danger{background:var(--red)!important}.ok{background:var(--green)!important}.waiting{background:var(--amber)!important}
input,select{width:100%;padding:13px;border:1px solid #cfd4dc;border-radius:12px;font-size:18px;margin:7px 0 12px;background:white}
label{font-weight:800}
.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.ro{font-size:20px;font-weight:900}.meta{font-size:13px;color:var(--muted);margin-top:3px}
.pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800;margin-top:5px;background:#eef2ff;color:#3730a3}
.pill.waiting{background:#fef3c7!important;color:#92400e!important}.pill.done{background:#dcfce7;color:#166534}
.toolbar{display:flex;gap:8px;flex-wrap:wrap}.hidden{display:none!important}
.notice{padding:10px;border-radius:10px;margin-top:10px;font-weight:700}.goodnote{background:#dcfce7;color:#166534}.badnote{background:#fee2e2;color:#991b1b}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere;background:#f8fafc;padding:10px;border-radius:10px;border:1px solid var(--line)}
.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{width:auto}
@media(max-width:640px){.row{grid-template-columns:1fr}.actions button,.toolbar>*{width:100%}}


/* V19 color adjustment: neutral site, light-green technician bubbles only */
body{background:#f7f7f8!important}
.top{background:transparent!important;border:none!important;box-shadow:none!important}
.card{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 2px 10px rgba(0,0,0,.04)!important}
h1,h2{color:#111827!important}
.secondary{background:#f3f4f6!important;color:#111827!important}
#managerTechHub .btn{
  background:#d7f7df!important;
  color:#176b3a!important;
  border:1px solid #c4efd0!important;
  box-shadow:none!important;
}
#managerTechHub .btn:hover{
  background:#cdf2d7!important;
}

#techgrid .tech-bubble{
  background:#d7f7df!important;
  color:#176b3a!important;
  border:1px solid #c4efd0!important;
  box-shadow:none!important;
}
#techgrid .tech-bubble:hover{background:#cdf2d7!important;}

/* V22 branded sign-in */
#login{max-width:520px;margin:0 auto;padding-top:24px;text-align:center}
.login-brand-wrap{height:300px;overflow:hidden;margin:0 auto 4px;max-width:430px}
.login-brand{width:100%;display:block;transform:translateY(-58px)}
.signin-only-title{font-size:34px!important;letter-spacing:5px!important;text-align:center!important;margin:0 0 24px!important}
.login-card{text-align:left!important}
.login-card input{margin-bottom:14px}
.login-card button{width:100%;font-weight:800}

/* V23 clean supplied logo */
.login-brand-wrap{
  height:auto!important;
  max-width:430px!important;
  overflow:visible!important;
  margin:0 auto 18px!important;
}
.login-brand{
  width:100%!important;
  height:auto!important;
  display:block!important;
  transform:none!important;
}