/* BROKEN LINK CHECKER — FRONTEND STYLES */
.blc-wrapper { max-width: 800px; margin: 0 auto; padding: 2rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #1a1a1a; }
.blc-header { text-align: center; margin-bottom: 2rem; }
.blc-eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; color: #888; text-transform: uppercase; margin-bottom: 8px; }
.blc-title { font-size: 28px; font-weight: 600; color: #1a1a1a; margin: 0 0 8px 0; }
.blc-subtitle { font-size: 15px; color: #666; margin: 0; max-width: 560px; margin: 0 auto; line-height: 1.6; }
.blc-tabs { display: flex; gap: 4px; background: #f5f5f5; border-radius: 10px; padding: 4px; margin-bottom: 1.5rem; }
.blc-tab { flex: 1; padding: 10px 16px; font-size: 14px; font-weight: 400; border: none; background: transparent; cursor: pointer; border-radius: 8px; color: #666; transition: all 0.2s ease; }
.blc-tab:hover { color: #1a1a1a; }
.blc-tab.active { background: #ffffff; color: #1a1a1a; font-weight: 500; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.blc-panel { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 1.5rem; margin-bottom: 1rem; }
.blc-label { display: block; font-size: 13px; color: #666; margin-bottom: 8px; }
.blc-input-row { display: flex; gap: 8px; }
.blc-input { flex: 1; height: 44px; padding: 0 14px; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 8px; background: #fafafa; color: #1a1a1a; transition: border-color 0.2s ease; outline: none; }
.blc-input:focus { border-color: #1a1a1a; background: #ffffff; }
.blc-input::placeholder { color: #aaa; }
.blc-btn-scan { height: 44px; padding: 0 24px; background: #1a1a1a; color: #ffffff; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; white-space: nowrap; transition: opacity 0.2s ease; }
.blc-btn-scan:hover { opacity: 0.85; }
.blc-btn-scan:disabled { opacity: 0.5; cursor: not-allowed; }
.blc-progress { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 1.25rem 1.5rem; margin-bottom: 1rem; }
.blc-progress-label { display: flex; justify-content: space-between; font-size: 13px; color: #666; margin-bottom: 8px; }
.blc-progress-bar { height: 6px; background: #f0f0f0; border-radius: 99px; overflow: hidden; }
.blc-progress-fill { height: 100%; width: 0%; background: #1a1a1a; border-radius: 99px; transition: width 0.4s ease; }
.blc-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 1rem; }
.blc-stat-card { background: #f8f8f8; border-radius: 10px; padding: 1rem; text-align: center; }
.blc-stat-num { font-size: 28px; font-weight: 600; color: #1a1a1a; line-height: 1; margin-bottom: 4px; }
.blc-stat-label { font-size: 12px; color: #888; }
.blc-red { color: #c0392b; }
.blc-green { color: #27ae60; }
.blc-amber { color: #e67e22; }
.blc-results { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 1.5rem; }
.blc-results-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; flex-wrap: wrap; gap: 10px; }
.blc-results-title { font-size: 16px; font-weight: 500; color: #1a1a1a; margin: 0; }
.blc-filter-row { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.blc-filter { padding: 5px 12px; font-size: 12px; border: 1px solid #e0e0e0; border-radius: 99px; background: transparent; color: #666; cursor: pointer; transition: all 0.2s ease; }
.blc-filter:hover { border-color: #1a1a1a; color: #1a1a1a; }
.blc-filter.active { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; }
.blc-btn-export { padding: 5px 14px; font-size: 12px; border: 1px solid #e0e0e0; border-radius: 99px; background: transparent; color: #666; cursor: pointer; transition: all 0.2s ease; margin-left: 4px; }
.blc-btn-export:hover { background: #f5f5f5; }
.blc-result-list { display: flex; flex-direction: column; gap: 8px; }
.blc-result-item { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid #f0f0f0; border-radius: 8px; transition: background 0.15s ease; }
.blc-result-item:hover { background: #fafafa; }
.blc-result-url { flex: 1; font-size: 13px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blc-result-url a { color: #1a1a1a; text-decoration: none; }
.blc-result-url a:hover { text-decoration: underline; }
.blc-result-code { font-size: 12px; color: #888; font-family: monospace; min-width: 35px; text-align: right; }
.blc-badge { font-size: 11px; font-weight: 500; padding: 3px 10px; border-radius: 99px; white-space: nowrap; }
.blc-badge-ok { background: #eafaf1; color: #27ae60; }
.blc-badge-broken { background: #fdedec; color: #c0392b; }
.blc-badge-redirect { background: #fef9e7; color: #e67e22; }
.blc-badge-unknown { background: #f5f5f5; color: #888; }
.blc-error { background: #fdedec; border: 1px solid #f5b7b1; border-radius: 8px; padding: 12px 16px; font-size: 14px; color: #c0392b; margin-top: 1rem; }
@media ( max-width: 600px ) {
    .blc-wrapper { padding: 1rem; }
    .blc-title { font-size: 22px; }
    .blc-stats { grid-template-columns: repeat(2, 1fr); }
    .blc-input-row { flex-direction: column; }
    .blc-btn-scan { width: 100%; }
    .blc-results-header { flex-direction: column; align-items: flex-start; }
}