:root{--red:#F83317;--black:#373435;--trueblack:#0A0A0A;--white:#FDFCFC;--gray:#f4f4f4;--line:#e5e5e5;--muted:#777;--shadow:0 4px 18px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;font-family:'Open Sans',Arial,sans-serif;background:#e8e8e8;color:#151515}.appbar{background:#0A0A0A;color:white;border-bottom:4px solid var(--red);padding:13px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:74px}.brand{font-weight:900;letter-spacing:.4px}.brand small{display:block;font-weight:600;color:#bbb;font-size:11px;margin-top:2px}.appbar-logo{display:flex;align-items:center;justify-content:center}.appbar-logo img{height:44px;max-width:230px;object-fit:contain;display:block}.userbox{font-size:12px;color:#ddd;text-align:right}.wrap{max-width:1180px;margin:24px auto;padding:0 20px}.card{background:white;border-radius:10px;box-shadow:var(--shadow);padding:22px;margin-bottom:16px}.login{max-width:460px;margin:54px auto}.login-logo{display:flex;justify-content:center;align-items:center;background:#0A0A0A;border-radius:10px;padding:18px 22px;margin-bottom:18px}.login-logo img{width:320px;max-width:100%;height:auto;display:block}.h1{font-size:22px;font-weight:900;margin:0 0 4px;color:#111}.muted{color:#777;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.project{border:1px solid var(--line);border-left:5px solid var(--red);border-radius:8px;padding:16px;background:#fff;transition:.15s}.project:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.project h3{margin:0 0 6px;font-size:16px}.btn{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--red);color:#fff;border-radius:7px;padding:9px 13px;font-weight:800;font-size:12px;text-decoration:none;cursor:pointer}.btn.dark{background:#111}.btn.gray{background:#777}.btn.outline{background:white;color:var(--red);border:2px solid var(--red)}.btn.white{background:#fff;color:#111;border:1px solid #ddd}input,select,textarea{width:100%;border:1px solid #ddd;border-radius:7px;padding:10px;font-family:inherit;margin:6px 0 12px}label{font-size:11px;text-transform:uppercase;font-weight:900;color:#666}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar{position:sticky;top:0;z-index:999;background:#111;color:white;border-bottom:4px solid var(--red);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 12px rgba(0,0,0,.2)}.toolbar .meta{font-size:12px;color:#ddd}.toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}.revision-table{width:100%;border-collapse:collapse;font-size:13px}.revision-table th{background:#111;color:white;text-align:left;padding:10px}.revision-table td{border-bottom:1px solid #eee;padding:9px;vertical-align:top}.watermark{position:fixed;right:18px;bottom:16px;z-index:998;color:rgba(0,0,0,.25);font-size:11px;pointer-events:none}.alert{padding:10px 12px;border-radius:7px;background:#fff1ed;color:#9a220f;border-left:4px solid var(--red);font-size:13px;margin-bottom:12px}.alert.ok{background:#ecfdf5;color:#166534;border-left-color:#22c55e}.sep{display:flex;align-items:center;gap:10px;color:#888;font-size:12px;margin:16px 0;cursor:pointer;user-select:none}.sep:before,.sep:after{content:"";height:1px;background:#ddd;flex:1}.sep:hover{color:#F83317}.msbtn{display:block;text-align:center;background:#0A0A0A;color:#fff;text-decoration:none;border-radius:8px;padding:13px 16px;font-weight:900;margin:14px 0 16px}.local-login{display:none;margin-top:8px}.local-login.open{display:block}.revision-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.option-card{border:1px solid #eee;border-radius:10px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}.option-card h3{margin:0 0 8px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;background:#f3f4f6;color:#444}.pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.pill.on{background:#dcfce7;color:#166534}.pill.off{background:#fee2e2;color:#991b1b}.tools{display:flex;gap:8px;flex-wrap:wrap}.smallmuted{color:#777;font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:#fafafa;border:1px solid #eee;border-left:4px solid var(--red);border-radius:8px;padding:12px}.kpi strong{display:block;font-size:20px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.admin-tile{border:1px solid #eee;border-left:5px solid var(--red);border-radius:10px;padding:16px;text-decoration:none;color:#111;background:#fff}.admin-tile:hover{box-shadow:var(--shadow)}@media(max-width:800px){.row,.revision-options{grid-template-columns:1fr}.appbar{grid-template-columns:1fr;align-items:center;text-align:center}.userbox{text-align:center}.appbar-logo{order:-1}.login{margin:28px 14px}}


/* ─────────────────────────────────────────────
   MVP 1.4.1 — Correção visual EMCO
   Logo sutil + login Microsoft 365 destacado.
   Somente visual. Não altera F-ENG-09.
───────────────────────────────────────────── */
.appbar{
  min-height:54px !important;
  padding:8px 24px !important;
  border-bottom:3px solid var(--red) !important;
}
.appbar-logo{height:30px !important; max-height:30px !important; overflow:hidden !important;}
.appbar-logo img{
  width:104px !important;
  max-width:104px !important;
  max-height:26px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
}
.brand{font-size:13px !important; line-height:1.1 !important;}
.brand small{font-size:10px !important; margin-top:1px !important;}
.userbox{font-size:11px !important; line-height:1.35 !important;}

.login{max-width:440px !important; margin:48px auto !important; padding:26px 28px !important;}
.login-logo{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
  box-shadow:none !important;
}
.login-logo img{
  width:142px !important;
  max-width:142px !important;
  max-height:42px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}
.login .h1{text-align:center !important; font-size:22px !important; margin-bottom:6px !important;}
.login .muted{text-align:center !important;}
.ms-primary-label{
  display:block !important;
  text-align:center !important;
  color:#0A0A0A !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  margin:18px 0 8px !important;
}
.msbtn{
  background:#0A0A0A !important;
  color:#fff !important;
  border:2px solid #0A0A0A !important;
  border-bottom:4px solid var(--red) !important;
  border-radius:8px !important;
  padding:14px 16px !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}
.msbtn:hover{transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.18) !important;}
.local-login,
.local-login:not(.open),
#localLoginForm,
#localLoginForm:not(.open){display:none !important;}
.local-login.open,
#localLoginForm.open{
  display:block !important;
  margin-top:12px !important;
  padding:14px !important;
  background:#fafafa !important;
  border:1px solid #eee !important;
  border-radius:10px !important;
}
.sep{
  max-width:260px !important;
  margin:16px auto 0 !important;
  opacity:.72 !important;
  font-size:11px !important;
  text-transform:lowercase !important;
}
.sep:hover{opacity:1 !important;}
.emergency-note{font-size:11px !important; color:#888 !important; text-align:center !important; margin-top:8px !important;}

@media(max-width:800px){
  .appbar{grid-template-columns:1fr !important; min-height:64px !important; padding:10px 14px !important;}
  .appbar-logo{order:-1 !important; height:28px !important;}
  .appbar-logo img{width:94px !important; max-width:94px !important; max-height:24px !important;}
  .login-logo img{width:126px !important; max-width:126px !important;}
}