@import url("../Ratio/Detail.css");

:root {
    --report-brand: #f59e0b;
    --report-brand-dark: #d97706;
    --report-brand-soft: #fef3c7;
    --report-brand-soft-2: #fde68a;
}

.app-shell {
    min-height: 100vh;
}

.wrap {
    max-width: 730px;
    margin: 0 auto;
    padding: 12px 12px 18px;
}

.detailRoot {
    gap: 12px;
}

.reportHero {
    background: linear-gradient(135deg, rgba(var(--league-accent-rgb), .92), #fbbf24);
    border-color: rgba(var(--league-accent-rgb), .28);
    box-shadow: 0 14px 28px rgba(245, 158, 11, .18);
}

.reportHero .metaPill {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.24);
    color: rgba(255,255,255,.96);
}

.reportHero .leaguePill {
    background: rgba(255,255,255,.16);
}

.reportHero .actionBtn {
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.18);
    color: #fff;
}

.sectionHeader {
    background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%);
}

.tip {
    background: var(--report-brand-soft);
    border-color: var(--report-brand-soft-2);
    color: var(--report-brand-dark);
}

.panelLabel {
    color: var(--report-brand-dark);
    background: var(--report-brand-soft);
    border-color: var(--report-brand-soft-2);
}

.summaryCard-strong {
    background: linear-gradient(180deg, #fff7ea, #ffffff);
    border-color: #fde2b4;
}

.summaryCard-strong .copyLabel {
    background: var(--report-brand-soft);
    border-color: var(--report-brand-soft-2);
    color: var(--report-brand-dark);
}

.sectionAdvice {
    color: #8a4b08;
}

.hlItem {
    border-color: #fde2b4;
    background: #fffaf1;
}

.hlTop span {
    color: #b45309;
}

.memoTag-rhythm,
.memoTag-process,
.memoTag-guide,
.memoTag-rq {
    color: var(--report-brand-dark);
    background: #fff7ea;
    border-color: #fde2b4;
}

#backToTop {
    background: var(--report-brand);
    box-shadow: 0 10px 24px rgba(245,158,11,.28);
}

@media (max-width: 768px) {
    .wrap {
        padding: 10px 10px 16px;
    }
}