.result-card{background:#fff;border-radius:24px;border:1px solid #e0e8da;overflow:hidden}.risk-section{padding:24px;text-align:center;border-bottom:1px solid #eef3ea;background:#fcfdfb}.risk-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6b7c6f;margin-bottom:8px}.risk-badge{font-size:20px;font-weight:700;margin-bottom:12px}.risk-badge.low{color:#1e4738}.risk-badge.medium{color:#f59e0b}.risk-badge.high{color:#c25a3a}.risk-desc{font-size:13px;color:#4a5e53;max-width:550px;margin:0 auto;line-height:1.5}.horizontal-layout{display:flex;gap:28px;padding:28px;flex-wrap:wrap;background:#fff}.donut-side{flex:1;min-width:240px;background:#fcfdfb;border-radius:20px;padding:24px 20px;text-align:center;border:1px solid #eef3ea}.cards-side{flex:3;display:flex;gap:20px;flex-wrap:wrap}.score-card{flex:1;min-width:150px;background:#fcfdfb;border-radius:20px;padding:20px 18px;border:1px solid #eef3ea;transition:all .2s}.score-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.card-dots{display:flex;gap:8px;margin-bottom:18px}.card-dot{width:10px;height:10px;border-radius:50%}.card-dot-green{background-color:#1e4738}.card-dot-orange{background-color:#f59e0b}.card-dot-red{background-color:#c25a3a}.card-title{font-size:20px;font-weight:700;color:#1e4738;margin-bottom:8px}.card-status{font-size:13px;font-weight:600;margin-top:8px}.card-status-valid{color:#1e4738}.card-status-warning{color:#f59e0b}.card-status-invalid{color:#c25a3a}.card-desc{font-size:11px;color:#6b7c6f;line-height:1.5;margin-top:6px}.donut-container{display:flex;justify-content:center;margin:10px 0}.donut-wrapper{position:relative;width:160px;height:160px}.donut-chart{width:100%;height:100%;border-radius:50%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100px;height:100px;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-score-value{font-size:38px;font-weight:800;line-height:1}.donut-score-total{font-size:11px;color:#6b7c6f}.dmarc-policy-badge{margin-top:18px;display:inline-block;padding:6px 16px;border-radius:40px;font-size:12px;font-weight:600}.policy-reject{background:#e0f2e9;color:#1e4738}.policy-quarantine{background:#fef3c7;color:#b45309}.policy-none{background:#e9ece5;color:#5b6e63}.outstanding-section{text-align:center;padding:20px 24px;border-top:1px solid #eef3ea;background:#fcfdfb}.outstanding-text{font-size:16px;font-weight:600;color:#1e4738;margin-bottom:12px}.outstanding-btn{background:#1e4738;color:#fff;border:none;padding:12px 28px;border-radius:40px;cursor:pointer;font-weight:600;transition:all .3s}.outstanding-btn:hover{background:#0d2f24}.details-section{padding:24px 28px;border-top:1px solid #eef3ea;background:#fff}.details-section h4{margin:0 0 20px;color:#1e4738;font-size:16px;font-weight:600}.detail-item{margin-bottom:28px}.detail-label{font-weight:700;color:#1e4738;margin-bottom:8px;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-status{font-size:12px;font-weight:400;padding:2px 10px;border-radius:20px}.detail-status.valid{background:#e0f2e9;color:#1e4738}.detail-status.warning{background:#fef3c7;color:#f59e0b}.detail-status.invalid{background:#fee2e2;color:#c25a3a}.record-value{background:#f8faf5;padding:14px 16px;border-radius:14px;font-family:monospace;font-size:12px;word-break:break-all;border:1px solid #e0e8da;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.record-text{flex:1;font-family:monospace;font-size:12px;word-break:break-all;max-height:100px;overflow-y:auto}.copy-btn{background:#1e4738;color:#fff;border:none;padding:6px 14px;border-radius:30px;cursor:pointer;font-size:11px;transition:all .2s}.copy-btn:hover{background:#0d2f24}.warning-text{color:#f59e0b;font-size:12px;margin-top:10px}.selector-badge{display:inline-block;background:#e0f2e9;padding:4px 12px;border-radius:20px;font-size:11px}.loading{text-align:center;padding:50px;background:#fff;border-radius:24px}.spinner{display:inline-block;width:28px;height:28px;border:3px solid #e0e8da;border-top-color:#1e4738;border-radius:50%;animation:spin .8s linear infinite}@media (max-width:768px){.horizontal-layout{flex-direction:column;padding:20px}.cards-side{flex-direction:column}.record-value{flex-direction:column;align-items:flex-start}}