/**
 * tablrr styles
 * @author tablrr
 * @author_url https://tablrr.app
 */

/* box sizing fix */
.tablrr-listing {
  box-sizing: border-box;

  * {
    box-sizing: inherit;
  }
}

/* Error message */
.tablrr-error {
  padding: 15px;
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  margin: 20px 0;
  font-size: 14px;
  line-height: 1.5;
}

.tablrr-error p {
  margin: 0;
}

/* Admin-specific error styling */
.tablrr-error-admin {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeaa7;
}

.tablrr-error-admin strong {
  display: block;
  margin-bottom: 5px;
}

.tablrr-error-admin small {
  opacity: 0.8;
  font-size: 12px;
}

/* Geo skeleton shimmer */
@keyframes tablrr-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.tablrr-geo-skeleton {
  min-height: 40px;
}

.tablrr-skeleton-row {
  height: 36px;
  margin-bottom: 8px;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    #f0f0f0 25%,
    #e0e0e0 50%,
    #f0f0f0 75%
  );
  background-size: 800px 100%;
  animation: tablrr-shimmer 1.4s infinite linear;
}

.tablrr-skeleton-row:last-child {
  margin-bottom: 0;
}