/* ── AI Detector page — brand-consistent additions only ── */

/* Fix: suppress browser's native red :invalid border on page load              */
/* The textarea fires :invalid immediately because it's empty + required.        */
#detector_description:invalid {
    box-shadow: none !important;
}
#detector_description:invalid:not(:focus):placeholder-shown {
    border-color: #d1d5db;
}
.dark #detector_description:invalid:not(:focus):placeholder-shown {
    border-color: #474746;
}

/* Character counter */
.det-char-hint {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}

/* Advance-options chevron rotation */
.det-chevron { transition: transform 0.2s ease; }
.det-adv-open .det-chevron { transform: rotate(180deg); }

/* Report Details section heading — clean border-bottom divider */
.det-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0;
}
.dark .det-section-title {
    border-color: #474746;
}

/* Report result item (rendered by JS) */
.det-result-item {
    padding: 13px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    line-height: 1.6;
}
.dark .det-result-item { border-color: #474746; }
.det-result-item:last-child { border-bottom: none; padding-bottom: 0; }

/* Empty state placeholder */
.det-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 12px;
    text-align: center;
    gap: 8px;
}
.det-empty-state svg { opacity: 0.14; }