/* DesignLabMoveis 1.100.87 · extraído do monólito 1.100.78 · ordem preservada */
  /* ==========================================================================
     1.100.78 · HOME OPÇÃO 1
     Layout escuro premium com acentos ciano/verde, definido para o projeto.
     Somente a tela inicial foi redesenhada; editor/CAD e IDs funcionais foram preservados.
     ========================================================================== */

  #projectHome{
    background:
      radial-gradient(circle at 12% 2%,rgba(0,226,211,.13),transparent 26%),
      radial-gradient(circle at 92% 13%,rgba(31,130,255,.12),transparent 28%),
      linear-gradient(155deg,#031018 0%,#06151e 43%,#020a10 100%) !important;
    color:#f4fbff;
    scrollbar-color:#1e4654 transparent;
  }
  #projectHome::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background-image:
      linear-gradient(rgba(57,216,221,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(57,216,221,.02) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom,black,transparent 48%);
  }
  #projectHome button{
    -webkit-tap-highlight-color:transparent;
  }

  .projectHomeShell{
    position:relative;z-index:1;
    width:min(1040px,calc(100% - 26px)) !important;
    margin:0 auto !important;
    padding:calc(20px + env(safe-area-inset-top)) 0 calc(110px + env(safe-area-inset-bottom)) !important;
  }

  /* TOPO */
  .projectHomeHeader{
    display:flex !important;align-items:center !important;justify-content:space-between !important;
    gap:12px !important;flex-wrap:nowrap !important;margin-bottom:18px;
  }
  .projectBrand{gap:10px !important;min-width:0}
  .projectBrandLogo{
    width:48px !important;height:48px !important;min-width:48px;border-radius:15px !important;
    background:
      linear-gradient(145deg,rgba(16,238,219,.24),rgba(34,131,255,.20)) !important;
    border:1px solid rgba(67,234,225,.42);
    box-shadow:0 0 0 1px rgba(47,225,220,.08) inset,0 10px 30px rgba(0,218,211,.14) !important;
    color:#5af3e7;font-size:12px !important;letter-spacing:-.7px;
  }
  .projectBrand strong{
    font-size:clamp(18px,4vw,26px) !important;
    letter-spacing:-.6px !important;white-space:nowrap;
  }
  .projectBrand strong .brandMoveis{color:#42e6d7;font-weight:650}
  .projectBrand span{
    color:#71909e !important;font-size:9px !important;margin-top:3px !important;
  }
  .homeTopButtons{display:flex;align-items:center;gap:7px}
  .homeTopButtons button{
    width:43px;min-width:43px;height:43px;min-height:43px;padding:0 !important;
    display:grid;place-items:center;border-radius:50% !important;
    border:1px solid rgba(142,191,209,.20) !important;
    background:rgba(8,25,34,.80) !important;color:#dffbff !important;
    box-shadow:none !important;font-size:17px !important;
  }
  .homeTopButtons #homeAdminPanel.show{display:grid !important}
  .homeTopButtons #homeAdminPanel{display:none}
  .homeTopButtons button:active{transform:scale(.95)}
  .homeVersionPill{
    display:inline-flex;align-items:center;gap:5px;margin-top:4px;
    color:#668493;font-size:8px;font-weight:700;
  }
  .homeVersionDot{width:5px;height:5px;border-radius:50%;background:#2edbd0;box-shadow:0 0 8px #2edbd0}

  /* CARD DE BOAS-VINDAS */
  .projectWelcomeCard{
    position:relative;overflow:hidden;min-height:170px;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,36%);
    align-items:center;gap:18px;padding:20px;
    border:1px solid rgba(87,171,194,.28);border-radius:22px;
    background:
      radial-gradient(circle at 12% 50%,rgba(22,224,211,.12),transparent 34%),
      linear-gradient(135deg,rgba(10,31,42,.96),rgba(5,19,28,.88));
    box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 38px rgba(25,207,205,.045) inset;
  }
  .projectWelcomeCard::after{
    content:"";position:absolute;inset:auto -50px -90px auto;width:300px;height:220px;
    border-radius:50%;background:rgba(30,225,215,.055);filter:blur(12px);pointer-events:none;
  }
  .homeWelcomeLeft{position:relative;z-index:2;min-width:0}
  .homeWelcomeEyebrow{
    color:#55e6dc;font-size:9px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;
  }
  #projectWelcomeTitle{
    margin:6px 0 5px;font-size:clamp(24px,5vw,39px);letter-spacing:-1.2px;line-height:1.02;
  }
  .homeWelcomeCopy{
    margin:0;color:#91a9b4;font-size:11px;line-height:1.5;max-width:480px;
  }

  .projectAccountArea{
    margin:14px 0 0 !important;justify-content:flex-start !important;gap:8px !important;
  }
  .projectAccountChip{
    max-width:min(100%,430px) !important;padding:8px 10px 8px 8px !important;
    border-radius:15px !important;border:1px solid rgba(59,224,214,.18) !important;
    background:rgba(3,15,22,.50) !important;backdrop-filter:blur(12px);
  }
  .projectAccountAvatar{
    width:48px !important;height:48px !important;flex:0 0 48px !important;
    border-radius:50% !important;font-size:13px !important;
    color:#021213 !important;
    background:linear-gradient(145deg,#55f4e6,#36aafa) !important;
    box-shadow:0 0 0 3px rgba(60,226,217,.12),0 8px 22px rgba(0,216,207,.15);
  }
  .projectAccountText strong{font-size:11px !important;color:#edfaff}
  .projectAccountText #projectAccountEmail{color:#6f8996 !important;font-size:8px !important}
  .projectAccountText .cloudLine{
    display:inline-flex !important;width:max-content;max-width:100%;
    margin-top:5px !important;padding:4px 7px;border-radius:999px;
    color:#55ddd5 !important;background:rgba(22,210,198,.08);
    border:1px solid rgba(38,214,203,.16);font-size:8px !important;
  }
  .projectAccountText .cloudLine.ok{color:#5de7a2 !important;border-color:rgba(63,221,151,.18);background:rgba(51,213,137,.07)}
  .projectAccountText .cloudLine.warn{color:#ffbd68 !important;border-color:rgba(255,177,73,.20);background:rgba(255,177,73,.07)}
  #homeLogoutBtn{
    width:39px;min-width:39px;height:39px;min-height:39px;border-radius:50% !important;
    padding:0 !important;background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .homeBlueprint{
    position:relative;z-index:1;min-height:132px;border-radius:16px;
    opacity:.86;overflow:hidden;
    background:
      linear-gradient(90deg,transparent 0 12%,rgba(58,229,218,.10) 12.5% 13%,transparent 13.5% 34%,rgba(58,229,218,.10) 34.5% 35%,transparent 35.5% 70%,rgba(58,229,218,.10) 70.5% 71%,transparent 71.5%),
      linear-gradient(transparent 0 20%,rgba(58,229,218,.10) 20.5% 21%,transparent 21.5% 56%,rgba(58,229,218,.10) 56.5% 57%,transparent 57.5% 82%,rgba(58,229,218,.10) 82.5% 83%,transparent 83.5%),
      linear-gradient(145deg,rgba(25,225,214,.05),rgba(25,225,214,.01));
    border:1px solid rgba(53,220,212,.09);
    box-shadow:inset 0 0 35px rgba(11,220,210,.035);
  }
  .homeBlueprint::before,.homeBlueprint::after{
    content:"";position:absolute;border:1px solid rgba(72,225,218,.20);
  }
  .homeBlueprint::before{left:14%;right:10%;top:25%;bottom:18%;transform:skewY(-6deg)}
  .homeBlueprint::after{left:33%;right:30%;top:43%;bottom:18%;box-shadow:35px -18px 0 -1px rgba(0,0,0,0),35px -18px 0 0 rgba(72,225,218,.13)}
  .homeBlueprintLabel{
    position:absolute;right:10px;bottom:9px;color:#4faea9;font-size:7px;letter-spacing:.7px;
  }

  /* AÇÕES RÁPIDAS */
  .homeQuickActions{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;
  }
  .homeQuickAction{
    position:relative;min-height:90px !important;padding:14px !important;
    text-decoration:none;
    display:grid !important;grid-template-columns:48px minmax(0,1fr) 18px;
    align-items:center;gap:10px;text-align:left !important;
    border-radius:17px !important;border:1px solid rgba(91,158,178,.23) !important;
    background:linear-gradient(145deg,rgba(10,29,39,.94),rgba(6,20,28,.94)) !important;
    color:#effcff !important;box-shadow:0 10px 28px rgba(0,0,0,.16) !important;
  }
  .homeQuickAction:hover{border-color:rgba(53,226,215,.42) !important}
  .homeQuickAction:active{transform:scale(.985)}
  .homeQuickActions #homeAdminShortcut{display:none !important}
  .homeQuickActions #homeAdminShortcut.show{display:grid !important}
  .homeQuickIcon{
    width:48px;height:48px;display:grid;place-items:center;border-radius:14px;
    border:1px solid rgba(60,230,221,.18);background:rgba(25,210,202,.055);
    color:#53e9df;font-size:24px;font-weight:500;
  }
  .homeQuickAction:nth-child(2) .homeQuickIcon{color:#49c5ff}
  .homeQuickAction:nth-child(3) .homeQuickIcon{color:#64e79c}
  #homeDownloadApk .homeQuickIcon{color:#ffbf63}
  .homeQuickText strong{display:block;font-size:12px}
  .homeQuickText span{display:block;margin-top:4px;color:#748e9b;font-size:9px;line-height:1.3}
  .homeQuickChevron{color:#597886;font-size:19px;text-align:right}

  .homeProjectUtilities{
    display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px;
  }
  .homeProjectUtilities button{
    min-height:34px !important;padding:6px 9px !important;border-radius:9px !important;
    font-size:9px !important;background:rgba(8,24,32,.72) !important;
    border:1px solid rgba(115,167,184,.14) !important;color:#90a9b5 !important;box-shadow:none !important;
  }
  .homeProjectUtilities button:disabled{display:none}
  .homeInvisibleHook{display:none !important}
  .projectCurrentStrip{
    margin-top:8px !important;padding:8px 10px !important;border-radius:10px !important;
    background:rgba(13,38,48,.58) !important;border:1px solid rgba(64,199,196,.13) !important;
    color:#88a8b5 !important;font-size:9px !important;
  }

  /* CABEÇALHOS */
  .projectSectionHead{
    align-items:center !important;margin:28px 3px 11px !important;
  }
  .projectSectionHead h2{
    font-size:18px !important;letter-spacing:-.35px;
  }
  .projectSectionHead span{
    color:#54dcd4 !important;font-size:9px !important;font-weight:750;
  }
  .projectSectionTitleLine{display:flex;align-items:center;gap:8px}
  .projectSectionIcon{
    width:27px;height:27px;border-radius:8px;display:grid;place-items:center;
    color:#4be3d9;background:rgba(28,214,204,.07);border:1px solid rgba(50,219,210,.15);
  }

  /* PROJETOS RECENTES — lista horizontal como a opção 1 */
  #projectCards{
    display:grid !important;grid-template-columns:1fr !important;gap:10px !important;
  }
  .projectCard{
    min-height:150px;display:grid !important;grid-template-columns:minmax(180px,34%) minmax(0,1fr);
    border-radius:17px !important;border:1px solid rgba(103,157,175,.24) !important;
    background:linear-gradient(145deg,rgba(8,27,36,.96),rgba(5,18,25,.96)) !important;
    box-shadow:0 9px 28px rgba(0,0,0,.18) !important;
  }
  .projectCard:hover{border-color:rgba(47,220,211,.34) !important}
  .projectThumb{
    height:100% !important;min-height:150px;border-radius:16px 0 0 16px;
    background:
      radial-gradient(circle at 52% 44%,rgba(30,226,214,.10),transparent 34%),
      linear-gradient(150deg,#122934,#071219) !important;
  }
  .projectThumbFallback{color:#315363 !important;font-size:43px !important}
  .projectCardBody{
    min-width:0;padding:14px 14px 12px !important;display:flex;flex-direction:column;
  }
  .projectCardName{
    font-size:14px !important;color:#f2fbff;letter-spacing:-.15px;
  }
  .projectCardMeta{
    margin-top:5px !important;min-height:0 !important;color:#78909c !important;
    font-size:9px !important;line-height:1.55 !important;flex:1;
  }
  .projectCloudBadge{
    margin-top:7px !important;padding:4px 7px !important;border-radius:999px !important;
    background:rgba(37,205,195,.07) !important;color:#5edbd3 !important;
    border:1px solid rgba(48,211,202,.13);font-size:8px !important;
  }
  .projectCloudBadge.ok{color:#65e5a1 !important;background:rgba(51,213,137,.065) !important;border-color:rgba(51,213,137,.15)}
  .projectCloudBadge.pending{color:#ffc06c !important;background:rgba(255,177,73,.055) !important;border-color:rgba(255,177,73,.15)}
  .projectCloudBadge.local{color:#6ab9ff !important;background:rgba(45,125,250,.06) !important;border-color:rgba(65,151,255,.13)}
  .projectCardFooter{
    display:flex !important;justify-content:flex-end;gap:6px !important;margin-top:9px !important;
  }
  .projectCardFooter button{
    min-height:32px !important;padding:5px 9px !important;border-radius:9px !important;
    font-size:8px !important;box-shadow:none !important;
  }
  .projectCardFooter button.secondary{
    background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.08) !important;color:#98adb7 !important;
  }

  .projectEmpty{
    padding:36px 18px !important;border-color:rgba(84,150,171,.25) !important;
    background:rgba(5,20,28,.48);color:#738c97 !important;
  }

  /* MODELOS - visual, sem alterar o motor CAD */
  .homeModelsSection{margin-top:30px}
  .homeModelsHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 11px}
  .homeModelsHead h2{margin:0;font-size:18px;letter-spacing:-.35px}
  .homeModelsHead span{font-size:9px;color:#5cdbd4}
  .homeModelsRail{
    display:grid;grid-template-columns:1.05fr repeat(3,minmax(150px,1fr));gap:9px;overflow-x:auto;
    padding-bottom:4px;scrollbar-width:none;
  }
  .homeModelsRail::-webkit-scrollbar{display:none}
  .homeModelCard{
    min-width:0;min-height:156px;padding:10px;border-radius:15px;
    border:1px solid rgba(98,153,170,.23);
    background:linear-gradient(145deg,rgba(8,27,36,.93),rgba(5,18,25,.93));
  }
  .homeModelCard.favorite{
    display:grid;place-items:center;text-align:center;
    background:
      radial-gradient(circle at 50% 38%,rgba(27,219,209,.10),transparent 36%),
      linear-gradient(145deg,rgba(8,27,36,.93),rgba(5,18,25,.93));
  }
  .homeModelStar{font-size:39px;line-height:1;color:#4ce5dc;text-shadow:0 0 18px rgba(57,224,215,.14)}
  .homeModelCard strong{display:block;margin-top:8px;font-size:10px}
  .homeModelCard small{display:block;margin-top:4px;color:#708894;font-size:8px}
  .homeModelPreview{
    height:92px;border-radius:10px;position:relative;overflow:hidden;
    border:1px solid rgba(81,157,178,.13);
    background:
      linear-gradient(90deg,transparent 0 18%,rgba(59,223,215,.14) 18.5% 19%,transparent 19.5% 44%,rgba(59,223,215,.14) 44.5% 45%,transparent 45.5% 76%,rgba(59,223,215,.14) 76.5% 77%,transparent 77.5%),
      linear-gradient(transparent 0 28%,rgba(59,223,215,.14) 28.5% 29%,transparent 29.5% 68%,rgba(59,223,215,.14) 68.5% 69%,transparent 69.5%),
      linear-gradient(145deg,#0e2b36,#07161e);
  }
  .homeModelPreview::after{
    content:"";position:absolute;left:10%;right:10%;bottom:13%;height:34%;
    border:1px solid rgba(67,220,213,.28);box-shadow:0 -23px 0 -1px rgba(0,0,0,0),0 -23px 0 0 rgba(67,220,213,.18);
  }
  .homeModelCard:nth-child(3) .homeModelPreview::after{left:20%;right:20%;height:58%;bottom:10%}
  .homeModelCard:nth-child(4) .homeModelPreview::after{left:8%;right:8%;height:42%;bottom:18%;box-shadow:0 -17px 0 -1px rgba(0,0,0,0),0 -17px 0 0 rgba(67,220,213,.18)}
  .homeModelSoon{
    display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;
    background:rgba(68,217,208,.06);border:1px solid rgba(68,217,208,.12);
    color:#5dcfc8;font-size:7px;font-weight:750;
  }

  /* PROJETOS ANTIGOS */
  #legacyProjectsSection{
    margin-top:22px !important;border-color:rgba(255,177,73,.20) !important;
    background:rgba(255,177,73,.025) !important;
  }

  /* BARRA INFERIOR */
  .homeBottomNav{
    position:fixed;z-index:540;left:50%;bottom:max(8px,env(safe-area-inset-bottom));
    transform:translateX(-50%);width:min(900px,calc(100% - 20px));
    display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:6px;
    border:1px solid rgba(91,149,168,.24);border-radius:19px;
    background:rgba(3,15,22,.92);backdrop-filter:blur(18px);
    box-shadow:0 16px 45px rgba(0,0,0,.38),0 0 28px rgba(23,208,199,.035) inset;
  }
  .homeBottomNav button{
    min-height:57px !important;padding:6px 3px !important;border:0 !important;border-radius:13px !important;
    display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    background:transparent !important;box-shadow:none !important;color:#748b96 !important;
    font-size:8px !important;font-weight:700;
  }
  .homeBottomNav button .navIcon{font-size:20px;line-height:1;color:#8ca2ac}
  .homeBottomNav button.active{
    color:#dffcff !important;background:rgba(29,213,203,.075) !important;
    box-shadow:inset 0 0 0 1px rgba(44,225,215,.18),0 0 22px rgba(31,222,211,.055) !important;
  }
  .homeBottomNav button.active .navIcon{color:#55eee3;text-shadow:0 0 11px rgba(64,232,222,.24)}



/* ==========================================================================
   1.200.53 · CLARO REAL NO APK / TWA
   O tema claro deixa de ser uma camada translúcida sobre a base escura.
   Também impede o escurecimento automático do Android/TWA de alterar o Home.
   ========================================================================== */
html[data-app-theme="light"]{
  color-scheme:only light !important;
  background:#f4f7f9 !important;
  forced-color-adjust:none !important;
}
html[data-app-theme="light"] body.project-home-active{
  background:#f4f7f9 !important;
  color:#17242c !important;
  color-scheme:only light !important;
  forced-color-adjust:none !important;
}
html[data-app-theme="light"] #projectHome,
html[data-app-theme="light"] #projectHome *{
  color-scheme:only light !important;
  forced-color-adjust:none !important;
}
html[data-app-theme="light"] #projectHome{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  isolation:isolate;
}
html[data-app-theme="light"] #projectHome::before{
  filter:none !important;
  mix-blend-mode:normal !important;
}
/* No claro, cartões estruturais são opacos para o fundo escuro antigo nunca
   aparecer por transparência/backdrop-filter dentro da TWA. */
html[data-app-theme="light"] .projectWelcomeCard,
html[data-app-theme="light"] .projectAccountChip,
html[data-app-theme="light"] .homeQuickAction,
html[data-app-theme="light"] .projectCard,
html[data-app-theme="light"] .homeModelCard,
html[data-app-theme="light"] .homeBottomNav,
html[data-app-theme="light"] .homeTopButtons button{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* ==========================================================================
   1.200.48 · CLÁSSICO CLARO
   Tema padrão: claro, moderno e leve. O CSS escuro acima permanece intacto e
   reaparece integralmente quando data-app-theme="dark".
   ========================================================================== */
html[data-app-theme="light"] #projectHome{
  background:
    radial-gradient(circle at 9% 0%,rgba(42,184,167,.12),transparent 25%),
    radial-gradient(circle at 92% 12%,rgba(57,126,214,.09),transparent 28%),
    linear-gradient(155deg,#f8fafb 0%,#f2f6f7 48%,#edf3f4 100%) !important;
  color:#17242c;
  scrollbar-color:#b7c8ce transparent;
}
html[data-app-theme="light"] #projectHome::before{
  background-image:
    linear-gradient(rgba(47,120,130,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,120,130,.03) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,black,transparent 42%);
}
html[data-app-theme="light"] .projectBrandLogo{
  background:linear-gradient(145deg,#ffffff,#e8f5f3) !important;
  color:#128b7f !important;
  border-color:#cfe3df !important;
  box-shadow:0 8px 24px rgba(35,91,98,.10),inset 0 0 0 1px rgba(255,255,255,.8) !important;
}
html[data-app-theme="light"] .projectBrand strong{color:#17242c !important}
html[data-app-theme="light"] .projectBrand strong .brandMoveis{color:#148f83 !important}
html[data-app-theme="light"] .projectBrand span,
html[data-app-theme="light"] .homeVersionPill{color:#71838b !important}
html[data-app-theme="light"] .homeVersionDot{
  background:#23b59f;
  box-shadow:0 0 8px rgba(35,181,159,.35);
}
html[data-app-theme="light"] .homeTopButtons button{
  background:#ffffff !important;
  color:#263840 !important;
  border-color:#d9e4e8 !important;
  box-shadow:0 8px 22px rgba(35,61,72,.08) !important;
}
html[data-app-theme="light"] .projectWelcomeCard{
  border-color:#d9e5e8;
  background:
    radial-gradient(circle at 8% 42%,rgba(40,186,169,.10),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,250,250,.97));
  box-shadow:0 22px 60px rgba(38,68,78,.10),inset 0 0 0 1px rgba(255,255,255,.7);
}
html[data-app-theme="light"] .projectWelcomeCard::after{
  background:rgba(41,183,168,.07);
}
html[data-app-theme="light"] .homeWelcomeEyebrow{color:#148f83}
html[data-app-theme="light"] #projectWelcomeTitle{color:#15242c}
html[data-app-theme="light"] .homeWelcomeCopy{color:#677a83}
html[data-app-theme="light"] .projectAccountChip{
  background:#ffffff !important;
  border-color:#dbe5e8 !important;
  box-shadow:0 7px 20px rgba(43,70,80,.06);
}
html[data-app-theme="light"] .projectAccountAvatar{
  color:#fff !important;
  background:linear-gradient(145deg,#27b8a6,#368bd7) !important;
  box-shadow:0 0 0 3px rgba(47,174,158,.10),0 8px 22px rgba(35,122,133,.13);
}
html[data-app-theme="light"] .projectAccountText strong{color:#1b2c34 !important}
html[data-app-theme="light"] .projectAccountText #projectAccountEmail{color:#778891 !important}
html[data-app-theme="light"] .projectAccountText .cloudLine{
  color:#158d79 !important;
  background:#edf8f5 !important;
  border-color:#d4ece6 !important;
}
html[data-app-theme="light"] #homeLogoutBtn{
  background:#f1f5f6 !important;
  color:#43565f !important;
  border-color:#dce5e8 !important;
}
html[data-app-theme="light"] .homeBlueprint{
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(37,145,142,.11) 12.5% 13%,transparent 13.5% 34%,rgba(37,145,142,.11) 34.5% 35%,transparent 35.5% 70%,rgba(37,145,142,.11) 70.5% 71%,transparent 71.5%),
    linear-gradient(transparent 0 20%,rgba(37,145,142,.11) 20.5% 21%,transparent 21.5% 56%,rgba(37,145,142,.11) 56.5% 57%,transparent 57.5% 82%,rgba(37,145,142,.11) 82.5% 83%,transparent 83.5%),
    linear-gradient(145deg,#f3faf9,#edf4f5);
  border-color:#d9e7e7;
  box-shadow:inset 0 0 35px rgba(35,142,139,.04);
}
html[data-app-theme="light"] .homeBlueprint::before,
html[data-app-theme="light"] .homeBlueprint::after{border-color:rgba(42,139,137,.22)}
html[data-app-theme="light"] .homeBlueprintLabel{color:#5f8f8d}

/* Ações principais: cartões brancos com hierarquia simples. */
html[data-app-theme="light"] .homeQuickAction{
  border-color:#dce6e9 !important;
  background:linear-gradient(145deg,#ffffff,#f8fafb) !important;
  color:#1d2d35 !important;
  box-shadow:0 10px 28px rgba(35,61,72,.075) !important;
}
html[data-app-theme="light"] .homeQuickAction:hover{
  border-color:#bcdcd7 !important;
  box-shadow:0 14px 32px rgba(35,85,88,.11) !important;
}
html[data-app-theme="light"] .homeQuickIcon{
  border-color:#d9ece8;
  background:#edf8f5;
  color:#149582;
}
html[data-app-theme="light"] .homeQuickAction:nth-child(2) .homeQuickIcon{
  color:#337fbd;background:#eef5fb;border-color:#d9e7f2;
}
html[data-app-theme="light"] .homeQuickAction:nth-child(3) .homeQuickIcon,
html[data-app-theme="light"] .homeQuickAction:nth-child(4) .homeQuickIcon{
  color:#2a9a63;background:#eef8f2;border-color:#d9ecdf;
}
html[data-app-theme="light"] #homeDownloadApk .homeQuickIcon{
  color:#a86a18;background:#fbf5e9;border-color:#eee1c9;
}
html[data-app-theme="light"] .homeQuickText span{color:#73858d}
html[data-app-theme="light"] .homeQuickChevron{color:#94a6ad}

html[data-app-theme="light"] .homeProjectUtilities button{
  background:#ffffff !important;
  border-color:#dce5e8 !important;
  color:#657780 !important;
}
html[data-app-theme="light"] .projectCurrentStrip{
  background:#eef7f5 !important;
  border-color:#d6ebe6 !important;
  color:#5e7976 !important;
}
html[data-app-theme="light"] .projectSectionHead h2,
html[data-app-theme="light"] .homeModelsHead h2{color:#1b2c34}
html[data-app-theme="light"] .projectSectionHead span,
html[data-app-theme="light"] .homeModelsHead span{color:#398f87 !important}
html[data-app-theme="light"] .projectSectionIcon{
  background:#edf7f5;
  color:#178d81;
  border-color:#d6eae6;
}

/* Projetos recentes. */
html[data-app-theme="light"] .projectCard{
  background:#ffffff !important;
  border-color:#dce5e8 !important;
  box-shadow:0 10px 30px rgba(36,60,70,.08) !important;
}
html[data-app-theme="light"] .projectCard:hover{
  border-color:#c3dad7 !important;
  box-shadow:0 16px 38px rgba(36,70,76,.11) !important;
}
html[data-app-theme="light"] .projectThumb{
  background:
    radial-gradient(circle at 52% 44%,rgba(48,169,158,.10),transparent 34%),
    linear-gradient(150deg,#eef5f5,#e4ecee) !important;
}
html[data-app-theme="light"] .projectThumbFallback{color:#8da2aa}
html[data-app-theme="light"] .projectCardName{color:#1b2c34 !important}
html[data-app-theme="light"] .projectCardMeta{color:#73858d !important}
html[data-app-theme="light"] .projectCardFooter button.secondary{
  background:#f0f4f5 !important;
  border-color:#dce5e8 !important;
  color:#52656e !important;
}
html[data-app-theme="light"] .projectCloudBadge{
  background:#eef8f6 !important;color:#238e80 !important;border-color:#d7ebe7 !important;
}
html[data-app-theme="light"] .projectCloudBadge.ok{
  color:#258554 !important;background:#eef8f2 !important;border-color:#d7ebdf !important;
}
html[data-app-theme="light"] .projectCloudBadge.pending{
  color:#9a641e !important;background:#fbf5e9 !important;border-color:#eee2cc !important;
}
html[data-app-theme="light"] .projectCloudBadge.local{
  color:#397ead !important;background:#eef5fa !important;border-color:#d9e7ef !important;
}
html[data-app-theme="light"] .projectEmpty{
  background:rgba(255,255,255,.66);
  border-color:#ccdadd !important;
  color:#74868e !important;
}

/* Modelos. */
html[data-app-theme="light"] .homeModelCard{
  border-color:#dce5e8;
  background:linear-gradient(145deg,#ffffff,#f7fafb);
  box-shadow:0 8px 24px rgba(37,62,72,.06);
}
html[data-app-theme="light"] .homeModelCard.favorite{
  background:
    radial-gradient(circle at 50% 38%,rgba(42,180,164,.10),transparent 36%),
    linear-gradient(145deg,#ffffff,#f6faf9);
}
html[data-app-theme="light"] .homeModelStar{color:#188f83;text-shadow:none}
html[data-app-theme="light"] .homeModelCard strong{color:#24343c}
html[data-app-theme="light"] .homeModelCard small{color:#75878f}
html[data-app-theme="light"] .homeModelPreview{
  border-color:#dbe6e8;
  background:
    linear-gradient(90deg,transparent 0 18%,rgba(48,151,145,.13) 18.5% 19%,transparent 19.5% 44%,rgba(48,151,145,.13) 44.5% 45%,transparent 45.5% 76%,rgba(48,151,145,.13) 76.5% 77%,transparent 77.5%),
    linear-gradient(transparent 0 28%,rgba(48,151,145,.13) 28.5% 29%,transparent 29.5% 68%,rgba(48,151,145,.13) 68.5% 69%,transparent 69.5%),
    linear-gradient(145deg,#eef6f5,#e5edef);
}
html[data-app-theme="light"] .homeModelPreview::after{border-color:rgba(43,143,138,.25)}
html[data-app-theme="light"] .homeModelSoon{
  background:#eef8f6;border-color:#d8ebe7;color:#338a81;
}
html[data-app-theme="light"] #legacyProjectsSection{
  border-color:#ead9bd !important;
  background:rgba(255,248,235,.68) !important;
}

/* Barra inferior clara estilo app nativo. */
html[data-app-theme="light"] .homeBottomNav{
  border-color:#d8e3e6;
  background:#ffffff;
  box-shadow:0 18px 45px rgba(31,57,67,.15),inset 0 0 0 1px rgba(255,255,255,.65);
}
html[data-app-theme="light"] .homeBottomNav button{color:#73858d !important}
html[data-app-theme="light"] .homeBottomNav button .navIcon{color:#83959d}
html[data-app-theme="light"] .homeBottomNav button.active{
  color:#176f68 !important;
  background:#edf8f5 !important;
  box-shadow:inset 0 0 0 1px #d4ebe6 !important;
}
html[data-app-theme="light"] .homeBottomNav button.active .navIcon{
  color:#168f82;text-shadow:none;
}

/* 1.200.65 · TWA/PWA: reforço contra Auto Dark do Android. Só atua quando
   o próprio DesignLab escolheu explicitamente o tema claro. */
@media (display-mode: standalone){
  html[data-app-theme="light"],
  html[data-app-theme="light"] body.project-home-active,
  html[data-app-theme="light"] #projectHome{
    color-scheme:only light !important;
    forced-color-adjust:none !important;
    background-color:#f4f7f9 !important;
  }
}