:root{
  --ldp-green:#009E49;
  --ldp-green-dark:#007A3D;
  --ldp-yellow:#FFC107;
  --ldp-yellow-soft:#FFF8D7;
  --ldp-blue:#0052CC;
  --ldp-blue-dark:#003B82;
  --ldp-white:#FFFFFF;
  --ldp-ink:#10233F;
  --ldp-muted:#65758F;
  --ldp-line:#E4EAF2;
  --ldp-soft:#F7FAFF;
}

::selection{background:var(--ldp-yellow);color:var(--ldp-blue-dark)}
html{background:#F7FAFF}
body{background:var(--ldp-soft);color:var(--ldp-ink)}

[class~="bg-violet-600"]{background-color:var(--ldp-blue)!important}
[class~="bg-violet-700"]{background-color:var(--ldp-blue-dark)!important}
[class~="text-violet-600"],[class~="text-violet-700"]{color:var(--ldp-blue)!important}
[class~="text-violet-400"]{color:var(--ldp-green)!important}
[class*="border-violet-"]{border-color:rgba(0,82,204,.28)!important}
[class*="bg-violet-50"],[class*="bg-violet-100"]{background-color:#F2FFF7!important}
[class*="from-violet-600"]{--tw-gradient-from:#0052CC var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(0 82 204 / 0) var(--tw-gradient-to-position)!important}
[class*="to-fuchsia-500"]{--tw-gradient-to:#009E49 var(--tw-gradient-to-position)!important}
[class*="shadow-violet-"]{--tw-shadow-color:rgba(0,82,204,.18)!important}

.ldp-dashboard-surface{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,222,71,.78) 0,transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(0,125,63,.34) 0,transparent 30%),
    linear-gradient(110deg,#FFC107 0%,#F8C711 27%,#A9C62A 51%,#3DB65A 74%,#009E49 100%)!important;
}

.ldp-dashboard-panel{
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 28px 90px rgba(0,78,52,.18)!important;
}

.ldp-dashboard-sidebar{background:#F8FAFC!important;border-color:#E3E8EF!important}
.ldp-dashboard-sidebar nav button{color:#5D6B7E!important}
.ldp-dashboard-sidebar nav button:hover{background:#EEF4F7!important;color:var(--ldp-blue-dark)!important}
.ldp-dashboard-sidebar nav button:first-child{background:#EEF2F4!important;color:var(--ldp-blue-dark)!important;font-weight:700!important}
.ldp-dashboard-sidebar nav button:first-child svg{color:var(--ldp-green)!important}

.ldp-dashboard-topbar{background:rgba(255,255,255,.99)!important;border-color:#E5EAF0!important}
.ldp-dashboard-topbar>div:nth-child(2){
  width:250px!important;
  height:50px!important;
  flex:0 0 250px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/brand/lovable-de-pobre-logo.svg') left center/contain no-repeat!important;
}

.ldp-top-logo{display:block!important;width:250px!important;height:50px!important;object-fit:contain!important;object-position:left center!important}
.ldp-brand-icon{width:36px!important;height:36px!important;border-radius:11px!important;object-fit:cover!important;box-shadow:0 5px 16px rgba(0,82,204,.16)!important}
.ldp-workspace-name{color:var(--ldp-blue-dark)!important;font-weight:800!important;letter-spacing:-.01em!important}
.ldp-tagline{color:#5F7090!important}

.ldp-brand-pill,.ldp-br-pill{border-color:rgba(0,158,73,.22)!important;background:#F4FFF8!important;color:#007A3D!important}
[data-ldp-pill] span,[data-ldp-br] span{background:#009E49!important;box-shadow:0 0 0 3px rgba(0,158,73,.12)!important}
[data-ldp-pill]{font-size:0!important}
[data-ldp-pill]::after{content:"feito para criar mais gastando menos";font-size:10px;font-weight:800;letter-spacing:.01em}

button.ldp-primary,[data-ldp-primary="true"]{background:var(--ldp-blue)!important;color:#fff!important;border-color:var(--ldp-blue)!important;box-shadow:0 10px 24px rgba(0,82,204,.18)!important}
button.ldp-primary:hover,[data-ldp-primary="true"]:hover{background:var(--ldp-blue-dark)!important;border-color:var(--ldp-blue-dark)!important;transform:translateY(-1px)}

.text-emerald-600{color:var(--ldp-green)!important}
.bg-emerald-500{background-color:var(--ldp-green)!important}
input:focus,textarea:focus,select:focus{border-color:rgba(0,82,204,.55)!important;box-shadow:0 0 0 3px rgba(0,82,204,.09)!important}

.ldp-project-card,.ldp-new-project-card,.ldp-project-card[data-ldp-primary="true"],.ldp-new-project-card[data-ldp-primary="true"]{background:transparent!important;color:inherit!important;border-color:transparent!important;box-shadow:none!important}
.ldp-project-card:hover,.ldp-new-project-card:hover,.ldp-project-card[data-ldp-primary="true"]:hover,.ldp-new-project-card[data-ldp-primary="true"]:hover{background:transparent!important;color:inherit!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}
.ldp-project-card>div:first-child{background:#F0F5FA!important;border-color:#DCE5EE!important;box-shadow:0 8px 24px rgba(0,57,130,.08)!important}
.ldp-project-card:hover>div:first-child{border-color:rgba(0,82,204,.32)!important;box-shadow:0 16px 36px rgba(0,82,204,.12)!important}
.ldp-new-project-card>div:first-child{border-color:rgba(0,82,204,.32)!important;background:linear-gradient(145deg,#F4FFF8 0%,#FFFFFF 55%,#FFF9DE 100%)!important}
.ldp-new-project-card:hover>div:first-child{border-color:var(--ldp-blue)!important}

.ldp-preview-frame-wrap{position:absolute;inset:0;overflow:hidden;background:#fff}
.ldp-preview-frame{position:absolute;top:0;left:0;width:1280px!important;height:820px!important;max-width:none!important;border:0!important;transform-origin:0 0;pointer-events:none;background:#fff}
.ldp-preview-shade{position:absolute;inset:auto 0 0 0;height:42%;pointer-events:none;background:linear-gradient(to top,rgba(0,59,130,.20),transparent)}
.ldp-preview-badge{position:absolute;left:10px;bottom:9px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(0,59,130,.86);color:#fff;font-size:9px;line-height:1;font-weight:800;backdrop-filter:blur(8px)}
.ldp-preview-badge::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--ldp-yellow);box-shadow:0 0 0 3px rgba(255,193,7,.18)}
.ldp-preview-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#F7FAFF,#EEF5FA);color:#60718A;font-size:10px;font-weight:700}
.ldp-preview-loading::before{content:"";width:14px;height:14px;margin-right:8px;border:2px solid rgba(0,82,204,.18);border-top-color:var(--ldp-blue);border-radius:999px;animation:ldp-spin .8s linear infinite}
@keyframes ldp-spin{to{transform:rotate(360deg)}}

/* Workspace keeps the dark professional treatment. */
.ldp-dark-shell{background:#071A33!important}
.ldp-dark-shell header{background:#08213E!important;border-color:rgba(255,255,255,.09)!important}
.ldp-dark-shell aside{background:#0A2747!important;border-color:rgba(255,255,255,.08)!important}
.ldp-dark-shell section{background:#071D36!important}
.ldp-dark-shell select,.ldp-dark-shell textarea{background:#0E2C50!important}
.ldp-dark-shell button[class*="bg-white"]{color:var(--ldp-blue-dark)!important}

/* Connections screen — same Brazil identity as the dashboard, without changing workspace. */
.ldp-dark-shell:has(> header + section){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,225,82,.92) 0,rgba(255,225,82,.48) 19%,transparent 38%),
    radial-gradient(circle at 86% 16%,rgba(111,220,104,.48) 0,transparent 31%),
    linear-gradient(118deg,#FFF2A4 0%,#F9F8C8 34%,#CFF1C3 67%,#55C86C 100%)!important;
  color:var(--ldp-ink)!important;
}
.ldp-dark-shell:has(> header + section)::before{
  content:"";
  position:absolute;
  inset:auto -12% -26% -8%;
  height:58%;
  z-index:-1;
  border-radius:50% 50% 0 0/100% 100% 0 0;
  background:linear-gradient(105deg,#159C4A 0%,#2CC15C 54%,#00A84F 100%);
  transform:rotate(-2deg);
  box-shadow:0 -14px 0 rgba(255,210,16,.74);
}
.ldp-dark-shell:has(> header + section)::after{
  content:"";
  position:absolute;
  right:8%;
  top:18%;
  width:260px;
  height:260px;
  z-index:-1;
  opacity:.09;
  border:28px solid var(--ldp-green-dark);
  border-radius:44% 56% 48% 52%;
  transform:rotate(18deg);
}
.ldp-dark-shell:has(> header + section) > header{
  background:rgba(255,255,255,.97)!important;
  border-color:#E2E8F0!important;
  color:var(--ldp-blue-dark)!important;
  box-shadow:0 1px 0 rgba(0,59,130,.04);
}
.ldp-dark-shell:has(> header + section) > header button{
  color:var(--ldp-blue)!important;
}
.ldp-dark-shell:has(> header + section) > section{
  position:relative;
  z-index:1;
  background:transparent!important;
  color:var(--ldp-ink)!important;
}
.ldp-dark-shell:has(> header + section) > section > div:first-child h1{
  color:var(--ldp-blue-dark)!important;
  letter-spacing:-.025em;
}
.ldp-dark-shell:has(> header + section) > section > div:first-child p{
  color:#5F7090!important;
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3){
  padding:18px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.80)!important;
  box-shadow:0 26px 70px rgba(0,91,55,.14)!important;
  backdrop-filter:blur(18px);
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3) > div{
  background:rgba(255,255,255,.96)!important;
  border-color:#DCE5EE!important;
  color:var(--ldp-ink)!important;
  box-shadow:0 8px 22px rgba(0,59,130,.055)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3) > div:hover{
  border-color:rgba(0,82,204,.26)!important;
  box-shadow:0 12px 30px rgba(0,82,204,.10)!important;
  transform:translateY(-1px);
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3) > div:first-child{
  background:linear-gradient(90deg,#F4FFF8 0%,#FBFFFC 100%)!important;
  border-color:rgba(0,158,73,.28)!important;
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3) > div > div > div:first-child > div:first-child{
  background:#F2F5F8!important;
  color:var(--ldp-blue-dark)!important;
}
.ldp-dark-shell:has(> header + section) > section > div:nth-child(3) > div:first-child > div > div:first-child > div:first-child{
  background:#111820!important;
  color:#fff!important;
}
.ldp-dark-shell:has(> header + section) [class*="text-slate-500"]{color:#6B7890!important}
.ldp-dark-shell:has(> header + section) [class*="text-slate-400"]{color:#728096!important}
.ldp-dark-shell:has(> header + section) [class*="text-slate-300"]{color:#54657F!important}
.ldp-dark-shell:has(> header + section) [class*="border-white"]{border-color:#DCE5EE!important}
.ldp-dark-shell:has(> header + section) [class*="bg-white/5"],
.ldp-dark-shell:has(> header + section) [class*="bg-white/[.04]"]{background:#F3F6FA!important}
.ldp-dark-shell:has(> header + section) button[class*="bg-white"]{
  background:#fff!important;
  color:var(--ldp-blue)!important;
  border-color:rgba(0,82,204,.24)!important;
}
.ldp-dark-shell:has(> header + section) button[class*="bg-white"]:hover{
  background:#F4F8FF!important;
  border-color:rgba(0,82,204,.42)!important;
}
.ldp-dark-shell:has(> header + section) [data-ldp-primary="true"]{
  background:var(--ldp-blue)!important;
  color:#fff!important;
  border-color:var(--ldp-blue)!important;
}
.ldp-dark-shell:has(> header + section) .text-emerald-400,
.ldp-dark-shell:has(> header + section) .text-emerald-500,
.ldp-dark-shell:has(> header + section) .text-emerald-600{
  color:var(--ldp-green)!important;
}
.ldp-dark-shell:has(> header + section) .bg-emerald-500{background:var(--ldp-green)!important}

@media (max-width:900px){
  .ldp-top-logo{width:185px!important;height:40px!important}
  .ldp-dashboard-topbar>div:nth-child(2){width:185px!important;height:40px!important;flex-basis:185px!important}
  .ldp-dark-shell:has(> header + section) > section{padding:22px 14px!important}
  .ldp-dark-shell:has(> header + section) > section > div:nth-child(3){padding:10px!important;border-radius:18px!important}
  .ldp-dark-shell:has(> header + section)::after{width:150px;height:150px;right:-10%;top:16%}
}