{{--
  Minimal standalone layout for the patient-facing thin web view. It is
  intentionally NOT the ERP admin layout (the patient is a `contacts` account,
  not a staff user). Kept dependency-free so it renders even when the customer
  guard is not wired.
--}}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>@yield('title', __('medportal::lang.me_title'))</title>
    <style>
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; background: #f4f6f9; color: #333; }
        .mp-header { background: #3c8dbc; color: #fff; padding: 16px 20px; font-size: 18px; }
        .mp-wrap { max-width: 860px; margin: 20px auto; padding: 0 16px; }
        .mp-card { background: #fff; border: 1px solid #e0e4e8; border-radius: 4px; margin-bottom: 18px; }
        .mp-card h3 { margin: 0; padding: 12px 16px; border-bottom: 1px solid #eee; font-size: 15px; }
        .mp-card .mp-body { padding: 12px 16px; }
        table { width: 100%; border-collapse: collapse; }
        th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
        .mp-muted { color: #888; }
        .mp-badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 12px; background: #dff0d8; color: #3c763d; }
        .mp-badge.off { background: #f2dede; color: #a94442; }
        .mp-btn { display: inline-block; background: #3c8dbc; color: #fff; border: 0; padding: 8px 14px; border-radius: 3px; cursor: pointer; text-decoration: none; font-size: 14px; }
        input, select { padding: 6px; border: 1px solid #ccc; border-radius: 3px; }
        .mp-status { background: #dff0d8; color: #3c763d; padding: 8px 12px; border-radius: 3px; margin-bottom: 12px; }
    </style>
</head>
<body>
    <div class="mp-header">@lang('medportal::lang.me_title')</div>
    <div class="mp-wrap">
        @if(session('status'))
            <div class="mp-status">{{ session('status') }}</div>
        @endif
        @yield('body')
    </div>
</body>
</html>
