.guild-officer-export {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) auto minmax(130px, .55fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #25405c;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(7, 24, 42, .88), rgba(5, 16, 29, .82));
}

.guild-officer-export > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.guild-officer-export > div:first-child > span {
  color: #66d8e8;
  font-size: .49rem;
  font-weight: 900;
  letter-spacing: .09em;
}

.guild-officer-export > div:first-child > strong {
  color: #eaf4ff;
  font-size: .67rem;
}

.guild-officer-export > div:first-child > small {
  color: #8499b4;
  font-size: .49rem;
  line-height: 1.35;
}

.guild-officer-export-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.guild-officer-export-actions button {
  padding: 7px 9px;
  border: 1px solid #35617c;
  border-radius: 8px;
  background: #092037;
  color: #daf6fa;
  font-size: .51rem;
  font-weight: 900;
  white-space: nowrap;
}

.guild-officer-export-actions button:hover {
  border-color: #68d9e8;
  background: #0b2a43;
}

.guild-officer-export-status {
  min-height: 1.2em;
  color: #8398b3;
  font-size: .5rem;
  line-height: 1.35;
  text-align: right;
}

.guild-officer-export-status[data-tone="success"] { color: #9ce9c6; }
.guild-officer-export-status[data-tone="danger"] { color: #efaaa8; }

@media (max-width: 980px) {
  .guild-officer-export { grid-template-columns: 1fr; }
  .guild-officer-export-actions { justify-content: flex-start; }
  .guild-officer-export-status { text-align: left; }
}

@media (max-width: 560px) {
  .guild-officer-export-actions { display: grid; grid-template-columns: 1fr; }
  .guild-officer-export-actions button { width: 100%; }
}