/* Estilos comuns das telas do Help Desk JPCORP (mesmo visual do prototipo) */
:root{
  --marca:#0f5573;
  --marca-esc:#0a3b52;
  --marca-hover:#0b4560;
  --marca-clara:#eef7fa;
  --fundo:#eef1f5;
  --texto:#1b2533;
  --sub:#5b6b7f;
  --borda:#dde3ea;
  --borda-in:#cfd7e1;
  --ok:#17804a;
  --alerta:#d97706;
  --erro:#b4232a;
}
*{box-sizing:border-box}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--texto);background:var(--fundo);font-size:14px}
a{color:var(--marca)}a:hover{color:var(--marca-hover)}
a.btn,a.btn2{text-decoration:none}a.btn:hover{color:#fff}
h1{margin:0;font-size:24px;font-weight:700}
h2{margin:0;font-size:16px;font-weight:600}
.sub{color:var(--sub);font-size:14px;margin:4px 0 0}
.fl{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#33445a}
.in{min-height:42px;border:1px solid var(--borda-in);border-radius:8px;padding:8px 12px;font:inherit;font-size:14px;font-weight:400;color:var(--texto);background:#fff;width:100%}
.in:focus{outline:2px solid var(--marca);outline-offset:-1px;border-color:transparent}
textarea.in{resize:vertical;min-height:110px;line-height:1.5}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;background:var(--marca);color:#fff;border:0;font:inherit;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--marca-hover)}
.btn:disabled{opacity:.6;cursor:default}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;background:#fff;color:var(--texto);border:1px solid var(--borda-in);font:inherit;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap}
.btn2:hover{background:var(--marca-clara)}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:#fff}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#4a5a6e}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:20px}