/* Report Issue / Missing Episode Panel */

.report-toggle {
    color: #999;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    transition: color 0.2s;
}
.report-toggle:hover {
    color: var(--status-bad-text);
}
.report-toggle .material-icons {
    font-size: 15px;
    vertical-align: middle;
}

.report-panel {
    display: none;
    background: #dae7e1;
    border-radius: 4px;
    border-top: 2px solid var(--status-bad-solid);
    padding: 8px 10px;
    margin-top: 5px;
    font-weight: normal;
    animation: reportSlideDown 0.2s ease-out;
}
.report-panel.is-visible {
    display: block;
}

@keyframes reportSlideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.report-panel label {
    font-size: 12px;
    color: #555;
    display: inline-block;
    margin-right: 3px;
}

.report-panel select,
.report-panel input[type="text"],
.report-panel input[type="number"] {
    font-family: Calibri, sans-serif;
    font-size: 13px;
    padding: 3px 5px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    color: #333;
    width: auto;
    margin: 2px 4px 2px 0;
    display: inline-block;
    float: none;
    box-sizing: border-box;
    height: auto;
    line-height: normal;
}
.report-panel input[type="text"] {
    width: 100px;
}
.report-panel input[type="number"] {
    width: 45px;
}

.report-panel .report-row {
    margin-bottom: 4px;
}

.report-panel .report-actions {
    margin-top: 4px;
}

.report-panel .btn-submit,
.report-panel .btn-cancel {
    font-family: Calibri, sans-serif;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-right: 4px;
    display: inline-block;
    background-color: transparent;
    color: #333;
}
.report-panel .btn-submit {
    background: #5e920b;
    color: #fff;
}
.report-panel .btn-submit:hover {
    background: #4d7a09;
}
.report-panel .btn-cancel {
    background: #ccc;
    color: #333;
}
.report-panel .btn-cancel:hover {
    background: #bbb;
}

.report-result {
    display: none;
    padding: 6px 10px;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: normal;
    animation: reportFadeIn 0.3s ease-out;
}
.report-result.is-visible {
    display: block;
}
.report-result.success {
    background: #e8f5e9;
    color: #2e7d32;
    border-left: 3px solid #5e920b;
}
.report-result.error {
    background: #fce4ec;
    color: #c62828;
    border-left: 3px solid var(--status-bad-solid);
}
.report-result .material-icons {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 4px;
}

@keyframes reportFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Missing episode toggle link - matches existing <small><a> style */
.report-missing-toggle {
    cursor: pointer;
    text-decoration: underline;
}