/**
 * Robots.txt Analyzer Styles
 */
#robots-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

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

#robots-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; }

#robots-loading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  opacity: 0.7; }
  #robots-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); } }

#robots-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); }
  #robots-results #results-header h3 {
    margin: 0;
    font-size: 0.875rem;
    font-family: monospace;
    word-break: break-all; }
  #robots-results #results-header .badge {
    flex-shrink: 0; }

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

.user-agent-section {
  background: var(--background-color-secondary);
  border-radius: 8px;
  padding: 1rem;
  border-left: 4px solid var(--color-primary, #007bff); }
  .user-agent-section .agent-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem; }
    .user-agent-section .agent-header .agent-name {
      margin: 0;
      font-size: 1rem;
      font-family: monospace; }
    .user-agent-section .agent-header .crawl-delay {
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
      background: var(--background-color-tertiary);
      border-radius: 4px;
      opacity: 0.8; }
  .user-agent-section .no-rules {
    margin: 0;
    font-size: 0.875rem;
    opacity: 0.6;
    font-style: italic; }

.rules-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem; }

.rule {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem; }
  .rule .rule-type {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.125rem 0.5rem;
    border-radius: 3px;
    min-width: 70px;
    text-align: center; }
  .rule .rule-path {
    font-family: monospace;
    background: transparent;
    padding: 0; }
  .rule.rule-allow {
    background: var(--color-success-background, rgba(40, 167, 69, 0.1)); }
    .rule.rule-allow .rule-type {
      background: var(--color-success, #28a745);
      color: white; }
  .rule.rule-disallow {
    background: var(--color-danger-background, rgba(220, 53, 69, 0.1)); }
    .rule.rule-disallow .rule-type {
      background: var(--color-danger, #dc3545);
      color: white; }

#sitemaps-section h4 {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  opacity: 0.8; }

#sitemaps-section ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  #sitemaps-section ul li {
    padding: 0.25rem 0; }
    #sitemaps-section ul li a {
      font-family: monospace;
      font-size: 0.875rem;
      word-break: break-all; }
      #sitemaps-section ul li a:hover {
        text-decoration: underline; }

#host-section h4 {
  margin: 0 0 0.25rem;
  font-size: 0.875rem;
  opacity: 0.8; }

#host-section #host-value {
  font-family: monospace; }

#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; }

#robots-empty {
  padding: 2rem;
  text-align: center;
  opacity: 0.6; }
  #robots-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; }