.analyzer-result,
.analyzer-result-home { display: none; margin-top: 26px; scroll-margin-top: 96px; }

.result-card-neo {
    padding: 28px;
    border: 1px solid rgba(215, 229, 237, .9);
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 36px rgba(20, 55, 78, .08);
    backdrop-filter: blur(14px);
}

.result-header-neo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dce8ef;
}

.result-header-neo h3 { margin: 0; color: #102a43; font-size: 1.28rem; font-weight: 800; letter-spacing: -.03em; }
.result-header-neo h3 i { margin-right: 5px; color: #17a6a1; }
.result-close { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: #61758a; border: 1px solid #d5e3eb; border-radius: 11px; background: #f8fbfc; transition: 220ms ease; }
.result-close:hover { color: #fff; border-color: #17a6a1; background: #17a6a1; transform: rotate(4deg); }

.summary-block { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr); gap: 22px; padding: 20px; border: 1px solid #cde8e6; border-radius: 18px; background: linear-gradient(135deg, #edf9f8, #f1f6fd); }
.summary-kicker { display: inline-flex; margin-bottom: 6px; color: #0e837f; font-size: .68rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.summary-copy h4 { margin: 0 0 5px; color: #102a43; font-size: 1rem; font-weight: 800; }
.summary-copy p { margin: 0; color: #61758a; font-size: .83rem; }
.summary-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.summary-stats .stat { display: flex; min-width: 0; flex-direction: column; padding: 9px 11px; border: 1px solid rgba(207, 224, 234, .9); border-radius: 10px; background: rgba(255, 255, 255, .82); }
.summary-stats strong { color: #102a43; font-size: 1rem; }
.summary-stats small { color: #71869a; font-size: .65rem; }

.result-list-neo { display: grid; gap: 11px; margin-top: 16px; }
.result-item-neo { padding: 17px; border: 1px solid #dce8ef; border-left: 4px solid #16866c; border-radius: 14px; background: #fff; transition: 220ms cubic-bezier(.2,.7,.3,1); }
.result-item-neo:hover { border-color: rgba(23, 166, 161, .35); box-shadow: 0 9px 24px rgba(20, 55, 78, .08); transform: translateX(3px); }
.result-item-neo.status-high { border-left-color: #d58922; background: #fffaf2; }
.result-item-neo.status-low { border-left-color: #4e86d9; background: #f5f9ff; }
.result-item-neo.status-critical { border-left-color: #d94f5c; background: #fff5f6; }
.result-item-neo.status-unknown { border-left-color: #7c8fa0; background: #f7fafc; }
.result-indicator-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.result-indicator-head h5 { margin: 0; color: #102a43; font-size: .96rem; font-weight: 800; }
.result-indicator-head h5 i { color: #16866c; }
.status-high .result-indicator-head h5 i { color: #d58922; }
.status-low .result-indicator-head h5 i { color: #4e86d9; }
.status-critical .result-indicator-head h5 i { color: #d94f5c; }
.status-unknown .result-indicator-head h5 i { color: #71869a; }
.badge-neo { flex: 0 0 auto; padding: 5px 10px; color: #16866c; border-radius: 999px; background: #e6f6f0; font-size: .69rem; font-weight: 800; }
.badge-neo.high { color: #a4620a; background: #fff0d9; }
.badge-neo.low { color: #346ebc; background: #e7f0ff; }
.badge-neo.critical { color: #b42f3e; background: #ffe5e8; }
.badge-neo.unknown { color: #526a7d; background: #e8eef2; }
.result-values { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; }
.result-values > div { min-width: 150px; padding: 9px 12px; border: 1px solid #e0eaf0; border-radius: 11px; background: rgba(248, 251, 252, .86); }
.result-values small, .result-values strong { display: block; }
.result-values small { color: #7890a3; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.result-values strong { margin-top: 2px; color: #102a43; font-size: .88rem; }
.result-interpretation { margin: 12px 0 0; color: #61758a; font-size: .82rem; }
.report-review { display: flex; gap: 9px; margin-top: 12px; padding: 11px 12px; color: #73571f; border: 1px solid #efd9a9; border-radius: 11px; background: #fffaf0; font-size: .75rem; }
.report-review i { margin-top: 3px; color: #d58922; }

.indicator-details { margin-top: 13px; }
.indicator-details > summary { list-style: none; }
.indicator-details > summary::-webkit-details-marker { display: none; }
.indicator-details .btn-detail { display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; color: #176b87; border: 1px solid #cfe0ea; border-radius: 10px; background: #fff; font-size: .73rem; font-weight: 750; cursor: pointer; }
.indicator-details .btn-detail i { transition: transform 220ms ease; }
.indicator-details[open] .btn-detail i { transform: rotate(180deg); }
.indicator-details-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.report-detail-block { min-width: 0; padding: 15px 16px; border: 1px solid #dce8ef; border-radius: 12px; background: #fbfdfe; }
.report-detail-block.detail-wide { grid-column: 1 / -1; }
.report-detail-block.detail-high { border-color: #f0d9b6; background: #fffaf2; }
.report-detail-block.detail-low { border-color: #cfddf3; background: #f5f9ff; }
.report-detail-title { display: flex; align-items: center; gap: 4px; color: #102a43; font-size: .75rem; line-height: 1.35; }
.report-detail-title i { color: #17a6a1; }
.report-detail-block.detail-high .report-detail-title i { color: #d58922; }
.report-detail-block.detail-low .report-detail-title i { color: #4e86d9; }
.report-detail-block p,
.report-detail-list { margin: 7px 0 0; color: #526b7f; font-size: .78rem; line-height: 1.58; }
.report-detail-list { display: grid; gap: 6px; padding-left: 18px; }
.report-detail-list li::marker { color: #17a6a1; }
.detail-high .report-detail-list li::marker { color: #d58922; }
.detail-low .report-detail-list li::marker { color: #4e86d9; }

.report-followup { margin-top: 13px; padding: 17px 19px; border: 1px solid #dce8ef; border-radius: 15px; background: #f8fbfc; }
.report-followup h4 { margin: 0 0 7px; color: #102a43; font-size: .9rem; font-weight: 800; }
.report-followup h4 i { color: #17a6a1; }
.report-followup p, .report-followup ul { margin: 0; color: #61758a; font-size: .8rem; }
.report-followup ul { padding-left: 19px; }

.report-guest { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 16px 18px; border: 1px solid #cce7e5; border-radius: 15px; background: linear-gradient(120deg, #e8f9f7, #eef5ff); }
.report-guest strong, .report-guest span { display: block; }
.report-guest strong { color: #102a43; font-size: .86rem; }
.report-guest span { margin-top: 2px; color: #61758a; font-size: .74rem; }
.report-guest a { flex: 0 0 auto; padding: 9px 13px; color: #fff; border-radius: 10px; background: linear-gradient(135deg, #19b4aa, #1682a2); font-size: .74rem; font-weight: 750; text-decoration: none; }

.report-message { display: flex; gap: 12px; margin-top: 14px; padding: 15px 17px; color: #61758a; border: 1px solid #dce8ef; border-radius: 13px; background: #f8fbfc; font-size: .79rem; }
.report-message i { margin-top: 4px; color: #17a6a1; }
.report-message.warning { color: #70521f; border-color: #f0d7a7; background: #fffaf0; }
.report-message.warning i { color: #d58922; }
.report-message.error { margin: 24px 0; color: #873641; border-color: #efc8ce; background: #fff7f8; }
.report-message.error i { color: #d94f5c; }
.report-message.info { color: #315f74; border-color: #cfe3ee; background: #f4fafe; }
.report-trace { display: flex; align-items: center; gap: 7px; margin-top: 14px; color: #8293a1; font-size: .68rem; }
.report-trace i { color: #17a6a1; }
.report-trace span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

@media (max-width: 760px) {
    .result-card-neo { padding: 18px; border-radius: 20px; }
    .summary-block { grid-template-columns: 1fr; }
    .indicator-details-body { grid-template-columns: 1fr; }
    .report-guest { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 480px) {
    .result-header-neo h3 { font-size: 1.05rem; }
    .result-indicator-head { align-items: flex-start; flex-direction: column; gap: 8px; }
    .result-values > div { width: 100%; }
    .summary-stats { grid-template-columns: 1fr 1fr; }
}