.ofis-status-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 17px;
}

.ofis-stat {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

.ofis-stat span,
.ofis-stat em {
  display: block;
  color: #8792a3;
  font-size: 9px;
}

.ofis-stat strong {
  display: block;
  margin: 8px 0 5px;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.ofis-stat em { font-style: normal; }
.ofis-stat.ok { border-color: #bfe8d5; }
.ofis-stat.warn { border-color: #f2d98a; }

.ofis-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 16px;
}

.ofis-column { display: grid; gap: 16px; }
.ofis-submit { width: auto; margin: 0 18px 18px; }
.ofis-body { padding: 17px; }

.ofis-body label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 13px;
  color: #5a687d;
  font-size: 11px;
  font-weight: 650;
}

.ofis-body label small { color: #929cab; font-weight: 400; }
.ofis-help { margin: 12px 0 0; color: #8b96a6; font-size: 9px; line-height: 1.5; }
.ofis-ok { margin: 0 0 10px; color: #16845a; font-size: 11px; font-weight: 700; }

.ofis-body code {
  display: block;
  padding: 9px;
  overflow-wrap: anywhere;
  border-radius: 8px;
  background: #f4f7fb;
  color: #526176;
  font-size: 10px;
}

.ofis-actions { display: flex; gap: 8px; margin-bottom: 14px; }

.ofis-actions button {
  flex: 1;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  font-size: 10px;
  cursor: pointer;
}

.ofis-update-result {
  margin-bottom: 13px;
  padding: 13px;
  border: 1px solid #e3e8f0;
  border-radius: 10px;
  background: #f8fafd;
  color: #657286;
}

.ofis-update-result strong,
.ofis-update-result span { display: block; font-size: 11px; }
.ofis-update-result span { margin-top: 4px; font-size: 9px; }
.ofis-update-result p { margin: 9px 0 0; white-space: pre-line; font-size: 9px; line-height: 1.5; }

@media (max-width: 1000px) {
  .ofis-status-grid { grid-template-columns: repeat(3, 1fr); }
  .ofis-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .ofis-status-grid { grid-template-columns: 1fr 1fr; }
}