.adghost-debug-marker {

    box-sizing: border-box !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 10px 12px !important;
    border: 1px solid #e4e4e7 !important;
    border-left: 3px solid #d4d4d8 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.adghost-marker-badge {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.adghost-marker-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #18181b !important;
}

.adghost-marker-reason {
    flex: 1 1 220px !important;
    color: #52525b !important;
}

.adghost-marker-score,
.adghost-marker-id,
.adghost-marker-type,
.adghost-marker-size {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: 11px !important;
    color: #71717a !important;
}

.adghost-debug-marker.available {
    border-left-color: #4B42DC !important;
}

.adghost-debug-marker.rejected {
    background: #fafafa !important;
    border-left-color: #a1a1aa !important;
}

.adghost-debug-marker.rejected .adghost-marker-label {
    color: #52525b !important;
}

.adghost-debug-marker.adghost-actual-unit {
    padding: 14px !important;
    border: 1px solid #4B42DC !important;
    border-left-width: 3px !important;
    background: #ffffff !important;
}

.adghost-actual-unit .adghost-marker-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #4B42DC !important;
}

.adghost-insert-test-ad {
    padding: 5px 12px !important;
    background: #4B42DC !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

.adghost-insert-test-ad:hover {
    background: #3F37BC !important;
}

.adghost-test-ad-container {
    margin: 20px 0 !important;
    padding: 16px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.adghost-test-ad-label {
    display: block !important;
    margin-bottom: 12px !important;
    color: #52525b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.adghost-placement-badge,
.adghost-score-badge {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #71717a !important;
}

.adghost-test-ad-placeholder {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    border: 1px solid #4B42DC !important;
    border-radius: 6px !important;
    background: #f4f4f5 !important;
    color: #18181b !important;
    overflow: hidden !important;
}

.adghost-test-ad-placeholder .size-label {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}

.adghost-test-ad-placeholder .name-label {
    font-size: 12px !important;
    color: #52525b !important;
}

.adghost-remove-test-ad {
    display: inline-block !important;
    margin-top: 12px !important;
    padding: 5px 12px !important;
    background: transparent !important;
    color: #52525b !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    font-family: inherit !important;
}

.adghost-remove-test-ad:hover {
    border-color: #a1a1aa !important;
    color: #18181b !important;
}

@media (max-width: 768px) {
    .adghost-debug-marker {
        margin: 12px 0 !important;
        padding: 8px 10px !important;
    }

    .adghost-marker-badge {
        gap: 6px !important;
    }
}

@media print {

    .adghost-debug-marker,
    .adghost-test-ad-container {
        display: none !important;
    }
}