.egc-tools,
.egc-tools * { box-sizing: border-box; }

.egc-tools {
  --egc-ink: #102b1d;
  --egc-line: #dce5de;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 62px;
  padding: 9px;
  color: var(--egc-ink);
  background: linear-gradient(105deg, #f5f8f4 0%, #fbfcfa 65%, #f4f8f5 100%);
  border: 1px solid var(--egc-line);
  border-radius: 16px;
  font-family: Inter, Arial, sans-serif;
}

.egc-tools__actions,
.egc-tools__button { display: flex; align-items: center; }

.egc-tools__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  gap: 8px;
}
.egc-tools__button {
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 16px;
  color: var(--egc-ink);
  background: #fff;
  border: 1px solid var(--egc-line);
  border-radius: 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  width: 100%;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.egc-tools__button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; transition: transform .2s ease; }
.egc-tools__button:hover { transform: translateY(-2px); border-color: #b8c8bd; box-shadow: 0 7px 16px rgba(16, 43, 29, .09); }
.egc-tools__button:hover svg { transform: translateX(3px); }
.egc-tools__button:active { transform: translateY(0) scale(.98); }
.egc-tools__button--primary { color: #f1ffd5; background: var(--egc-ink); border-color: var(--egc-ink); }

@media (max-width: 840px) {
  .egc-tools__button { padding-inline: 12px; }
}

@media (max-width: 560px) {
  .egc-tools { padding: 8px; border-radius: 14px; }
  .egc-tools__actions { grid-template-columns: 1fr; gap: 7px; }
  .egc-tools__button { min-height: 46px; justify-content: space-between; padding: 0 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .egc-tools__button,
  .egc-tools__button svg { transition: none; }
}