--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-metric-card{background: #ffffff;
border-radius: 12px;
border: 1px solid #e2e8f0;
padding: 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.seotologie-metric-card:hover{transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,0.09);
}
.seotologie-metric-header{display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
}
.seotologie-metric-icon{width: 24px;
height: 24px;
}
.seotologie-grid-metrics{display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--seotologie-space-4);
margin-bottom: var(--seotologie-space-6);
}
.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-audit-section-box{background: #ffffff;
border: 1px solid #e2e8f0;
padding: 24px;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0,0,0,0.02);
margin-bottom: var(--seotologie-space-6);
}
.seotologie-audit-section-box .seotologie-category-title{margin-top: 0;
margin-bottom: 20px;
border-bottom: 1px solid #f1f5f9;
padding-bottom: 12px;
} .seotologie-audit-recommendations{padding: 0;
border-radius: 0;
}
.seotologie-audit-recommendations .seotologie-category-title{margin-top: 0;
color: #0f172a;
}
.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;
.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-info-box, 
.seotologie-status-card, .seotologie-category{padding:15px 10px !important;}
.seotologie-module{padding:0 5px;}
.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:12px 10px !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-primary-hover, #0AA59B);
--sp-border: #e2e8f0;
--sp-bg-light: #f8fafc;
--sp-text: #1e293b;
--sp-muted: #64748b;
font-family: inherit;
}
.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{.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{margin-bottom: 20px;
}
.seotologie-input-group:has(button),
.seotologie-input-group:has(.seotologie-btn-primary),
.seotologie-input-group:has(.seotologie-btn-secondary){display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: stretch;
}
.seotologie-input-group .seotologie-btn-primary, .seotologie-input-group .seotologie-btn-secondary{margin-top: 0 !important;
white-space: nowrap;
flex: 0 0 auto;
}
@media(max-width:600px){.seotologie-input-group:has(button),
.seotologie-input-group:has(.seotologie-btn-primary),
.seotologie-input-group:has(.seotologie-btn-secondary){flex-wrap:wrap;}
.seotologie-input-group .seotologie-btn-primary, .seotologie-input-group .seotologie-btn-secondary{width:100%;margin-top:10px !important;}}
.seotologie-input-group.is-tight{gap: 10px;
margin-bottom: 8px;
}
.seotologie-privacy-notice{display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px;
font-size: 0.85rem;
color: #64748b;
}
.seotologie-privacy-notice .privacy-icon{flex-shrink: 0;
line-height: 1.4;
font-size: 1rem;
display: inline-flex;
}
.seotologie-privacy-notice .privacy-text{flex: 1;
line-height: 1.4;
}
.seotologie-form-error{display: none;
color: #dc2626;
margin-bottom: 15px;
font-size: 0.95rem;
}
.seotologie-loading.is-hidden, .seotologie-result-container.is-hidden{display: none;
}
.is-hidden{display: none !important;
}
.seotologie-static-info{margin-top: 30px;
}
.seotologie-result-top-space{margin-top: 25px;
}
.seotologie-section-top-space{margin-top: 25px;
}
.seotologie-actions-top{margin-top: 20px;
}
.seotologie-info-card-pad{padding: 20px;
}
.seotologie-info-title{margin-top: 0;
margin-bottom: 15px;
font-size: 1.1rem;
color: #0f172a;
}
.seotologie-list-clean li:last-child{margin-bottom: 0 !important;
}
.seotologie-advanced-options{margin-top: 15px;
display: flex;
flex-direction: column;
gap: 8px;
}
.seotologie-advanced-options-row{display: flex;
gap: 15px;
flex-wrap: wrap;
}
.seotologie-advanced-option{display: flex;
align-items: center;
cursor: pointer;
font-size: 0.9rem;
}
.seotologie-advanced-option input{margin-right: 8px;
}
.seotologie-advanced-options-note{margin-left: 22px;
max-width: 800px;
font-size: 0.8rem;
color: #64748b;
line-height: 1.4;
}
.seotologie-compression-table{width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 0.9rem;
}
.seotologie-compression-table thead tr{border-bottom: 2px solid #e2e8f0;
}
.seotologie-compression-table tbody tr{border-bottom: 1px solid #f1f5f9;
}
.seotologie-compression-table tbody tr:last-child{border-bottom: none;
}
.seotologie-compression-table th, .seotologie-compression-table td{padding: 8px 4px;
}
.seotologie-compression-table td:first-child{font-weight: 600;
}
.seotologie-compression-rating-good{color: #f59e0b;
font-weight: 700;
}
.seotologie-compression-rating-best{color: #10b981;
font-weight: 700;
}
.seotologie-robots-simulator-card{margin-top: 25px;
padding: 25px;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.seotologie-robots-simulator-title{margin-top: 0;
font-size: 1.25rem;
color: #0f172a;
}
.seotologie-robots-simulator-text{margin-bottom: 5px;
font-size: 0.95rem;
color: #475569;
}
.seotologie-robots-simulator-hint{margin-bottom: 20px;
font-size: 0.85rem;
color: #64748b;
}
.seotologie-robots-controls{display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}
.seotologie-robots-ua-select{width: auto;
max-width: 200px;
}
.seotologie-robots-test-result{display: none;
padding: 15px;
border-radius: 6px;
font-size: 1.1rem;
font-weight: 700;
}
.seotologie-robots-test-reason{display: none;
margin-top: 10px;
padding-left: 10px;
border-left: 3px solid #cbd5e1;
font-size: 0.9rem;
color: #475569;
}
.seotologie-code-title{margin-bottom: 15px;
font-size: 1.1rem;
color: #0f172a;
}
.seotologie-code-wrapper{position: relative;
}
.seotologie-code-block-dark{background: #1e293b;
color: #f8fafc;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
white-space: pre-wrap;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 0.9rem;
line-height: 1.5;
}
.seotologie-status-title{margin-bottom: 10px;
font-size: 1.1rem;
font-weight: 700;
}
.seotologie-vitals-hero{margin-bottom: 35px;
text-align: center;
}
.seotologie-vitals-hero-rule{width: 60px;
height: 4px;
margin: 0 auto 20px;
background: var(--seotologie-primary);
}
.seotologie-vitals-hero-copy{max-width: 600px;
margin: 0 auto;
font-size: 1.1rem;
color: #64748b;
}
.seotologie-vitals-hero-accent{font-weight: 600;
color: #0ea5e9;
}
.seotologie-history-slot{margin-bottom: 8px;
}
.seotologie-history-clear-wrap{margin-bottom: 20px;
text-align: right;
}
.seotologie-history-clear-link{font-size: 0.8rem;
color: #94a3b8;
text-decoration: none;
}
.seotologie-vitals-loading{margin-top: 40px;
padding: 40px;
background: #fff;
border: 1px dashed #cbd5e1;
border-radius: 16px;
}
.seotologie-vitals-loading .seotologie-spinner{width: 40px;
height: 40px;
border-width: 4px;
color: var(--seotologie-primary);
}
.seotologie-vitals-loading-title{margin-top: 20px;
font-size: 1.2rem;
font-weight: 700;
color: #1e293b;
}
.seotologie-vitals-phase{margin-top: 8px;
color: #64748b;
}
.seotologie-vitals-result{margin-top: 40px;
border: none;
padding: 0 !important;
}
.seotologie-vitals-grid{display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.seotologie-vitals-card-full{grid-column: span 1 / -1;
}
.seotologie-vitals-card-pad{padding: 20px;
}
.seotologie-vitals-card-header-tight{margin-bottom: 8px;
}
.seotologie-vitals-metric-label{font-size: 0.8rem;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
}
.seotologie-vitals-metric-value{margin-bottom: 4px;
font-size: 1.5rem;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-metric-value-lg{margin-bottom: 5px;
font-size: 2.2rem;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-metric-subrow{display: flex;
justify-content: space-between;
gap: 10px;
font-size: 0.75rem;
color: #94a3b8;
}
.seotologie-vitals-metric-subrow > span{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.seotologie-vitals-section{margin-bottom: 30px;
}
.seotologie-vitals-section-title{margin-bottom: 15px;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-insight-card{margin-bottom: 12px;
padding: 15px;
border-left: 6px solid #0ea5e9;
}
.seotologie-vitals-insight-title{display: block;
font-size: 1.1rem;
color: #1e293b;
}
.seotologie-vitals-insight-text{margin: 5px 0 10px;
color: #475569;
}
.seotologie-vitals-insight-tip{padding-top: 10px;
border-top: 1px dashed #e2e8f0;
font-size: 0.85rem;
}
.seotologie-vitals-actions{display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 40px;
}
.seotologie-vitals-color-green{color: #16a34a !important; }
.seotologie-vitals-color-yellow{color: #f59e0b !important; }
.seotologie-vitals-color-red{color: #dc2626 !important; }
.seotologie-vitals-color-default{color: #1e293b !important; }
.seotologie-vitals-status-line{font-size: 1rem;
}
.seotologie-vitals-metric-icon{flex-shrink: 0;
}
.seotologie-vitals-metric-rating{flex-shrink: 0;
}
.seotologie-score-num{display: inline-block;
font-size: 82px;
font-weight: 900;
color: #fff;
line-height: 1;
letter-spacing: -3px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.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;
}
.seotologie-history-slot{margin-bottom: 8px;
}
.seotologie-history-clear-wrap{margin-bottom: 20px;
text-align: right;
}
.seotologie-history-clear-link{font-size: 0.8rem;
color: #94a3b8;
text-decoration: none;
}
.seotologie-vitals-loading{margin-top: 40px;
padding: 40px;
background: #fff;
border: 1px dashed #cbd5e1;
border-radius: 16px;
}
.seotologie-vitals-loading .seotologie-spinner{width: 40px;
height: 40px;
border-width: 4px;
color: var(--seotologie-primary);
}
.seotologie-vitals-loading-title{margin-top: 20px;
font-size: 1.2rem;
font-weight: 700;
color: #1e293b;
}
.seotologie-vitals-phase{margin-top: 8px;
color: #64748b;
}
.seotologie-vitals-result{margin-top: 40px;
border: none;
padding: 0 !important;
}
.seotologie-vitals-grid{display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.seotologie-vitals-card-full{grid-column: span 1 / -1;
}
.seotologie-vitals-card-pad{padding: 20px;
}
.seotologie-vitals-card-header-tight{margin-bottom: 8px;
}
.seotologie-vitals-metric-label{font-size: 0.8rem;
font-weight: 600;
color: #64748b;
text-transform: uppercase;
}
.seotologie-vitals-metric-value{margin-bottom: 4px;
font-size: 1.5rem;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-metric-value-lg{margin-bottom: 5px;
font-size: 2.2rem;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-metric-subrow{display: flex;
justify-content: space-between;
gap: 10px;
font-size: 0.75rem;
color: #94a3b8;
}
.seotologie-vitals-metric-subrow > span{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.seotologie-vitals-section{margin-bottom: 30px;
}
.seotologie-vitals-section-title{margin-bottom: 15px;
font-weight: 800;
color: #1e293b;
}
.seotologie-vitals-insight-card{margin-bottom: 12px;
padding: 15px;
border-left: 6px solid #0ea5e9;
}
.seotologie-vitals-insight-title{display: block;
font-size: 1.1rem;
color: #1e293b;
}
.seotologie-vitals-insight-text{margin: 5px 0 10px;
color: #475569;
}
.seotologie-vitals-insight-tip{padding-top: 10px;
border-top: 1px dashed #e2e8f0;
font-size: 0.85rem;
}
.seotologie-vitals-actions{display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 40px;
}
.seotologie-vitals-color-green{color: #16a34a !important; }
.seotologie-vitals-color-yellow{color: #f59e0b !important; }
.seotologie-vitals-color-red{color: #dc2626 !important; }
.seotologie-vitals-color-default{color: #1e293b !important; }
.seotologie-vitals-status-line{font-size: 1rem;
}
.seotologie-vitals-metric-icon{flex-shrink: 0;
}
.seotologie-vitals-metric-rating{flex-shrink: 0;
}
.seotologie-score-num{display: inline-block;
font-size: 82px;
font-weight: 900;
color: #fff;
line-height: 1;
letter-spacing: -3px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.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: linear-gradient(135deg, #14b8a6, #0f766e) !important;
color: #ffffff !important;
box-shadow: 0 4px 10px rgba(15, 118, 110, 0.2) !important;
}
.seotologie-btn-primary:hover{background: linear-gradient(135deg, #0d9488, #115e59) !important;
box-shadow: 0 6px 15px rgba(15, 118, 110, 0.4) !important;
transform: translateY(-1px) !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, .export-copy-actions, .seotologie-actions, .seotologie-actions-top{display: flex !important;
flex-wrap: wrap !important;
gap: 15px !important;
margin-top: 20px;
justify-content: flex-start;
} .seo-inline-589da708{display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.seo-inline-06d51caa{font-size:1.5rem; }
.seo-inline-46dcee64{margin:0; }
.seo-inline-51dc969a{background:#f1f5f9; padding:4px 8px; border-radius:4px; }
.seo-inline-7002f9ca{margin-bottom: 20px; }
.seo-inline-ffbeea3c{margin-bottom: 25px; }
.seo-inline-1342ffb7{display: none; margin-bottom: 8px; gap: 6px; }
.seo-inline-8713ee4d{display: none; margin-bottom: 8px; gap: 6px; align-items: center; }
.seo-inline-18f3f9c6{display: none; padding: 0 !important; overflow: hidden; margin-top: 15px !important; }
.seo-inline-fbcebaad{margin-top: 30px; display: flex; gap: 15px; border-top: 1px solid #e2e8f0; padding-top: 20px; }
.seo-inline-8db364f5{display:none; margin-bottom: 20px; }
.seo-inline-78ca4dfc{display: none; margin-bottom: 25px; }
.seo-inline-8adb8b0d{font-size: 0.8rem; font-weight: 600; color: #64748b; }
.seo-inline-3e5d36cc{display: none; margin-bottom: 15px; }
.seo-inline-633d0bef{display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 0.85rem; color: #475569; font-weight: 500; }
.seo-inline-0bc1c400{cursor: pointer; accent-color: #3DBDBD; width: 14px; height: 14px; }
.seo-inline-f1173733{margin-top:0; padding-right:40px !important; }
.seo-inline-9c3a4ce7{width: 14px; height: 14px; display: inline-block; border-width: 2px; }
.seo-inline-8c49781f{margin-top: 20px; text-align: left; }
.seo-inline-7f0f52d4{display: flex; justify-content: space-between; font-size: 0.8rem; color: #64748b; margin-bottom: 4px; }
.seo-inline-1c3648d8{font-size:0.75rem; font-weight:normal; color:#64748b; margin-top:2px; }
.seo-inline-d9a59194{width: 100%; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
.seo-inline-f7858144{color: #16a34a; font-weight: 700; }
.seo-inline-04750d97{padding:10px; border-bottom:1px solid #e2e8f0; margin-bottom:10px; }
.seo-inline-1610e032{display:flex; justify-content:space-between; margin-bottom:6px; }
.seo-inline-2d2d6d98{background:#f8fafc; padding:6px; font-family:monospace; font-size:0.8rem; margin-bottom:6px; word-break:break-all; }
.seo-inline-b3000120{font-size:0.85rem; }
.seo-inline-0adff40a{display:block; }
.seo-inline-afe1c39e{display:block; color:#0f172a; }
.seo-inline-f5808369{margin-top:10px; font-size:0.9rem; }
.seo-inline-bc3ce782{margin-bottom: 30px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; overflow: hidden; border-left: 4px solid #2563eb; }
.seo-inline-ee6efb32{font-size: 0.8rem; padding: 10px 20px; text-decoration: none; white-space: nowrap; }
.seo-inline-f0a97dba{color:#dc2626; }
.seo-inline-5d8e76c1{background:#ffffff;width:95%;max-width:850px;height:85vh;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px rgba(0,0,0,0.6);transform:translateY(20px);transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);opacity:0; }
.seo-inline-0c90ef59{padding:25px 40px;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;background:#ffffff; }
.seo-inline-bf82609e{margin:0 !important;font-size:1.4rem !important;font-weight:800 !important;color:#0f172a !important;font-family:sans-serif !important; }
.seo-inline-e49035e3{padding:40px;flex:1 1 auto;overflow-y:auto !important;min-height:0;-webkit-overflow-scrolling:touch;background:#ffffff; }
.seo-inline-e931d5aa{display:inline-block;background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;padding:1px 7px;border-radius:10px;font-size:0.68rem;font-weight:700;margin-right:6px;vertical-align:middle; }
.seo-inline-9bbd4f0c{display:inline-block;background:#fffbeb;color:#d97706;border:1px solid #fde68a;padding:1px 7px;border-radius:10px;font-size:0.68rem;font-weight:700;margin-right:6px;vertical-align:middle; }
.seo-inline-759743d9{display:inline-block;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;padding:1px 7px;border-radius:10px;font-size:0.68rem;font-weight:700;margin-right:6px;vertical-align:middle; }
.seo-inline-1f5d8c91{pointer-events:none }
.seo-inline-24f613a3{color: #2563eb; text-decoration: none; font-weight: 600; }
.seo-inline-20bb5960{color: #10b981; }
.seo-inline-45bfbe06{color: #ef4444; font-weight: bold; }
.seo-inline-2862d0e5{color: #f59e0b; font-weight: bold; }
.seo-inline-6811690d{padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.seo-inline-5df0a2c7{flex: 1; min-width: 250px; }
.seo-inline-af65281d{font-weight: 700; color: #1e293b; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
.seo-inline-b28cb14f{font-size: 1.2rem; }
.seo-inline-7a226f98{font-size: 0.85rem; color: #64748b; line-height: 1.4; }
.seo-inline-63a9e87b{font-size: 0.85rem; color: #64748b; background: rgba(0,0,0,0.02); padding: 8px; border-radius: 6px; }
.seo-inline-2300c512{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seo-inline-32c16dc4{padding: 20px; }
.seo-inline-8fde21e9{margin-top: 0; color: #475569; font-size: 0.95rem; line-height: 1.6; }
.seo-inline-b62efbd9{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 15px; }
.seo-inline-bd9db1cb{display: flex; align-items: center; gap: 8px; }
.seo-inline-7e747be4{cursor:help; font-size:0.8rem; color:#b45309; text-decoration:underline; font-weight:normal; margin-left:4px; }
.seo-inline-bb5c9a00{border-style: dashed; border-color: #94a3b8; }
.seo-inline-25cb8a6a{color:#ef4444; }
.seo-inline-2d4b163e{display:flex; gap:10px; margin-bottom:10px;"><input type= }
.seo-inline-e57c8219{font-size:0.75rem; font-weight:600; color:#64748b; margin-top:8px; }
.seo-inline-20c8ebef{font-size:0.85rem; color:#94a3b8; }
.seo-inline-65480266{cursor:help; font-size:0.75rem; color:#94a3b8; }
.seo-inline-b8d43057{margin-top: 20px; border-top: 1px dashed #cbd5e1; padding-top: 15px; }
.seo-inline-b01dd764{font-size: 0.8rem; color: #475569; display: block; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
.seo-inline-f25606f4{font-size: 0.75rem; color: #94a3b8; font-weight: normal; }
.seo-inline-cf4e7895{color:#0ea5e9; font-weight:bold; }
.seo-inline-be54ddda{color: #10b981; font-weight:600; }
.seo-inline-8b88b85d{color:#eab308; margin-bottom:4px; font-weight:600; }
.seo-inline-991259f0{color:#0284c7; margin-bottom:4px; font-weight:600; }
.seo-inline-61d0ba95{font-family: -apple-system, BlinkMacSystemFont, sans-serif; color: #334155; line-height: 1.5; }
.seo-inline-a4c32062{background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; margin-bottom: 15px; }
.seo-inline-0928d28e{color: #6d28d9; font-size: 0.95rem; display:block; margin-bottom:10px; }
.seo-inline-5e602fdb{font-size:0.85rem; display:grid; grid-template-columns: 140px 1fr; gap:6px; }
.seo-inline-c822faa6{color:#2563eb; font-weight:600; }
.seo-inline-133a71f6{margin-bottom: 15px; padding: 0 5px; }
.seo-inline-1185722d{font-size: 0.85rem; color: #dc2626; display:block; margin-bottom:6px; }
.seo-inline-806bb567{font-size: 0.8rem; line-height:1.4; }
.seo-inline-9342f5c2{font-size: 0.85rem; color: #0284c7; display:block; margin-bottom:6px; }
.seo-inline-0b33050b{background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 12px; font-size: 0.85rem; }
.seo-inline-efdc74f0{color:#94a3b8; font-size:0.9rem; }
.seo-inline-e2269200{color:#0ea5e9; margin-top:15px; margin-bottom:8px; font-size:1.05rem; font-weight:700; }
.seo-inline-e6df9829{color:#38bdf8; margin-top:12px; margin-bottom:6px; font-size:0.95rem; font-weight:700; }
.seo-inline-1bf0feaf{color:#e2e8f0; }
.seo-inline-470671df{color:#94a3b8; }
.seo-inline-9701f3f3{background:#1e293b; padding:2px 4px; border-radius:4px; color:#38bdf8; }
.seo-inline-d2f3fc9f{color:#eab308; font-weight:bold; }
.seo-inline-8377361c{display:flex; gap:10px; margin-bottom:10px; }
.seo-inline-e3fd7fb9{height: 160px; margin-bottom: 25px; }
.seo-inline-68c09d74{height: 120px; }
.seo-inline-13f764bf{height: 250px; margin-top:25px; }
.seo-inline-194b571d{margin-top: 20px; }
.seo-inline-bad75b13{margin-top: 40px; }
.seo-inline-c4be39ef{background:#f8fafc; padding:10px; border-radius:6px; color:#475569; word-break:break-all; font-size:0.9rem; border: 1px solid #e2e8f0; margin: 10px 0; }
.seo-inline-7b754eef{margin-bottom: 12px; }
.seo-inline-d6a2acf2{font-size: 0.9rem; margin-top: 10px; }
.seo-inline-3cd20e2f{display:grid; grid-template-columns: 1fr 1fr; gap:20px; }
.seo-inline-896a1dd0{font-weight: 600; font-size: 0.9rem; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.seo-inline-689bae37{color: #dc2626; font-size: 0.8rem; }
.seo-inline-ac49fae5{color: #b91c1c; font-size: 0.8rem; background: #fee2e2; padding: 2px 6px; border-radius: 4px; }
.seo-inline-d0d3831b{color: #92400e; font-size: 0.8rem; background: #fef3c7; padding: 2px 6px; border-radius: 4px; }
.seo-inline-10832086{word-break: break-all; }
.seo-inline-94be6da7{margin-top: 4px; font-size: 0.9em; color: #475569; }
.seo-inline-c891001d{color: #dc2626; margin-top: 4px; font-size: 0.9em; }
.seo-inline-b2e7bee3{margin: 5px 0 0; font-size: 0.9em; }
.seo-inline-e04aeda4{color:#b45309; }
.seo-inline-73a3450b{margin: 5px 0 10px; font-size: 0.9em; }
.seo-inline-2f211f4d{background:#1e293b; color:#cbd5e1; padding: 10px; border-radius: 6px; font-size: 0.85em; overflow-x: auto; font-family: monospace; white-space: pre-wrap; }
.seo-inline-bc9cee5c{margin-top: 30px; }
.seo-inline-56c00b60{margin-bottom: 4px; }
.seo-inline-36904209{color: #2563eb; }
.seo-inline-f83ec2d8{display: block; padding: 0 4px; }
.seo-inline-deccf9e7{color:#16a34a }
.seo-inline-8ffdae31{color: #60a5fa; }
.seo-inline-b0d930bb{color: #f87171; }
.seo-inline-7d9e87f0{color: #34d399; }
.seo-inline-87c47903{color: #a78bfa; }
.seo-inline-28e6a799{color: #94a3b8; }
.seo-inline-608808c3{color: #475569; margin-right: 15px; user-select: none; }
.seo-inline-83170acd{display:none;margin-bottom:28px; }
.seo-inline-ef234309{display:none;margin-top:12px; }
.seo-inline-93b8ea5b{display:none; }
.seo-inline-88d2d015{border-left: 5px solid #eab308; }
.seo-inline-98f84a6c{display: block; margin-bottom: 5px; }
.seo-inline-23745d39{min-height:32px; padding: 0 10px; font-size: 0.85rem; }
.seo-inline-e2b74ba6{margin: 0; }
.seo-inline-ea7e73e3{border:1px solid #cbd5e1;background:#f8fafc;padding:2px 6px;border-radius:4px;cursor:pointer;vertical-align:middle;margin-left:6px; }
.seo-inline-adc0a931{display: block; margin-top: 8px; font-size: 0.85rem; opacity: 0.9; }
.seo-inline-453ea1bb{margin-bottom: 10px; font-size: 0.9rem; }
.seo-inline-80467e61{background: #e0f2fe; color: #0369a1; padding: 10px 15px; border-left: 4px solid #38bdf8; margin-bottom: 15px; font-size: 0.85rem; border-radius: 4px; }
.seo-inline-ecc5dd78{color: #ef4444; }
.seo-inline-5ec8e3f2{list-style:none;padding:0;margin:10px 0 0 0; }
.seo-inline-b30e2c0f{margin-bottom:8px; }
.seo-inline-3a4c724f{font-weight: bold; font-size: 1.1rem; margin-bottom: 10px; }
.seo-inline-c42e0ec4{margin-bottom: 0; }
.seo-inline-764e050b{cursor:help; opacity:0.6; margin-left:4px; }
.seo-inline-54fb866f{margin:0; color:#7f1d1d; }
.seo-inline-a880101f{font-size: 0.85rem; color: #64748b; font-weight: 600; text-transform: uppercase; }
.seo-inline-a4d206c4{word-break: break-word; }
.seo-inline-50f1a80c{font-size: 0.95rem; color: #64748b; font-style: italic; }
.seo-inline-f6c06f65{flex-grow:1; }
.seo-inline-b98a8cab{font-weight:600; color:#0f172a; }
.seo-inline-048a9063{color:#0f172a; }
.seo-inline-0330dd5f{background:#cbd5e1; width:0%; }
.seo-inline-b313f302{font-size:0.68rem; padding:2px 6px; margin:2px 2px 0 0; }
.seo-inline-1f026128{font-size: 1rem; }
.seo-inline-421dce5c{margin: 0 4px 4px 0; }
.seo-inline-24b531c6{cursor: pointer; }
.seo-inline-cff67791{margin-top:6px; font-size:0.74rem; }
.seo-inline-3c997af6{margin-bottom: 5px; display: flex; align-items: center; gap: 6px; font-size: 0.76rem; font-weight: 600; }
.seo-inline-708709f6{display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.seo-inline-ae03a72b{display: flex; align-items: center; gap: 6px; font-size: 0.76rem; }
.seo-inline-a53689ba{font-family: inherit; font-weight: 500; text-decoration: line-through; color: #ef4444; background: #fee2e2; padding: 2px 6px; border-radius: 4px; }
.seo-inline-60aff21c{font-family: inherit; font-weight: 600; color: #22c55e; background: #dcfce7; padding: 2px 6px; border-radius: 4px; }
.seo-inline-76640152{background: #fffbeb; border: 1px solid #fef3c7; color: #d97706; margin-top: 10px; }
.seo-inline-569d8669{display:flex; justify-content:space-between; font-size:0.7rem; font-weight:700; margin-bottom: 2px; }
.seo-inline-e8fb11aa{font-family:monospace; background:#f1f5f9; padding:1px 4px; border-radius:3px; }
.seo-inline-99d83410{font-size:0.7rem; line-height:1.35; margin-bottom: 2px; }
.seo-inline-98df537e{display:flex; flex-wrap:wrap; margin-top:2px; }
.seo-inline-043cdaec{font-weight:bold; }
.seo-inline-9b3997e9{font-weight:700; margin-bottom: 4px; }
.seo-inline-5d327bb6{font-size: 0.85rem; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; }
.seo-inline-a29bebe6{display: flex; height: 16px; border-radius: 8px; overflow: hidden; background: #e2e8f0; }
.seo-inline-29531d73{font-size:0.75rem; color:#94a3b8; font-style:italic; margin-top:4px; }
.seo-inline-33bbe262{font-size: 0.65rem; color: #94a3b8; text-align: center; margin-top: 20px; }
.seo-inline-dc7743dd{font-size: 0.85rem; color: #94a3b8; font-style: italic; }
.seo-inline-6511c32b{background:#fee2e2; color:#b91c1c; padding:2px 4px; border-radius:4px; }
.seo-inline-6c9950b0{font-size: 0.74rem; color: #22c55e; font-weight: 700; text-align: center; padding: 5px 0; }
.seo-inline-a1c9347d{font-size: 0.7rem; color: #22c55e; background: #dcfce7; padding: 2px 8px; border-radius: 4px; font-weight:700; }
.seo-inline-133ec351{margin-top: 12px; display: flex; justify-content: flex-end; border-top: 1px dashed #f1f5f9; padding-top: 8px; }
.seo-inline-bc1c392e{font-size: 0.72rem; color: #94a3b8; font-style: italic; }
.seo-inline-2151243a{margin-bottom:15px; display:flex; justify-content:space-between; align-items:center; }
.seo-inline-dc310e06{margin-left: auto; }
.seo-inline-f155fe8f{background:#e2e8f0; }
.seo-inline-2f9bb2dd{font-size: 0.8rem; height: 34px; min-height: 34px; padding: 0 8px; flex: 1; border: 1px solid #cbd5e1; border-radius: 4px; outline: none; }
.seo-inline-2bbbc0e7{height: 34px; min-height: 34px; font-size: 0.82rem; padding: 0 14px; white-space: nowrap; border: none; cursor: pointer; }
.seo-inline-224b51a7{display: none; }
.seo-inline-19bd37cb{font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #0f172a; font-size: 0.95rem; }
.seo-inline-0080119b{margin: 0; color: #1e293b; font-size: 1.4rem; font-weight: 800; letter-spacing: -0.02em; }
.seo-inline-c18962b8{margin: 0; color: #64748b; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.seo-inline-4fe94275{margin: 0 0 8px 0; color: #1e3a8a; font-size: 0.95rem; }
.seo-inline-dd4068c7{margin: 0 0 10px 0; font-size: 0.8rem; color: #1e40af; line-height: 1.45; }
.seo-inline-5220881f{margin: 0; padding-left: 20px; color: #1e40af; font-size: 0.8rem; line-height: 1.5; }
.seo-inline-b683bbcb{display:flex; flex-direction:column; flex:1; min-height: 380px; }
.seo-inline-c1db5529{margin: 0 0 5px 0; color: #334155; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; display: flex; align-items: center; gap: 6px; }
.seo-inline-0acef43d{font-size: 0.72rem; color: #64748b; margin-top: 0; margin-bottom: 12px; }
.seo-inline-3c57255c{display: flex; gap: 8px; margin-bottom: 5px; }
.seo-inline-17df2782{display: none; border-top: 1px dashed #e2e8f0; padding-top: 12px; margin-top: 12px; }
.seo-inline-221e55d9{margin-left:auto; }
.seo-inline-b8a5e732{display:flex; flex-wrap:wrap; margin-top:20px; }
.seo-inline-852114cb{padding-bottom:20px; }
.seo-inline-5d84f856{border-top-color: ; height: 100%; }
.seo-inline-8cf0f366{display:flex; flex-wrap:wrap; }
.seo-inline-587c60d4{height: 100%; }
.seo-inline-280bd429{padding: 2px 6px; }
.seo-inline-70e57a51{width:50%; }
.seo-inline-a8e9fa31{text-align:right; font-weight:700; }
.seo-inline-3a938c8b{padding:20px; text-align:center; color:#16a34a; }
.seo-inline-cc568fe7{font-weight:700; }
.seo-inline-3679312c{margin-left:15px; }
.seo-inline-9ea6ebf4{display:flex;gap:10px;margin-bottom:8px; }
.seo-inline-4592c652{color:#64748b;font-size:0.85rem;text-decoration:underline;margin-left:auto;line-height:1.5;align-self:flex-end; }
.seo-inline-6841118b{margin-bottom:20px; }
.seo-inline-03feb348{display:none;color:#dc2626;margin-bottom:15px;font-size:0.95rem; }
.seo-inline-6fe150ef{display:flex;align-items:center;gap:8px;margin-bottom:8px; }
.seo-inline-cc7cfd05{font-size:0.75rem;font-weight:700;color:' . $color . ';min-width:80px; }
.seo-inline-988b7915{color:#0f172a;font-size:0.9rem; }
.seo-inline-8bcb9cce{list-style:none;margin:16px 0 0;padding:0; }
.seo-inline-b3bfe1b4{display:none;visibility:hidden }
.seo-inline-71ce2980{width:auto !important; padding:8px 20px !important; font-size:0.9rem !important; }
.seo-inline-6039a3a0{margin-top:0; }
.seo-inline-bf26587c{margin-top:20px; text-align:right; } .seo-heatmap-bar{position: relative; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
.seo-heatmap-fill{height: 100%; width: 0%; background: #10b981; transition: width 0.3s, background 0.3s; }
.seo-heatmap-marker{position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(0,0,0,0.2); }
.seo-marker-80{left: 80%; }
.seo-marker-100{left: 100%; }
.serp-viewport-desktop{max-width: 600px; margin: 0 auto; }
.serp-viewport-tablet{max-width: 600px; margin: 0 auto; } .serp-viewport-mobile{max-width: 375px; margin: 0 auto; }
.serp-viewport-iphone15{max-width: 393px; margin: 0 auto; }
.serp-viewport-pixel7{max-width: 412px; margin: 0 auto; }
.google-result-card{font-family: arial, sans-serif; text-align: left; background: #fff; padding: 10px; border-radius: 8px; }
.google-url-row{display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.google-favicon{width: 28px; height: 28px; background: #f1f3f4; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.google-site-name{font-size: 14px; color: #202124; }
.google-url{font-size: 12px; color: #4d5156; }
.google-title{font-size: 20px; color: #1a0dab; margin: 0 0 3px 0; font-weight: 400; line-height: 1.3; cursor: pointer; }
.google-title:hover{text-decoration: underline; }
.google-body-row{display: flex; gap: 16px; }
.google-text-col{flex: 1; }
.google-thumb-col{width: 104px; height: 104px; flex-shrink: 0; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 32px; }
.google-rating-row{align-items: center; gap: 4px; font-size: 14px; color: #70757a; margin-top: 2px; margin-bottom: 4px; }
.google-stars{color: #fbbc04; }
.google-price-row{font-size: 14px; color: #70757a; margin-bottom: 4px; }
.google-price{font-weight: bold; color: #202124; }
.google-stock{color: #10b981; }
.google-desc-wrapper{font-size: 14px; color: #4d5156; line-height: 1.58; }
.google-date{color: #70757a; }
.google-sitelinks{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; font-size: 14px; }
.google-sitelinks a{color: #1a0dab; text-decoration: none; }
.google-sitelinks a:hover{text-decoration: underline; }
.google-faq{margin-top: 10px; }
.google-faq-title{font-size: 14px; font-weight: bold; margin-bottom: 4px; color: #202124; }
.google-faq-item{border-top: 1px solid #dfe1e5; padding: 10px 0; font-size: 14px; color: #202124; display: flex; justify-content: space-between; cursor: pointer; } .serp-viewport-mobile .google-result-card,
.serp-viewport-iphone15 .google-result-card, .serp-viewport-pixel7 .google-result-card{font-family: Roboto, "Helvetica Neue", Arial, sans-serif; }
.serp-viewport-mobile .google-title, .serp-viewport-iphone15 .google-title, .serp-viewport-pixel7 .google-title{color: #1558d6; font-size: 20px; line-height: 1.3; margin-bottom: 6px; }
.serp-viewport-mobile .google-url-row, .serp-viewport-iphone15 .google-url-row, .serp-viewport-pixel7 .google-url-row{gap: 10px; margin-bottom: 8px; }
.serp-viewport-mobile .google-sitelinks a, .serp-viewport-iphone15 .google-sitelinks a, .serp-viewport-pixel7 .google-sitelinks a{background: #f1f3f4; padding: 6px 12px; border-radius: 16px; color: #202124; font-size: 14px; } .serp-ai-variant{border: 1px solid #e2e8f0; border-radius: 6px; padding: 10px; background: #fff; cursor: pointer; transition: border-color 0.2s; }
.serp-ai-variant:hover{border-color: #3b82f6; }
.serp-ai-tag{font-size: 11px; font-weight: bold; background: #eff6ff; color: #2563eb; padding: 2px 6px; border-radius: 4px; display: inline-block; margin-bottom: 4px; text-transform: uppercase; }
.serp-ai-text{font-size: 13px; color: #334155; } .seo-flex{display: flex; }
.seo-flex-col{display: flex; flex-direction: column; }
.seo-flex-between{display: flex; justify-content: space-between; align-items: center; }
.seo-flex-center{display: flex; justify-content: center; align-items: center; }
.seo-align-center{align-items: center; }
.seo-flex-wrap{flex-wrap: wrap; }
.seo-flex-1{flex: 1 1 0%; }
.seo-flex-1-5{flex: 1.5 1 0%; }
.seo-mb-1{margin-bottom: 0.25rem; }
.seo-mb-2{margin-bottom: 0.5rem; }
.seo-mb-3{margin-bottom: 1rem; }
.seo-mb-4{margin-bottom: 1.5rem; }
.seo-mt-3{margin-top: 1rem; }
.seo-mt-4{margin-top: 1.5rem; }
.seo-pb-1{padding-bottom: 0.25rem; }
.seo-pb-3{padding-bottom: 1rem; }
.seo-p-3{padding: 1rem; }
.seo-p-4{padding: 1.5rem; }
.seo-pt-3{padding-top: 1rem; }
.seo-gap-1{gap: 0.5rem; }
.seo-gap-2{gap: 1rem; }
.seo-gap-4{gap: 1.5rem; }
.seo-min-w-300{min-width: 300px; }
.seo-border{border: 1px solid #e2e8f0; }
.seo-border-b{border-bottom: 1px solid #e2e8f0; }
.seo-border-t{border-top: 1px solid #e2e8f0; }
.seo-rounded-md{border-radius: 0.375rem; }
.seo-bg-slate-50{background-color: #f8fafc; }
.seo-bg-white{background-color: #ffffff; }
.seo-font-bold{font-weight: 700; }
.seo-font-semibold{font-weight: 600; }
.seo-text-sm{font-size: 0.875rem; }
.seo-text-xs{font-size: 0.75rem; }
.seo-text-lg{font-size: 1.125rem; }
.seo-text-dark{color: #0f172a; }
.seo-text-light{color: #64748b; }
.seo-hidden{display: none !important; }
.seo-cursor-pointer{cursor: pointer; }
.seo-overflow-x-auto{overflow-x: auto; }
.seo-h-1{height: 0.25rem; }
.seo-h-full{height: 100%; }
.seo-w-85{width: 85%; }
.seo-bg-green-500{background-color: #22c55e !important; }
.seo-bg-yellow-500{background-color: #eab308 !important; }
.seo-bg-red-500{background-color: #ef4444 !important; }
.seo-grid-2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .seo-btn-primary{background-color: #2F4F4F;
color: #fff;
border: none;
border-radius: 4px;
padding: 0.5rem 1rem;
cursor: pointer;
font-weight: 600;
}
.seo-btn-secondary{background-color: #e2e8f0;
color: #0f172a;
border: none;
border-radius: 4px;
padding: 0.5rem 1rem;
cursor: pointer;
font-weight: 600;
}
.seo-btn-sm{padding: 0.25rem 0.5rem;
font-size: 0.875rem;
} .seo-heatmap-bar{position: relative; height: 6px; background-color: #e2e8f0; border-radius: 3px; overflow: hidden; }
.seo-heatmap-fill{height: 100%; background-color: #22c55e; transition: width 0.2s, background-color 0.2s; }
.seo-heatmap-marker{position: absolute; top: 0; bottom: 0; width: 1px; background-color: #94a3b8; z-index: 10; }
.seo-marker-80{left: 80%; }
.seo-marker-100{left: 100%; } .ast-row{display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.ast-col-md-5{flex: 0 0 41.666667%; max-width: 41.666667%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.ast-col-md-7{flex: 0 0 58.333333%; max-width: 58.333333%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
@media(max-width:768px){.ast-col-md-5, .ast-col-md-7{flex:0 0 100%;max-width:100%;margin-bottom:20px;}
.seo-min-w-300{min-width:100%;}}
.seotologie-tool-box{padding: 28px 32px;
border-radius: 14px;
background: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.05), 0 12px 36px rgba(13, 185, 175, 0.15);
border: 2px solid #0DB9AF !important;
color: var(--seotologie-text-main);
font-family: var(--seotologie-font-base);
margin-bottom: 40px;
position: relative;
overflow: hidden;
} @media(max-width:600px){.seotologie-input-group{flex-direction:column !important;gap:var(--seotologie-space-4, 16px) !important;}
.seotologie-input-group > div{width:100% !important;flex:1 1 100% !important;}
.seotologie-input-group input, .seotologie-input-group button, .seotologie-input-group select{width:100% !important;}}
.seotologie-btn-primary.is-loading, .seotologie-btn-secondary.is-loading{background: linear-gradient(135deg, #0d9488, #115e59) !important;
cursor: wait !important;
opacity: 0.9 !important;
}
.seotologie-btn-spinner-mini{display: inline-block;
width: 14px;
height: 14px;
margin-left: 8px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #ffffff;
animation: seotologie-spin-mini 1s ease-in-out infinite;
vertical-align: middle;
}
@keyframes seotologie-spin-mini{to{transform:rotate(360deg);}}
.seotologie-history-container{margin-top: 15px;
margin-bottom: 25px;
}
.seotologie-history-tags{display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.seotologie-history-pill{background: #f8fafc;
border: 1px solid #e2e8f0;
padding: 6px 14px;
border-radius: 20px;
font-size: 0.85rem;
color: #475569;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
white-space: nowrap;
}
.seotologie-history-pill:hover{background: #f0fdf4;
border-color: #22c55e;
color: #1e293b;
transform: translateY(-1px);
}
.seotologie-history-clear{font-size: 0.85rem;
color: var(--seotologie-primary, #0f766e);
text-decoration: underline;
cursor: pointer;
margin-left: 10px;
transition: color 0.2s;
font-weight: 500;
}
.seotologie-history-clear:hover{color: var(--seotologie-primary-dark, #115e59);
} .seotologie-v11-export-row{display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
justify-content: flex-start !important;
align-items: center !important;
} .seotologie-expert-toggle-container{display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 10px;
font-size: 13px;
color: var(--seotologie-slate-dark);
}
.seotologie-expert-toggle-label{margin-right: 8px;
font-weight: 600;
} .seotologie-switch{position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.seotologie-switch input{opacity: 0;
width: 0;
height: 0;
}
.seotologie-slider{position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #cbd5e1;
transition: .4s;
border-radius: 20px;
}
.seotologie-slider:before{position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .seotologie-slider{background-color: var(--seotologie-primary);
}
input:checked + .seotologie-slider:before{transform: translateX(20px);
} .seotologie-expert-data{display: none;
background: #0f172a;
color: #e2e8f0;
padding: 15px;
border-radius: 8px;
margin-top: 20px;
font-family: monospace;
font-size: 12px;
line-height: 1.5;
overflow-x: auto;
border: 1px solid #334155;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
}
.seotologie-expert-data.is-active{display: block;
}
.seotologie-expert-data h4{color: #38bdf8;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #1e293b;
padding-bottom: 5px;
font-family: var(--seotologie-font-main);
}
.seotologie-expert-data pre{background: transparent;
border: none;
color: #a7f3d0;
padding: 0;
margin: 0 0 15px 0;
white-space: pre-wrap;
word-break: break-all;
}
.seotologie-expert-data table{width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}
.seotologie-expert-data th, .seotologie-expert-data td{padding: 6px 10px;
border: 1px solid #334155;
text-align: left;
}
.seotologie-expert-data th{background: #1e293b;
color: #94a3b8;
font-weight: 600;
}
.seotologie-expert-data td{color: #f8fafc;
}