/* TechToolsHive SAML Decoder
   Location: app/static/css/tools/sso/saml-decoder.css
   Purpose: SAML Decoder specific styles
*/

/* Import shared components */
@import '../../core/variables.css';
@import '../../core/base.css';
@import '../../core/themes.css';
@import '../../components/buttons.css';
@import '../../components/forms.css';
@import '../../components/cards.css';
@import '../../components/tables.css';
@import '../../components/modals.css';
@import '../../components/alerts.css';

/* ===== SAML DECODER SPECIFIC ===== */

.xml-output {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 0.375rem;
  padding: 1rem;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  max-height: 500px;
  overflow-y: auto;
  font-family: 'Courier New', monospace;
}

.xml-output .tag { color: #0066cc; }
.xml-output .attr { color: #cc6600; }
.xml-output .value { color: #006600; }
.xml-output .comment { color: #666666; font-style: italic; }

.overview-card {
  transition: transform 0.2s ease-in-out;
}

.overview-card:hover {
  transform: translateY(-2px);
}

.badge.expired { background-color: var(--error-color); }
.badge.valid { background-color: var(--success-color); }
.badge.warning { background-color: var(--warning-color); color: #000; }

.certificate-card {
  border-left: 4px solid var(--primary-color);
}

.validation-item {
  border-left: 4px solid var(--border-color);
  padding-left: 1rem;
  margin-bottom: 1rem;
}

.validation-item.success { border-left-color: var(--success-color); }
.validation-item.warning { border-left-color: var(--warning-color); }
.validation-item.error { border-left-color: var(--error-color); }

@media (max-width: 768px) {
  .nav-tabs .nav-link {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
  
  .nav-tabs .nav-link i {
    display: none;
  }
}