<!DOCTYPE html>
<html class="production" data-theme="dark">
<head>
  <title><%= t('doorkeeper.layouts.application.title') %></title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="color-scheme" content="dark">

  <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
  <%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" %>
  <%= csrf_meta_tags %>
</head>
<body class="min-h-screen bg-darker text-white" style="margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;">
  <main class="w-full max-w-md px-5 py-8">
    <%- if flash[:notice].present? %>
      <div class="mb-6 p-4 bg-green-500/10 border border-green-500/20 rounded-lg text-green-400">
        <%= flash[:notice] %>
      </div>
    <% end -%>

    <%= yield %>
  </main>
</body>
</html>
