@charset "UTF-8";
/**
 * Sitemap Analyzer Styles
 */
#sitemap-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

#sitemap-form .input-group {
  display: flex;
  gap: 0.5rem; }
  #sitemap-form .input-group input[type="url"] {
    flex: 1;
    min-width: 200px; }

#sitemap-form .error {
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--color-danger-background, rgba(220, 53, 69, 0.1));
  color: var(--color-danger, #dc3545);
  border-radius: 4px;
  font-size: 0.875rem; }

#sitemap-loading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  opacity: 0.7; }
  #sitemap-loading .spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 0.75s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }

#sitemap-results #results-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  flex-wrap: wrap; }
  #sitemap-results #results-header h3 {
    margin: 0;
    font-size: 0.875rem;
    font-family: monospace;
    word-break: break-all;
    flex: 1;
    min-width: 200px; }
  #sitemap-results #results-header .badge {
    flex-shrink: 0; }

#sitemap-results #results-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

#sitemap-index h4 {
  margin: 0 0 0.75rem;
  font-size: 1rem; }

#sitemap-index #index-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
  #sitemap-index #index-list .sitemap-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    background: var(--background-color-secondary);
    border-radius: 4px;
    border-left: 3px solid var(--color-info, #17a2b8); }
    #sitemap-index #index-list .sitemap-item a {
      font-family: monospace;
      font-size: 0.875rem;
      word-break: break-all; }
      #sitemap-index #index-list .sitemap-item a:hover {
        text-decoration: underline; }
    #sitemap-index #index-list .sitemap-item .sitemap-date {
      font-size: 0.75rem;
      opacity: 0.6;
      white-space: nowrap; }

#sitemap-urls h4 {
  margin: 0 0 0.75rem;
  font-size: 1rem; }

#sitemap-urls #urls-filter {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem; }
  #sitemap-urls #urls-filter input {
    flex: 1;
    max-width: 300px; }
  #sitemap-urls #urls-filter #filter-count {
    font-size: 0.875rem;
    opacity: 0.7; }

#sitemap-urls #urls-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 500px;
  overflow-y: auto; }
  #sitemap-urls #urls-list .url-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    background: var(--background-color-secondary);
    border-radius: 4px; }
    #sitemap-urls #urls-list .url-item:hover {
      background: var(--background-color-tertiary); }
    #sitemap-urls #urls-list .url-item .url-loc {
      font-family: monospace;
      font-size: 0.8rem;
      word-break: break-all; }
      #sitemap-urls #urls-list .url-item .url-loc:hover {
        text-decoration: underline; }
    #sitemap-urls #urls-list .url-item .url-meta {
      display: flex;
      gap: 1rem;
      font-size: 0.75rem;
      opacity: 0.7; }
      #sitemap-urls #urls-list .url-item .url-meta .url-date::before {
        content: '📅 '; }
      #sitemap-urls #urls-list .url-item .url-meta .url-freq::before {
        content: '🔄 '; }
      #sitemap-urls #urls-list .url-item .url-meta .url-priority::before {
        content: '⭐ '; }
  #sitemap-urls #urls-list .url-more {
    padding: 1rem;
    text-align: center;
    font-size: 0.875rem;
    opacity: 0.6;
    font-style: italic; }

#raw-section summary {
  cursor: pointer;
  font-size: 0.875rem;
  opacity: 0.7;
  padding: 0.5rem 0; }
  #raw-section summary:hover {
    opacity: 1; }

#raw-section pre {
  margin: 0.5rem 0 0;
  padding: 1rem;
  background: var(--background-color-secondary);
  border-radius: 4px;
  font-size: 0.75rem;
  overflow-x: auto;
  max-height: 300px;
  overflow-y: auto; }

#sitemap-empty {
  padding: 2rem;
  text-align: center;
  opacity: 0.6; }
  #sitemap-empty p {
    margin: 0; }

.hidden {
  display: none !important; }

#history-widget h5 {
  margin: 0 0 0.75rem;
  font-size: 0.875rem; }

#history-widget #history-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem; }
  #history-widget #history-list li a {
    display: block;
    font-size: 0.75rem;
    font-family: monospace;
    padding: 0.25rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    #history-widget #history-list li a:hover {
      text-decoration: underline; }

#history-widget #history-empty {
  font-size: 0.75rem;
  opacity: 0.6;
  font-style: italic; }

#history-widget #btn-clear-history {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem; }