{{-- resources/views/manager/detailed_report/styles.blade.php --}}
<style>
    summary::marker { display: none; }

    .dr-accordion {
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #d9dce5;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
    }

    summary {
        background: #0d6efd;
        color: #fff;
        padding: 16px 20px;
        font-size: 16px;
        font-weight: 700;
        display:flex;
        justify-content:space-between;
        align-items:center;
        cursor:pointer;
    }

    summary::after {
        content:"▾";
        font-size:18px;
        margin-left:12px;
        transition:.25s;
    }

    details[open] > summary::after { transform: rotate(180deg); }

   .dr-title{
		font-weight: 700;
		min-width: 170px;
	}

    .dr-score {
        padding:6px 14px;
        border-radius:16px;
        font-weight:700;
        color:white;
        min-width:60px;
        text-align:center;
    }

    .score-green  { background:#28a745; }
    .score-orange { background:#fd7e14; }
    .score-red    { background:#dc3545; }
    .score-na     { background:#6c757d; }

    .dr-body { padding:16px; background:white; }

    .metric-left { font-weight:700; width:260px; }

    table.dr-table thead th {
        background:#f3f5fb;
        text-transform:uppercase;
        font-size:13px;
        padding:10px;
        border-bottom:1px solid #e2e6ef;
    }

    table.dr-table tbody tr:hover { background:#fafbfd; }

    .badge-yes { background:#28a745; color:white; padding:6px 14px; border-radius:20px; }
    .badge-no  { background:#dc3545; color:white; padding:6px 14px; border-radius:20px; }
    .badge-time { background:#0ea5e9; color:white; padding:6px 14px; border-radius:20px; }
    .badge-score { background:#7c3aed; color:white; padding:6px 14px; border-radius:20px; }
</style>