.cq-file-status {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.45;
  border: 1px solid transparent;
}

.cq-file-status[data-tone="success"] {
  background: rgba(27, 135, 84, 0.1);
  color: #155e3a;
  border-color: rgba(27, 135, 84, 0.22);
}

.cq-file-status[data-tone="warning"] {
  background: #f6e6b8;
  color: #5e4310;
  border-color: #e7c96d;
}

.cq-file-status[data-tone="error"] {
  background: rgba(185, 56, 56, 0.2);
  color: #ff0000;
  border-color: rgba(255, 0, 0, 0.22);
}

.cq-file-status[data-tone="info"] {
  background: rgba(61, 110, 181, 0.1);
  color: #ffffff;
  border-color: rgba(61, 110, 181, 0.22);
}

:root[data-theme="dark"] .cq-file-status[data-tone="success"] {
  background: linear-gradient(180deg, rgba(10, 73, 57, 0.86) 0%, rgba(8, 54, 43, 0.92) 100%);
  color: #74f0b8;
  border-color: rgba(67, 219, 154, 0.22);
}

:root[data-theme="dark"] .cq-file-status[data-tone="warning"] {
  background: linear-gradient(180deg, rgba(124, 94, 20, 0.94) 0%, rgba(97, 73, 15, 0.98) 100%);
  color: #fff1ad;
  border-color: rgba(255, 222, 120, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 244, 190, 0.1);
}

:root[data-theme="dark"] .cq-file-status[data-tone="error"] {
  background: linear-gradient(180deg, rgba(110, 24, 24, 0.9) 0%, rgba(80, 18, 18, 0.94) 100%);
  color: #ff9b9b;
  border-color: rgba(255, 120, 120, 0.28);
}

:root[data-theme="dark"] .cq-file-status[data-tone="info"] {
  background: linear-gradient(180deg, rgba(24, 54, 110, 0.88) 0%, rgba(18, 40, 82, 0.94) 100%);
  color: #d8e7ff;
  border-color: rgba(114, 159, 255, 0.24);
}