@if(count($emergencyActions))

    <div class="panel"
         style="
            padding:14px;
            border:1px solid #fecaca;
            background:linear-gradient(
                to bottom,
                #fff5f5,
                #ffffff
            );
         ">

        <div style="
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin-bottom:12px;
            flex-wrap:wrap;
        ">

            <div style="
                display:flex;
                align-items:center;
                gap:8px;
            ">

                <div style="
                    width:28px;
                    height:28px;
                    border-radius:8px;
                    background:#fee2e2;
                    color:#dc2626;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-size:14px;
                    font-weight:900;
                    flex-shrink:0;
                ">

                    !

                </div>

                <div>

                    <div style="
                        font-size:14px;
                        font-weight:900;
                        color:#991b1b;
                        line-height:1;
                        margin-bottom:3px;
                    ">

                        Emergency Actions

                    </div>

                    <div style="
                        font-size:11px;
                        color:#b91c1c;
                        line-height:1.3;
                    ">

                        Immediate clinical attention required

                    </div>

                </div>

            </div>

            <div style="
                background:#fee2e2;
                color:#991b1b;
                border-radius:999px;
                padding:4px 9px;
                font-size:10px;
                font-weight:800;
                line-height:1;
            ">

                {{ count($emergencyActions) }} ACTIONS

            </div>

        </div>

        <div style="
            display:flex;
            flex-direction:column;
            gap:8px;
        ">

            @foreach($emergencyActions as $action)

                <div style="
                    display:flex;
                    align-items:flex-start;
                    gap:9px;
                    background:white;
                    border:1px solid #fee2e2;
                    border-radius:10px;
                    padding:10px;
                ">

                    <div style="
                        width:8px;
                        height:8px;
                        border-radius:999px;
                        background:#dc2626;
                        margin-top:5px;
                        flex-shrink:0;
                    "></div>

                    <div style="
                        font-size:12px;
                        line-height:1.5;
                        color:#7f1d1d;
                        font-weight:700;
                    ">

                        {{ $action }}

                    </div>

                </div>

            @endforeach

        </div>

    </div>

@endif