:root{--seotologie-primary:var(--ast-global-color-0, #2f4f4f);--seotologie-primary-light:var(--ast-global-color-1, #3a6262);--seotologie-text-dark:var(--ast-global-color-2, #103129);--seotologie-text-main:var(--ast-global-color-3, #1a1a1a);--seotologie-bg-light:var(--ast-global-color-4, #f9f9f9);--seotologie-bg-card:var(--ast-global-color-5, #e9edeb);--seotologie-accent:var(--ast-global-color-8, #75151e);--seotologie-success-bg:#f0fdf4;--seotologie-success-border:#bcf0da;--seotologie-success-text:#166534;--seotologie-warning-bg:#fffbeb;--seotologie-warning-border:#fde68a;--seotologie-warning-text:#92400e;--seotologie-error-bg:#fef2f2;--seotologie-error-border:#fecaca;--seotologie-error-text:#991b1b;--seotologie-radius-premium:12px;--seotologie-shadow-premium:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--seotologie-f-xxs:0.9375rem;--seotologie-f-xs:0.9375rem;--seotologie-f-sm:1rem;--seotologie-f-base:1.0625rem;--seotologie-f-md:1.25rem;--seotologie-f-lg:1.5rem;--seotologie-f-xl:1.85rem;}
.seotologie-strategic-box{padding:24px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);}
.seotologie-strategic-box.status-success{background:#f0fdf4;border:1px solid #bcf0da;}
.seotologie-strategic-box.status-warning{background:#fffbeb;border:1px solid #fde68a;}
.seotologie-strategic-box.status-error{background:#fef2f2;border:1px solid #fecaca;}
.seotologie-audit-fazit-title{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;}
.seotologie-score-layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;}
.seotologie-score-layout-main{flex:1 1 60%;display:flex;flex-direction:column;justify-content:space-between;}
.seotologie-score-status-text{margin:0 0 12px 0;font-size:var(--seotologie-f-base);line-height:1.5;color:#0f172a;font-weight:600;}
.seotologie-score-effect-text{margin:0;font-size:var(--seotologie-f-sm);line-height:1.6;color:#475569;}
.seotologie-score-gauge{display:block !important;margin:8px auto 0 !important;overflow:visible !important;}
.seotologie-score-breakdown{width:100%;font-size:var(--seotologie-f-xs);border-top:1px dashed #e2e8f0;padding-top:12px;margin-top:10px;}
.seotologie-score-breakdown-row span:first-child{color:#64748b;font-weight:500;}
.seotologie-score-breakdown-row span:last-child{color:var(--seotologie-slate-dark);font-weight:800;font-size:var(--seotologie-f-sm);}
.seotologie-score-breakdown-row.breakdown-penalty span:last-child{color:#f87171;}
.seotologie-grid-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;}
.seotologie-metric-card{background:white;border-radius:12px;border:1px solid #e2e8f0;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.2s ease;}
.seotologie-metric-card:hover{transform:translateY(-2px);}
.seotologie-metric-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;}
.seotologie-metric-icon{width:24px;height:24px;}
.seotologie-metric-label{font-size:var(--seotologie-f-xs);font-weight:700;color:#64748b;text-transform:uppercase;}
.seotologie-metric-value{font-size:var(--seotologie-f-xl);font-weight:800;color:#1e293b;margin-bottom:4px;}
.seotologie-metric-footer{font-size:var(--seotologie-f-xxs);color:#94a3b8;display:flex;justify-content:space-between;}
.seotologie-metric-rating{font-weight:700;}
.seotologie-quick-wins{margin-top:15px;padding:12px;background:rgba(255, 255, 255, 0.7);border-radius:6px;border:1px dashed rgba(0, 0, 0, 0.1);}
.seotologie-quick-wins strong{font-size:var(--seotologie-f-sm);color:#1e293b;display:block;margin-bottom:6px;}
.seotologie-quick-wins ul{margin:0;padding-left:20px;font-size:var(--seotologie-f-sm);color:#334155;line-height:1.6;}
.seo-snip-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;color:#64748b;cursor:pointer;margin-left:6px;vertical-align:middle;padding:0;font-size:0.85rem;line-height:1;transition:background 0.15s, color 0.15s, border-color 0.15s;}
.seo-snip-btn:hover{background:#e0f2fe;color:#0369a1;border-color:#bae6fd;}
.seotologie-insights-grid{display:grid;grid-template-columns:1fr;gap:15px;}
.seotologie-insight-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;border-left:6px solid #0ea5e9;box-shadow:0 2px 4px rgba(0,0,0,0.02);}
.seotologie-insight-title{display:block;font-size:var(--seotologie-f-md);color:#1e293b;margin-bottom:8px;font-weight:700;}
.seotologie-insight-text{margin:0 0 10px 0;color:#475569;font-size:var(--seotologie-f-sm);line-height:1.5;}
.seotologie-insight-footer{font-size:0.85rem;padding-top:10px;border-top:1px dashed #e2e8f0;color:#64748b;}
.seotologie-results-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;font-size:var(--seotologie-f-sm);}
.seotologie-results-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;}
.seotologie-results-table tr:last-child td{border-bottom:none;}
.seotologie-audit-details{margin-top:10px;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;}
.seotologie-audit-summary{cursor:pointer;padding:12px 16px;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;transition:background 0.2s;user-select:none;}
.seotologie-audit-summary::-webkit-details-marker{display:none;}
.summary-label{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;font-weight:700;}
.summary-icon{font-size:1.15rem;}
.summary-toggle{font-size:0.70rem;font-weight:800;color:white;padding:4px 12px;border-radius:20px;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.csp-audit .seotologie-audit-summary{background:#ecfeff;color:#0891b2;border-bottom:2px solid #cffafe;}
.csp-audit .summary-toggle{background:#06b6d4;border:1px solid #0891b2;}
.cookie-audit .seotologie-audit-summary{background:#fdf4ff;color:#c026d3;border-bottom:2px solid #fae8ff;}
.cookie-audit .summary-toggle{background:#d946ef;border:1px solid #c026d3;}
.details-content{border-top:1px solid #e2e8f0;}
.details-list{list-style:none;padding:0;margin:0;font-size:0.85rem;}
.details-item{padding:10px 12px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;}
.details-item:last-child{border-bottom:none;}
.item-header{display:flex;align-items:flex-start;justify-content:space-between;}
.item-name{color:#0369a1;font-family:monospace;font-size:0.9rem;}
.item-badge{padding:2px 8px;border-radius:12px;font-size:0.8rem;font-weight:800;text-transform:uppercase;}
.item-code{font-family:SFMono-Regular, Consolas, monospace;font-size:0.75rem;color:#64748b;background:rgba(0,0,0,0.02);padding:4px 6px;border-radius:4px;word-break:break-all;}
.item-desc{font-size:0.8rem;margin-top:4px;line-height:1.4;}
.item-desc .wirkung{display:block;color:#334155;margin-bottom:2px;}
.item-desc .empfehlung{display:block;color:#0369a1;}
.item-label{font-size:0.75rem;color:#64748b;margin-bottom:2px;}
.item-flags{font-family:SFMono-Regular, Consolas, monospace;font-size:0.75rem;border-left-width:2px;border-left-style:solid;padding-left:10px;margin-top:4px;line-height:1.4;}
.details-verdict{padding:12px;border-top:1px solid #e2e8f0;font-size:0.8rem;color:#1e293b;line-height:1.5;}
.verdict-red{background:#fef2f2;}
.verdict-yellow{background:#fffbeb;}
.verdict-green{background:#f0fdf4;}
.seotologie-premium-card, .seotologie-audit-card{background:white;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);padding:24px;}
.seotologie-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;}
.seotologie-card-title{font-size:1.1rem;color:#1e293b;margin:0;display:flex;align-items:flex-start;gap:8px;}
.seotologie-card-status-wirkung{font-size:1.05rem;margin-bottom:12px;line-height:1.6;color:#334155;}
.seotologie-recommendation-box{background:#f8fafc;padding:12px 16px;border-radius:6px;font-size:1.05rem;border-left:3px solid #0ea5e9;}
.seotologie-recommendation-box strong{color:#0369a1;}
.seotologie-badge{font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;display:inline-flex;align-items:flex-start;gap:6px;}
.seotologie-badge-green{background:#f0fdf4;color:#15803d;border:1px solid #86efac;}
.seotologie-badge-yellow{background:#fffbeb;color:#92400e;border:1px solid #fcd34d;}
.seotologie-badge-red{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5;}
.seotologie-skeleton{background:linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;}
@keyframes skeleton-loading {
0%{background-position:200% 0;}
100%{background-position:-200% 0;}
}
.info-tip{display:inline-flex;align-items:flex-start;justify-content:center;width:16px;height:16px;background:#e2e8f0;color:#64748b;border-radius:50%;font-size:11px;font-weight:bold;cursor:help;margin-left:4px;}
.seotologie-history-pill{cursor:pointer;background:white;border:1px solid #e2e8f0;padding:6px 12px;border-radius:20px;font-size:0.875rem;display:inline-flex;align-items:flex-start;gap:8px;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);margin-right:8px;margin-bottom:8px;color:#1e293b;}
.seotologie-history-pill:hover{background:#f0fdf4 !important;border-color:#22c55e !important;transform:translateY(-1px);background-image:none !important;color:#1e293b !important;}
.pill-url{color:#475569;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pill-method{color:#94a3b8;font-weight:bold;}
.pill-score{margin-left:4px;}
.blc-source-note{font-size:0.75rem;opacity:0.7;}
.blc-text-note{font-size:0.75rem;font-weight:500;display:inline-block;margin-top:4px;}
.blc-redirect-note{font-size:0.75rem;color:#94a3b8;}
.blc-error-note{font-size:0.75rem;color:#cf222e;}
.blc-status-col{text-align:right;}
.blc-external-badge{font-size:0.7rem;color:#64748b;font-style:italic;}
.is-updating{transition:width 0.3s ease-in-out;}
#blc-progress-bar{width:var(--progress-width, 0%);}
.seotologie-config-warning{background:#fffbeb;border:1px solid #fde68a;padding:15px;border-radius:8px;margin-bottom:20px;}
.warning-title{color:#92400e;display:block;margin-bottom:4px;}
.nginx-hint{display:block;margin-top:8px;opacity:0.9;font-size:0.85rem;}
.brotli-hint{margin-top:5px;font-style:italic;font-size:0.85rem;color:#64748b;}
.breakdown-row{display:flex;justify-content:space-between;padding:3px 0;}
.breakdown-na{color:#64748b;}
.metrics-summary{margin-top:15px;display:flex;gap:20px;font-size:0.9rem;}
.metrics-summary .savings{color:#16a34a;}
.seotologie-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.85) !important;z-index:1000000 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:20px !important;backdrop-filter:blur(12px) !important;animation:fade-in 0.3s ease !important;visibility:visible !important;}
.seotologie-modal{background:#ffffff !important;border-radius:20px !important;padding:40px !important;max-width:750px !important;width:100% !important;position:relative !important;box-shadow:0 25px 70px -15px rgba(0, 0, 0, 0.4) !important;z-index:1000001 !important;opacity:1 !important;visibility:visible !important;display:block !important;animation:slide-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;}
.seotologie-modal-close{position:absolute !important;top:25px !important;right:25px !important;width:32px !important;height:32px !important;background:#f1f5f9 !important;border:none !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:26px !important;color:#64748b !important;cursor:pointer !important;transition:all 0.2s ease !important;z-index:1000 !important;line-height:1 !important;font-weight:300 !important;}
.seotologie-modal-close:hover{background:#e2e8f0 !important;color:#0f172a !important;transform:rotate(90deg) scale(1.1) !important;}
.modal-title{margin-top:0;margin-bottom:20px;color:var(--seotologie-dark-teal);font-size:var(--seotologie-f-lg);padding-right:40px;}
.modal-body{color:#475569;font-size:var(--seotologie-f-base);line-height:1.6;margin-bottom:24px;}
.modal-code-wrapper{position:relative;}
.copy-abs{position:absolute;top:8px;right:8px;z-index:10;padding:6px 12px !important;font-size:0.75rem !important;}
.gzip-hero-skeleton{height:180px;margin-bottom:25px;}
.card-skeleton-small{height:120px;}
.conclusion-block{background:#f8fafc;padding:30px;border-radius:16px;border:1px solid #e2e8f0;}
.conclusion-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:15px;}
.conclusion-icon{color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:flex-start;justify-content:center;}
.conclusion-title{margin:0;font-weight:800;color:#1e293b;font-size:1.35rem;}
.conclusion-text{font-size:0.95rem;line-height:1.6;color:#475569;margin:0;}
.conclusion-badges{margin-top:20px;display:flex;gap:10px;}
.seotologie-actions{display:flex;border:none;margin-top:40px;justify-content:center;}
.restart-btn{width:auto !important;padding:12px 32px !important;border-radius:50px !important;font-weight:700;}
.seotologie-category-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin-top:48px;margin-bottom:16px;letter-spacing:-0.02em;display:flex;align-items:flex-start;gap:8px;padding-bottom:8px;border-bottom:2px solid #f1f5f9;}
.seotologie-category-section-first{margin-top:24px;}
.seotologie-grid-2cols{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
.seotologie-grid-1col{display:grid;grid-template-columns:1fr;gap:15px;}
.seotologie-text-mono{font-family:SFMono-Regular, Consolas, monospace;}
.seotologie-grid-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;}
.seotologie-cards-container{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px;}
@keyframes fade-in {
from{opacity:0;}
to{opacity:1;}
}
@keyframes slide-up {
from{transform:translateY(30px) scale(0.95);}
to{transform:translateY(0) scale(1);}
}
@media(max-width:768px){
.seotologie-grid-metrics{grid-template-columns:1fr;gap:15px;}
.seotologie-score-layout{flex-direction:column;}
.seotologie-score-layout-main, .seotologie-score-box{flex:1 1 100%;}
.seotologie-score-value{gap:4px;}
.seotologie-grid-2cols{grid-template-columns:1fr;}
.seotologie-strategic-box, .seotologie-premium-card, .seotologie-audit-card{padding:16px;}
.seotologie-audit-fazit-title{font-size:1.15rem;}
.seotologie-score-status-text{font-size:0.95rem;}
.seotologie-score-effect-text, .seotologie-recommendation-box{font-size:0.875rem;}
} .seo-status-success{background-color:var(--seotologie-success-bg) !important;border:1px solid var(--seotologie-success-border) !important;color:var(--seotologie-success-text) !important;}
.seo-status-warning{background-color:var(--seotologie-warning-bg) !important;border:1px solid var(--seotologie-warning-border) !important;color:var(--seotologie-warning-text) !important;}
.seo-status-error{background-color:var(--seotologie-error-bg) !important;border:1px solid var(--seotologie-error-border) !important;color:var(--seotologie-error-text) !important;}
.seo-code-block{background-color:rgba(0, 0, 0, 0.03) !important;color:var(--seotologie-text-dark) !important;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;padding:15px;border-radius:6px;border:1px solid rgba(0,0,0,0.05);overflow-x:auto;font-size:var(--seotologie-f-sm);}
.seo-inline-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:var(--seotologie-f-xs);font-weight:600;}\n.seo-status-info{background-color:var(--seotologie-bg-light) !important;border:1px solid var(--seotologie-primary-light) !important;color:var(--seotologie-text-main) !important;}\n .seotologie-score-box{flex:0 0 230px !important;background:linear-gradient(180deg, #1fd8cc 0%, #0DB9AF 40%, #0AA59B 75%, #088f86 100%) !important;border-radius:18px !important;padding:36px 24px 28px !important;border:1px solid rgba(255, 255, 255, 0.22) !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;box-shadow:0 0 0 1px rgba(10, 165, 155, 0.5), 0 20px 56px rgba(13, 185, 175, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;min-width:200px !important;position:relative !important;overflow:clip !important;font-family:inherit;}
.seotologie-score-box::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:2px !important;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%) !important;pointer-events:none !important;z-index:1 !important;}
.seotologie-score-box > *{position:relative !important;z-index:2 !important;}
.seotologie-score-box-title{font-size:11px !important;color:rgba(8, 58, 46, 0.72) !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.25em !important;margin-bottom:6px !important;font-family:inherit;}
.seotologie-score-value{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:2px !important;line-height:1 !important;margin-bottom:0 !important;text-shadow:none !important;color:unset !important;}
.seotologie-score-value .score-num{font-size:82px !important;font-weight:900 !important;letter-spacing:-3px !important;line-height:1 !important;color:#ffffff !important;text-shadow:0 2px 8px rgba(0,0,0,0.18) !important;font-family:inherit;display:inline-block !important;}
.seotologie-score-value .score-denom{font-size:22px !important;font-weight:600 !important;color:rgba(8, 58, 46, 0.40) !important;align-self:flex-end !important;padding-bottom:10px !important;letter-spacing:0 !important;text-shadow:none !important;font-family:inherit;}
.seotologie-score-value.success .score-num, .seotologie-score-value.warning .score-num, .seotologie-score-value.error   .score-num{color:#ffffff !important;}
.seotologie-score-value.success .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-value.warning .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-value.error   .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-breakdown{width:100% !important;font-size:13px !important;border-top:1px solid rgba(8, 58, 46, 0.15) !important;padding-top:14px !important;margin-top:16px !important;font-family:inherit;}
.seotologie-score-breakdown-row{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:10px !important;}
.seotologie-score-breakdown-row:last-child{margin-bottom:0 !important;}
.seotologie-score-breakdown-row span:first-child{color:rgba(8, 58, 46, 0.78) !important;font-weight:500 !important;font-size:13px !important;font-family:inherit;}
.seotologie-score-breakdown-row span:last-child{color:#083A2E !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important;font-size:14px !important;letter-spacing:0.01em !important;font-family:inherit;}
.seotologie-audit-fazit-title{margin:0;font-size:1.25rem;}
.seotologie-score-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;}
.seotologie-score-layout-main{flex:1 1 60%;display:flex;flex-direction:column;justify-content:space-between;}
.seotologie-score-status-text{margin:0 0 10px 0;font-size:1.15rem;line-height:1.5;color:#0f172a;}
.seotologie-score-effect-text{margin:0;font-size:1.05rem;line-height:1.6;color:#334155;}
.seotologie-score-box{flex:0 0 230px !important;background:linear-gradient(180deg, #1fd8cc 0%, #0DB9AF 40%, #0AA59B 75%, #088f86 100%) !important;border-radius:18px !important;padding:36px 24px 28px !important;border:1px solid rgba(255, 255, 255, 0.22) !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;box-shadow:0 0 0 1px rgba(10, 165, 155, 0.5), 0 20px 56px rgba(13, 185, 175, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;min-width:200px !important;position:relative !important;overflow:clip !important;font-family:inherit;}
.seotologie-score-box::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:2px !important;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%) !important;pointer-events:none !important;z-index:1 !important;}
.seotologie-score-box > *{position:relative !important;z-index:2 !important;}
.seotologie-score-box-title{font-size:11px !important;color:rgba(8, 58, 46, 0.72) !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.25em !important;margin-bottom:6px !important;font-family:inherit;}
.seotologie-score-value{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:2px !important;line-height:1 !important;margin-bottom:0 !important;text-shadow:none !important;color:unset !important;}
.seotologie-score-value .score-num{font-size:82px !important;font-weight:900 !important;letter-spacing:-3px !important;line-height:1 !important;color:#ffffff !important;text-shadow:0 2px 8px rgba(0,0,0,0.18) !important;font-family:inherit;display:inline-block !important;}
.seotologie-score-value .score-denom{font-size:22px !important;font-weight:600 !important;color:rgba(8, 58, 46, 0.40) !important;align-self:flex-end !important;padding-bottom:10px !important;letter-spacing:0 !important;text-shadow:none !important;font-family:inherit;}
.seotologie-score-value.success .score-num, .seotologie-score-value.warning .score-num, .seotologie-score-value.error   .score-num{color:#ffffff !important;}
.seotologie-score-value.success .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-value.warning .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-value.error   .score-denom{color:rgba(8, 58, 46, 0.38) !important;}
.seotologie-score-breakdown{width:100% !important;font-size:13px !important;border-top:1px solid rgba(8, 58, 46, 0.15) !important;padding-top:14px !important;margin-top:16px !important;font-family:inherit;}
.seotologie-score-breakdown-row{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:10px !important;}
.seotologie-score-breakdown-row:last-child{margin-bottom:0 !important;}
.seotologie-score-breakdown-row span:first-child{color:rgba(8, 58, 46, 0.78) !important;font-weight:500 !important;font-size:13px !important;font-family:inherit;}
.seotologie-score-breakdown-row span:last-child{color:#083A2E !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important;font-size:14px !important;letter-spacing:0.01em !important;font-family:inherit;}
.seotologie-quick-wins.status-success{background:#f0fdf4 !important;border:none !important;border-left:4px solid #16a34a !important;color:#166534 !important;}
.seotologie-quick-wins.status-warning{background:#fffbeb !important;border:none !important;border-left:4px solid #f59e0b !important;color:#92400e !important;}
.seotologie-quick-wins.status-error{background:#fef2f2 !important;border:none !important;border-left:4px solid #ef4444 !important;color:#991b1b !important;}
.seotologie-quick-wins.status-info{background:#e0f2fe !important;border:none !important;border-left:4px solid #0284c7 !important;color:#0f172a !important;}
.seotologie-list-clean{list-style:none !important;padding:0 !important;margin:0 !important;line-height:1.6 !important;}
.seotologie-list-clean li{margin-bottom:8px !important;display:flex !important;gap:8px !important;}
.seotologie-badge-blue{background:#eff6ff !important;border-left:4px solid #3b82f6 !important;color:#1e40af !important;}
.seotologie-badge-green{background:#dcfce7 !important;color:#166534 !important;}
.text-success{color:#16a34a !important;}
.text-warning{color:#f59e0b !important;}
.text-error{color:#dc2626 !important;}
.text-info{color:#0ea5e9 !important;}
.text-muted{color:#64748b !important;}
.seotologie-font-mono{font-family:inherit;}
.seotologie-history-clear{text-decoration:underline !important;color:#2563eb !important;font-size:0.85rem !important;}
.seo-margin-t-15{margin-top:15px !important;}
.seo-margin-t-25{margin-top:25px !important;}
.seo-margin-b-10{margin-bottom:10px !important;}
.seo-margin-b-15{margin-bottom:15px !important;}
.seo-padding-10{padding:10px !important;}
.seo-padding-12{padding:12px !important;}
.seo-text-sm{font-size:0.9rem !important;}
.seo-text-xs{font-size:0.85rem !important;}
.seo-text-muted{color:#64748b !important;}
.seo-font-bold{font-weight:700 !important;}
.seo-border-b{border-bottom:1px solid #e2e8f0 !important;}
.seo-border-b-2{border-bottom:2px solid #e2e8f0 !important;}
.seo-table-th{text-align:left !important;border-bottom:2px solid #e2e8f0 !important;padding:10px !important;}
.seo-table-td{padding:10px !important;border-bottom:1px solid #e2e8f0 !important;}
.seo-flex-center{display:flex !important;align-items:center !important;}
.seo-gap-10{gap:10px !important;}
.seo-card{background:white !important;border-radius:12px !important;border:1px solid #e2e8f0 !important;padding:20px !important;}
.seo-section-title{font-size:1.05rem !important;font-weight:700 !important;color:#1e293b !important;margin-bottom:10px !important;border-bottom:1px solid #cbd5e1 !important;padding-bottom:5px !important;}
.redirect-summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px;margin-bottom:25px;}
.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;text-align:left;}
.summary-card .summary-label{font-size:0.85rem;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:5px;}
.summary-card .summary-value{font-size:1.25rem;font-weight:700;color:#0f172a;}
.redirect-table{width:100%;border-collapse:collapse;font-size:0.95rem;margin-bottom:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;}
.redirect-table th, .redirect-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e2e8f0;}
.redirect-table th{background:#f8fafc;font-weight:600;color:#334155;}
.redirect-table tr:last-child td{border-bottom:none;}
.hop-num{font-weight:bold;color:#64748b;width:50px;}
.hop-url{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;word-break:break-all;max-width:400px;}
.hop-location{font-size:0.85rem;color:#64748b;margin-top:5px;padding-left:15px;}
.hop-time{color:#64748b;width:80px;text-align:right;}
.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:0.85rem;font-weight:600;}
.badge-green{background:#dcfce7;color:#166534;}
.badge-yellow{background:#fef3c7;color:#92400e;}
.badge-red{background:#fee2e2;color:#991b1b;}
.badge-blue{background:#dbeafe;color:#1e40af;}
.redirect-seo-notes h3{font-size:1.1rem;margin-bottom:10px;color:#0f172a;}
.seotologie-input:focus{outline:none !important;box-shadow:0 0 0 2px var(--seotologie-green, #10b981) !important;border-color:var(--seotologie-green, #10b981) !important;}
color: #0f172a;
}
.code-line{transition: background-color 0.3s ease;
}
.summary-card{background: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 15px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
text-align: center;
}
.summary-label{font-size: 0.9rem;
color: #64748b;
font-weight: 600;
margin-bottom: 5px;
}
.summary-value{font-size: 1.25rem;
color: #0f172a;
font-weight: bold;
} .redirect-flowchart-container{padding: 30px 15px;
background: #f8fafc;
border-radius: 12px;
border: 1px dashed #cbd5e1;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
overflow-x: auto;
}
.redirect-node{background: white;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 16px;
width: 100%;
max-width: 600px;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
position: relative;
z-index: 2;
text-align: left;
}
.redirect-node-header{display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.redirect-node-id{font-size: 0.8rem;
font-weight: 800;
color: #64748b;
background: #f1f5f9;
padding: 2px 8px;
border-radius: 12px;
}
.redirect-node-url{font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 0.95rem;
color: #0f172a;
word-break: break-all;
margin-bottom: 8px;
}
.redirect-node.status-200{border-left: 5px solid #22c55e; }
.redirect-node.status-301{border-left: 5px solid #10b981; }
.redirect-node.status-302{border-left: 5px solid #eab308; }
.redirect-node.status-307, .redirect-node.status-308{border-left: 5px solid #3b82f6; }
.redirect-node.status-error{border-left: 5px solid #ef4444; }
.redirect-connector{width: 2px;
min-height: 40px;
background: #cbd5e1;
margin: 0 auto;
position: relative;
z-index: 1;
}
.redirect-connector::after{content: '';
position: absolute;
bottom: -6px;
left: -4px;
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #cbd5e1;
}
.heatmap-badge{font-size: 0.75rem;
font-weight: 700;
padding: 2px 8px;
border-radius: 12px;
display: inline-flex;
align-items: center;
gap: 4px;
}
.heatmap-fast{background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.heatmap-med{background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.heatmap-slow{background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
.export-copy-actions{display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
justify-content: flex-end;
}
.export-copy-actions button{background: white;
border: 1px solid #cbd5e1;
color: #475569;
padding: 8px 16px;
border-radius: 6px;
font-size: 0.85rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 6px;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.export-copy-actions button:hover{background: #f1f5f9;
color: #0f172a;
border-color: #94a3b8;
}
.redirect-error-note{background: #fef2f2;
color: #b91c1c;
padding: 8px 12px;
border-radius: 6px;
font-size: 0.85rem;
margin-top: 10px;
display: flex;
align-items: center;
gap: 6px;
border: 1px solid #fecaca;
}
.redirect-details-block{margin-top: 30px;
border: 1px solid #e2e8f0;
border-radius: 8px;
background: #fff;
}
.redirect-details-block summary{padding: 12px 16px;
font-weight: 600;
cursor: pointer;
background: #f8fafc;
border-radius: 8px;
color: #334155;
outline: none;
list-style: none; }
.redirect-details-block summary::-webkit-details-marker{display: none;
}
.redirect-details-block summary:hover{background: #f1f5f9; }
.redirect-details-block summary::before{content: '▶ ';
font-size: 0.8em;
color: #64748b;
margin-right: 5px;
display: inline-block;
transition: transform 0.2s;
}
.redirect-details-block[open] summary::before{transform: rotate(90deg);
}
.redirect-details-block .redirect-table-wrapper{padding: 15px;
border-top: 1px solid #e2e8f0;
overflow-x: auto;
} .seotologie-premium-audit-box{background: #fff;
border: 2px solid #e2e8f0;
border-radius: 12px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.premium-audit-header{background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
padding: 15px 20px;
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
display: flex;
align-items: center;
}
.premium-audit-icon{font-size: 1.4rem;
margin-right: 10px;
}
.redirect-heuristics-container{display: flex;
flex-direction: column;
gap: 12px;
}
.heuristic-card{display: flex;
align-items: flex-start;
padding: 16px;
border-radius: 8px;
border-left-width: 5px;
border-left-style: solid;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
border-top: 1px solid #f1f5f9;
border-right: 1px solid #f1f5f9;
border-bottom: 1px solid #f1f5f9;
}
.heuristic-icon{font-size: 1.5rem;
line-height: 1;
margin-right: 16px;
flex-shrink: 0;
margin-top: 2px;
}
.heuristic-content{flex: 1;
font-size: 1rem;
color: #1e293b;
line-height: 1.5;
font-weight: 500;
} .tech-card{background: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px;
text-align: center;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.tech-label{font-size: 0.75rem;
text-transform: uppercase;
color: #64748b;
font-weight: 700;
letter-spacing: 0.05em;
margin-bottom: 5px;
}
.tech-value{font-size: 0.9rem;
color: #0f172a;
font-weight: 600;
word-break: break-word;
} .redirect-info-grid,
.seotologie-info-grid{display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
} @media(max-width:768px){.seotologie-strategic-box,
.seotologie-premium-audit-box{padding:0 !important;border:none !important;box-shadow:none !important;background:transparent !important;margin-bottom:24px !important;}
.seotologie-strategic-box.status-success, .seotologie-strategic-box.status-warning, .seotologie-strategic-box.status-error{border-radius:0;border-bottom:2px solid #e2e8f0 !important;}
.seotologie-premium-card, .seotologie-audit-card{padding:16px 12px !important;border-radius:8px !important;background:#ffffff !important;border:1px solid #f1f5f9 !important;box-shadow:0 1px 2px rgba(0,0,0,0.02) !important;margin-bottom:12px !important;}
.tech-stack-grid{display:flex !important;flex-direction:column !important;gap:0 !important;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;}
.tech-card{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:14px 16px !important;border:none !important;border-bottom:1px solid #f1f5f9 !important;border-radius:0 !important;box-shadow:none !important;background:#ffffff !important;margin:0 !important;}
.tech-card:last-child{border-bottom:none !important;}
.tech-label{font-size:0.85rem !important;color:#64748b !important;text-align:left !important;}
.tech-value{font-size:0.95rem !important;font-weight:600 !important;text-align:right !important;color:#0f172a !important;}
.premium-audit-header{padding:12px 0 8px 0 !important;font-size:1.05rem !important;background:transparent !important;}
.redirect-heuristics-container{padding:0 0 16px 0 !important;grid-template-columns:1fr !important;gap:12px !important;border-bottom:1px solid #f1f5f9;}
.seotologie-audit-fazit-title, h3.seotologie-category-title{font-size:1.25rem !important;line-height:1.3 !important;letter-spacing:-0.01em;margin-top:24px !important;margin-bottom:16px !important;padding-left:4px;}
.seotologie-card-title{font-size:1rem !important;font-weight:700 !important;}
.seotologie-score-layout{flex-direction:column !important;gap:20px !important;}
.seotologie-score-layout-main{width:100% !important;flex:1 1 100% !important;}
.seotologie-score-box{width:100% !important;flex:1 1 100% !important;box-sizing:border-box !important;margin-top:10px !important;}
.seotologie-score-breakdown-row{padding:10px 0 !important;}
.seotologie-code-block{border-radius:6px !important;padding:12px !important;font-size:0.85rem !important;line-height:1.5 !important;margin-left:-4px;margin-right:-4px;width:calc(100% + 8px);}}
.seotologie-securepass-container{--sp-primary: var(--seotologie-primary, #69E9E9);
--sp-primary-hover: var(--seotologie-accent, #75151E);
--sp-border: #e2e8f0;
--sp-bg-light: #f8fafc;
--sp-text: #1e293b;
--sp-muted: #64748b;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.seotologie-securepass-container *{box-sizing: border-box; }
.seotologie-sp-display-area{margin-bottom: 25px; }
.seotologie-sp-bulk-header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding: 0 5px; }
.seotologie-sp-count-badge{background: var(--sp-bg-light); border: 1px solid var(--sp-border); padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; color: var(--sp-muted); }
.seotologie-sp-copy-all{padding: 8px 16px !important; font-size: 0.9rem !important; border-radius: 6px !important; width: auto !important; }
.seotologie-sp-list{background: #ffffff; border: 1px solid var(--sp-border); border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.seotologie-sp-list.is-bulk{max-height: none !important; overflow: visible !important; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.seotologie-sp-list.is-bulk::-webkit-scrollbar{width: 6px; }
.seotologie-sp-list.is-bulk::-webkit-scrollbar-track{background: transparent; }
.seotologie-sp-list.is-bulk::-webkit-scrollbar-thumb{background-color: #cbd5e1; border-radius: 6px; }
.seotologie-sp-row{display: flex; flex-wrap: nowrap !important; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--sp-border); transition: background-color 0.2s; }
.seotologie-sp-row:last-child{border-bottom: none; }
.seotologie-sp-row:hover{background-color: var(--sp-bg-light); }
.seotologie-sp-input{flex-grow: 1; border: none; background: transparent; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 1.15rem; color: var(--sp-text); padding: 0; margin: 0; outline: none; letter-spacing: 0.05em; width: 100%; min-width: 0; }
.seotologie-sp-input::selection{background: rgba(105,233,233,0.3); }
.seotologie-sp-copy-btn{flex-shrink: 0; background: var(--sp-primary) !important; border: none !important; border-radius: 6px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #1a2236 !important; transition: all 0.2s; }
.seotologie-sp-copy-btn:hover{background: #000000 !important; color: #ffffff !important; }
.seotologie-sp-copy-btn.is-copied{background: #22c55e !important; color: #ffffff !important; }
.seotologie-sp-toggle-btn{flex-shrink: 0; background: transparent !important; border: 1px solid var(--sp-border) !important; border-radius: 6px; width: 40px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #64748b !important; transition: all 0.2s; margin-right: 4px; }
.seotologie-sp-toggle-btn:hover{background: rgba(105,233,233,0.15) !important; color: var(--sp-text) !important; border-color: var(--sp-primary) !important; }
.seotologie-sp-controls{background: var(--sp-bg-light); border: 1px solid var(--sp-border); border-radius: 8px; padding: 20px; margin-bottom: 25px; }
.seotologie-sp-length-control{margin-bottom: 20px; }
.seotologie-sp-length-control label{display: block; margin-bottom: 12px; font-weight: 500; color: var(--sp-text); }
.seotologie-sp-length-val{color: var(--sp-primary-hover); font-size: 1.1em; }
.seotologie-sp-slider{-webkit-appearance: none; width: 100%; height: 6px; background: #cbd5e1; border-radius: 3px; outline: none; }
.seotologie-sp-slider::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: var(--sp-primary); cursor: pointer; transition: transform 0.1s; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
.seotologie-sp-slider::-webkit-slider-thumb:active{transform: scale(1.15); }
.seotologie-sp-toggles{display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.seotologie-sp-checkbox{display: inline-flex; align-items: center; gap: 8px; background: #ffffff; border: 1px solid var(--sp-border); padding: 8px 14px; border-radius: 6px; font-size: 0.95rem; font-weight: 600; color: var(--sp-text); cursor: pointer; user-select: none; transition: border-color 0.2s; }
.seotologie-sp-checkbox:hover{border-color: #94a3b8; }
.seotologie-sp-checkbox input[type="checkbox"]{width: 16px; height: 16px; accent-color: var(--sp-primary); cursor: pointer; margin: 0; }
.seotologie-sp-checkbox span{color: var(--sp-muted); font-weight: 400; }
.seotologie-sp-checkbox.has-tooltip{position: relative; }
.seotologie-sp-generate-btn{width: 100% !important; text-transform: uppercase; letter-spacing: 0.05em; font-size: 1.05rem !important; padding: 16px 24px !important; border-radius: 6px !important; }
.seotologie-sp-analytics{border-top: 1px solid var(--sp-border); padding-top: 20px; }
.seotologie-sp-strength-meter{margin-bottom: 15px; }
.seotologie-sp-strength-header{display: flex; justify-content: space-between; font-size: 0.95rem; color: var(--sp-muted); margin-bottom: 8px; }
.seotologie-sp-strength-label{color: var(--sp-text); font-weight: 700; text-transform: uppercase; }
.seotologie-securepass-container .seotologie-progress-container{width: 100%; height: 8px; background-color: #e2e8f0; border-radius: 4px; overflow: hidden; margin-bottom: 20px; }
.seotologie-securepass-container .seotologie-progress-bar{height: 100%; border-radius: 4px; width: 0%; }
.seotologie-securepass-container .seotologie-sp-strength-bar{transition: width 0.3s cubic-bezier(0.4,0,0.2,1), background-color 0.3s; }
.seotologie-securepass-container .sp-score-0{width: 5% !important; background-color: #ef4444 !important; }
.seotologie-securepass-container .sp-score-1{width: 25% !important; background-color: #f97316 !important; }
.seotologie-securepass-container .sp-score-2{width: 50% !important; background-color: #eab308 !important; }
.seotologie-securepass-container .sp-score-3{width: 75% !important; background-color: #84cc16 !important; }
.seotologie-securepass-container .sp-score-4{width: 100% !important; background-color: #22c55e !important; }
.seotologie-sp-crack-time{display: flex; align-items: center; gap: 10px; font-size: 0.9rem; color: var(--sp-muted); background: var(--sp-bg-light); padding: 12px 16px; border-radius: 6px; font-family: ui-monospace, SFMono-Regular, monospace; }
.seotologie-sp-crack-time strong{color: var(--sp-text); font-size: 0.95rem; }
@media(max-width:600px){.seotologie-sp-toggles{flex-direction:column;}
.seotologie-sp-checkbox{width:100%;justify-content:space-between;min-height:48px;}
.seotologie-sp-input{font-size:1rem !important;min-width:0;}
.seotologie-sp-row{padding:10px 12px;gap:6px;}
.seotologie-sp-copy-btn span{display:none !important;}
.seotologie-sp-copy-btn{width:40px !important;min-width:40px;height:44px;padding:0;}
.seotologie-sp-toggle-btn{width:36px;height:44px;}
.seotologie-sp-actions{flex-direction:column !important;gap:10px !important;}
.seotologie-sp-actions > div:first-child{width:100% !important;}
.seotologie-sp-actions select{width:100% !important;min-width:unset !important;box-sizing:border-box;}
.seotologie-sp-slider::-webkit-slider-thumb{width:28px;height:28px;}
.seotologie-sp-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--sp-primary);border:none;cursor:pointer;}}
.seotologie-kpi-grid{display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 10px;
margin-top: 16px;
}
.seotologie-kpi-card{background: rgba(255,255,255,0.55);
border: 1px solid rgba(0,0,0,0.09);
border-radius: 8px;
padding: 10px 14px;
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.seotologie-kpi-card .kpi-label{font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #64748b;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.seotologie-kpi-card .kpi-value{font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
word-break: break-word;
line-height: 1.2;
}
.sp-audit-score-badge{font-size: 2rem;
font-weight: 800;
line-height: 1;
display: block;
text-align: center;
}
.sp-audit-score-label{font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #64748b;
text-align: center;
margin-top: 3px;
}
@media(max-width:480px){.seotologie-kpi-grid{grid-template-columns:repeat(2, 1fr);}}
@media (prefers-color-scheme: dark){.seotologie-kpi-card{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.12);}
.seotologie-kpi-card .kpi-value{color:#f1f5f9;}}
.seotologie-data-table{width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
overflow: hidden;
font-size: 0.95rem; font-family: inherit;
margin-top: 15px;
margin-bottom: 25px;
box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.seotologie-data-table thead{background: #f8fafc;
}
.seotologie-data-table th{padding: 14px 16px;
text-align: left;
font-weight: 600;
color: #334155;
border-bottom: 2px solid #e2e8f0;
white-space: nowrap;
}
.seotologie-data-table td{padding: 14px 16px; vertical-align: middle;
color: #475569;
border-bottom: 1px solid #f1f5f9;
}
.seotologie-data-table tbody tr{transition: background 0.2s ease;
}
.seotologie-data-table tbody tr:hover{background: #f1f5f9; }
.seotologie-data-table tbody tr:last-child td{border-bottom: none;
} .table-icon{display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
margin-right: 8px;
font-size: 1.1rem;
}
.seotologie-data-table td.status-success{color: #16a34a; font-weight: 500; }
.seotologie-data-table td.status-warning{color: #d97706; font-weight: 500; }
.seotologie-data-table td.status-error{color: #dc2626; font-weight: 500; } .seotologie-module{max-width: 1000px; margin: 0 auto; }
.seotologie-category{margin-bottom: 40px !important; }
.seotologie-info-box, .seotologie-status-card, .seotologie-category{padding: 20px; }
.seotologie-module h2{margin-bottom: 30px !important; }
.seotologie-category-title, .seotologie-category h3, .seotologie-category h4{margin-bottom: 20px !important; } .seo-icon-ok{color: #16a34a; } .seo-icon-warn{color: #eab308; } .seo-icon-error{color: #dc2626; } .seo-icon-info{color: #2563eb; } .seo-icon-risk{color: #d97706; } .seotologie-impact-effort-matrix{margin-top: 25px;
background: white;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 15px 18px;
box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.seotologie-matrix-header{font-size: 1.05rem;
color: #0f172a;
margin-top: 0;
margin-bottom: 12px;
font-weight: 600;
}
.seotologie-matrix-grid{display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 15px;
}
.seotologie-matrix-card{background: #f8fafc;
border: 1px solid #e2e8f0;
border-left: 4px solid #94a3b8;
border-radius: 6px;
padding: 12px;
}
.seotologie-matrix-card.quick-win{border-left-color: #10b981; background: #ecfdf5; }
.seotologie-matrix-card.major-project{border-left-color: #f59e0b; background: #fffbeb; }
.seotologie-matrix-card.fill-in{border-left-color: #3b82f6; background: #eff6ff; }
.seotologie-matrix-card.thankless{border-left-color: #ef4444; background: #fef2f2; }
.seotologie-matrix-card-title{font-weight: 600;
color: #1e293b;
margin-bottom: 6px;
font-size: 0.95rem;
display: flex;
justify-content: space-between;
}
.seotologie-matrix-card-title span{font-size: 0.75rem;
padding: 2px 8px;
border-radius: 12px;
background: rgba(0,0,0,0.05);
font-weight: 700;
text-transform: uppercase;
}
.seotologie-matrix-card-desc{font-size: 0.9rem;
color: #475569;
line-height: 1.4;
} .seotologie-input-group{display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 20px;
align-items: center;
}
.seotologie-input{flex: 1;
min-width: 200px;
padding: 14px 18px !important;
font-size: 1rem !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
outline: none !important;
transition: all 0.2s !important;
background: #ffffff;
color: #1e293b;
}
.seotologie-tool-header h1, .seotologie-tool-title{font-size: 2.2rem !important;
font-weight: 800 !important;
color: #1e293b !important;
margin-bottom: 12px !important;
line-height: 1.2 !important;
}  .seotologie-btn-primary,
.seotologie-btn-secondary{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 180px !important;
max-width: auto !important;
padding: 0.75rem 1.25rem !important;
margin-top: 1.5rem !important;
margin-bottom: 0 !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 0.2px !important;
line-height: 1.2 !important;
text-align: center !important;
cursor: pointer !important;
border: none !important;
transition: background-color 0.2s ease !important;
box-shadow: none !important;
}
.seotologie-btn-primary{background-color: #0057ff !important;
color: #ffffff !important;
background-image: none !important;
}
.seotologie-btn-primary:hover{background-color: #0047d1 !important;
color: #ffffff !important;
box-shadow: none !important;
transform: none !important;
}
.seotologie-btn-secondary{background-color: #e5e7eb !important;
color: #111827 !important;
background-image: none !important;
}
.seotologie-btn-secondary:hover{background-color: #d4d6da !important;
color: #111827 !important;
box-shadow: none !important;
transform: none !important;
} .seotologie-actions-group,
.seotologie-export-actions{display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 20px;
justify-content: center;
}