/* Green Oil Nigeria Limited — Requisition Desk
   Offline / intranet build. Fonts are self-hosted (see /fonts) —
   nothing here reaches out to the internet. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/space-grotesk/space-grotesk-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/space-grotesk/space-grotesk-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/space-grotesk/space-grotesk-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/space-grotesk/space-grotesk-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/jetbrains-mono/jetbrains-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono/jetbrains-mono-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/jetbrains-mono/jetbrains-mono-latin-600-normal.woff2') format('woff2');
}

.go-root { font-family: 'Inter', system-ui, sans-serif; color: #152420; }
.go-display { font-family: 'Space Grotesk', system-ui, sans-serif; }
.go-mono { font-family: 'JetBrains Mono', monospace; }

@keyframes go-flicker {
  0%, 100% { opacity: 1; transform: translateY(0px) scale(1); }
  50% { opacity: 0.85; transform: translateY(-2px) scale(1.02); }
}
.go-flame-glow { animation: go-flicker 3.2s ease-in-out infinite; }

@keyframes go-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.go-rise { animation: go-rise 0.45s ease both; }

.go-scroll::-webkit-scrollbar { width: 8px; }
.go-scroll::-webkit-scrollbar-thumb { background: #DEDACB; border-radius: 8px; }

.go-focus:focus-visible {
  outline: 2px solid #159A5E;
  outline-offset: 2px;
}

input.go-input, select.go-input, textarea.go-input {
  font-family: 'Inter', sans-serif;
}

.go-noscreen { display: none; }

@media print {
  body * { visibility: hidden; }
  .go-printarea, .go-printarea * { visibility: visible; }
  .go-printarea { display: block !important; position: absolute; top: 0; left: 0; width: 100%; padding: 24px; }
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #F6F4EE; }

/* ---- Layout helpers + mobile responsiveness ---- */
.go-grid2 { display: grid; grid-template-columns: 1fr 1fr; }
.go-users-layout { display: grid; grid-template-columns: 340px 1fr; }

html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
button, label { touch-action: manipulation; }
img { max-width: 100%; }

@media (max-width: 640px) {
  .go-grid2, .go-users-layout { grid-template-columns: 1fr !important; }
  .go-modal-overlay { padding: 10px !important; align-items: stretch !important; }
  .go-modal-card { max-width: 100% !important; max-height: 100% !important; border-radius: 14px !important; }
  .go-dashboard-stats { flex-direction: column !important; }
  .go-attach-chip { max-width: 100% !important; }
  /* 16px stops iOS Safari from zooming the page when a field is focused */
  input.go-input, select.go-input, textarea.go-input { font-size: 16px !important; }
}