<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
  body{margin:0;padding:0;background:#f8fafc;font-family:'Helvetica Neue',Arial,sans-serif;color:#565656}
  .wrap{max-width:600px;margin:32px auto;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0}
  .header{background:#1e3a5f;padding:28px 36px;text-align:center}
  .header .logo{font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.5px}
  .header .logo span{color:#25b87e}
  .body{padding:36px}
  .body h1{font-size:20px;font-weight:700;color:#1e3a5f;margin:0 0 8px}
  .body p{font-size:14px;line-height:1.7;margin:0 0 16px}
  .box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:20px 0}
  .box .row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}
  .box .row:last-child{border-bottom:none}
  .box .label{color:#94a3b8}
  .box .value{font-weight:600;color:#1e3a5f;text-align:right}
  .highlight{background:#e8f8f1;border:1px solid rgba(37,184,126,0.3);border-radius:12px;padding:16px 20px;margin:20px 0;font-size:14px;color:#1e3a5f}
  .highlight strong{color:#25b87e}
  .btn{display:inline-block;background:#25b87e;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px;padding:14px 28px;border-radius:10px;margin:8px 0}
  .footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 36px;text-align:center;font-size:12px;color:#94a3b8}
  .footer a{color:#25b87e;text-decoration:none}
</style>
</head>
<body>
<div class="wrap">
  <div class="header">
    <div class="logo">OP<span>CON</span></div>
    <p style="color:rgba(255,255,255,0.7);font-size:12px;margin:4px 0 0">Soluções Contábeis</p>
  </div>
  <div class="body">
    @yield('content')
  </div>
  <div class="footer">
    <p>OPCON Soluções Contábeis · Palmas, Tocantins</p>
    <p><a href="{{ config('app.url') }}">{{ config('app.url') }}</a> · contato@opcon.com.br · (63) 3219-7100</p>
    <p style="margin-top:8px;font-size:11px;">Você recebeu este e-mail porque tem um relacionamento ativo com a OPCON.</p>
  </div>
</div>
</body>
</html>
