/* ET-ITSM overrides on top of Pico.css */

.inline-form {
  display: inline;
  margin: 0;
}

.inline-form button {
  width: auto;
  margin: 0;
  padding: 0.25rem 0.75rem;
}

nav small {
  color: var(--pico-muted-color);
}

table td,
table th {
  vertical-align: middle;
}

.badge {
  display: inline-block;
  padding: 0.1rem 0.55rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  white-space: nowrap;
  border: 1px solid var(--pico-muted-border-color);
}

.status-open        { background: #eef4ff; color: #1d4ed8; border-color: #bfdbfe; }
.status-in_progress { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.status-resolved    { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.status-closed      { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }

.asset-in_service { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.asset-in_repair  { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.asset-retired    { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }

.chg-draft       { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }
.chg-submitted   { background: #eef4ff; color: #1d4ed8; border-color: #bfdbfe; }
.chg-approved    { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.chg-rejected    { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.chg-implemented { background: #ecfeff; color: #0e7490; border-color: #a5f3fc; }
.chg-closed      { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }

.prb-open          { background: #eef4ff; color: #1d4ed8; border-color: #bfdbfe; }
.prb-investigating { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.prb-known_error   { background: #fdf4ff; color: #a21caf; border-color: #f5d0fe; }
.prb-resolved      { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.prb-closed        { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }

.type-incident        { background: #fdf4ff; color: #a21caf; border-color: #f5d0fe; }
.type-service_request { background: #ecfeff; color: #0e7490; border-color: #a5f3fc; }

.sla-ok       { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.sla-met      { background: #f4f4f5; color: #52525b; border-color: #e4e4e7; }
.sla-risk     { background: #fefce8; color: #a16207; border-color: #fde68a; }
.sla-breached { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }

.priority-low    { color: #52525b; }
.priority-medium { color: #1d4ed8; }
.priority-high   { color: #c2410c; }
.priority-urgent { color: #b91c1c; font-weight: 700; }