/* MODERA v9 — ortak kabuk dili (forest / atelier). Canlıya alınmadı. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --v9-ink:#12241a;
  --v9-paper:#f3f7f4;
  --v9-tile:#f7fbf8;
  --v9-line:#c5d4cb;
  --v9-accent:#2f6b4f;
  --v9-accent-soft:#8fc9a8;
  --v9-header:#0f1f18;
  --v9-muted:#6a7d72;
  --v9-shadow:0 10px 24px rgba(15,40,28,.12);
}

/* Ortak tipografi + arka plan atmosferi */
#mainApp .screen:not(#home){
  font-family:Manrope,system-ui,sans-serif;
  color:var(--v9-ink);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(143,201,168,.18),transparent 48%),
    linear-gradient(180deg,#f3f7f4,#e5ebe6);
}
#mainApp .screen:not(#home) h2,
#mainApp .screen:not(#home) .kicker{
  font-family:'Cormorant Garamond',Georgia,serif;
  letter-spacing:.03em;
}
#mainApp .screen:not(#home) .kicker{
  display:inline-block;font-size:11px;font-weight:700;color:var(--v9-accent);
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;
}
#mainApp .screen:not(#home) .back{
  color:var(--v9-accent)!important;font-weight:700;text-decoration:none;
}
#mainApp .screen:not(#home) .btn,
#mainApp .screen:not(#home) button.btn{
  border-radius:12px!important;font-family:Manrope,system-ui,sans-serif!important;
  border:1px solid var(--v9-line)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 3px 0 color-mix(in srgb,var(--v9-line) 80%,#7a8a80),0 8px 14px rgba(20,40,30,.08);
  transition:transform .14s ease,box-shadow .14s ease;
}
#mainApp .screen:not(#home) .btn:active,
#mainApp .screen:not(#home) button.btn:active{
  transform:translateY(2px);
  box-shadow:0 2px 4px rgba(20,40,30,.12) inset,0 1px 0 var(--v9-line);
}
#mainApp .screen:not(#home) .btn.primary,
#mainApp .screen:not(#home) button.btn.primary{
  background:linear-gradient(160deg,#1a4a36,#2f6b4f 55%,#163d2c)!important;
  border-color:#4d8a6c!important;color:#f2faf5!important;
}
#mainApp .screen:not(#home) .btn.secondary,
#mainApp .screen:not(#home) button.btn.secondary{
  background:linear-gradient(165deg,#fff,var(--v9-tile))!important;color:var(--v9-ink)!important;
}
#mainApp .screen:not(#home) input,
#mainApp .screen:not(#home) select,
#mainApp .screen:not(#home) textarea{
  border-radius:11px!important;border:1px solid var(--v9-line)!important;
  background:var(--v9-tile)!important;font-family:Manrope,system-ui,sans-serif;
}

/* —— Kesim —— */
#cut .moduleQuickNav,
#cut .card,
#cut .cutBoard,
#cut .panel{
  border-radius:14px;border:1px solid var(--v9-line);background:var(--v9-tile);
  box-shadow:var(--v9-shadow);
}
#cut h2{color:var(--v9-ink)}
#cut .moduleQuickNav a,
#cut .moduleQuickNav button{
  border-radius:11px!important;background:#fff!important;border:1px solid var(--v9-line)!important;color:var(--v9-ink)!important;
}
#cut .moduleQuickNav .studioQuickLink,
#cut .moduleQuickNav a.studioQuickLink{
  background:linear-gradient(160deg,#1a4a36,#2f6b4f)!important;color:#f2faf5!important;border-color:#4d8a6c!important;
}

/* —— İlanlar —— */
#marketplace .marketHeader h2{color:var(--v9-ink)}
#marketplace .marketTabs{gap:8px;display:flex;flex-wrap:wrap}
#marketplace .marketTabs button{
  border-radius:12px!important;background:#fff!important;border:1px solid var(--v9-line)!important;color:var(--v9-ink)!important;
  padding:10px 14px!important;
}
#marketplace .marketTabs button.active{
  background:linear-gradient(160deg,#1a4a36,#2f6b4f)!important;color:#f2faf5!important;border-color:#4d8a6c!important;
}
#marketplace .marketFilters{
  background:var(--v9-tile);border:1px solid var(--v9-line);border-radius:14px;padding:12px;box-shadow:var(--v9-shadow);
}
#marketplace .marketCard,
#marketplace article,
#marketplace .listingCard{
  border-radius:14px!important;border:1px solid var(--v9-line)!important;background:#fff!important;
  box-shadow:0 6px 16px rgba(15,40,28,.08);
}

/* —— Grup / topluluk —— */
#community.premiumCommunity,
#community{
  background:
    radial-gradient(ellipse at 20% 0%,rgba(143,201,168,.2),transparent 45%),
    linear-gradient(180deg,#f3f7f4,#e5ebe6)!important;
}
#community h2{color:var(--v9-ink)}
#community .card,
#community article,
#community .postCard,
#community .composer{
  border-radius:14px!important;border-color:var(--v9-line)!important;background:#fffcf9!important;
}

/* —— Mağaza —— */
#shop h2,
#shopOwner h2{color:var(--v9-ink)}
#shop .shopCard,
#shopOwner .shopAdminCard,
#shop .card,
#shopOwner .card{
  border-radius:14px!important;border:1px solid var(--v9-line)!important;background:var(--v9-tile)!important;
  box-shadow:var(--v9-shadow);
}

/* —— Katalog / maliyet / montaj / projeler —— */
#catalogs .card,
#calculator .card,
#hardware .card,
#projects .card,
#settings .card{
  border-radius:14px;border:1px solid var(--v9-line);background:var(--v9-tile);box-shadow:var(--v9-shadow);
}

/* —— Admin —— */
body.admin,
#adminApp,
.adminShell{
  font-family:Manrope,system-ui,sans-serif;
  background:linear-gradient(180deg,#f3f7f4,#e5ebe6);
  color:var(--v9-ink);
}
.adminShell h1,.adminShell h2{font-family:'Cormorant Garamond',Georgia,serif}
.adminShell .btn.primary{background:#2f6b4f;border-color:#2f6b4f}

/* —— CNC / 3D yardımcı —— */
#cnc .card,
#designer3d .dw-legacy{
  border-radius:14px;border-color:var(--v9-line);
}

@media(max-width:640px){
  #mainApp .screen:not(#home){padding-left:10px;padding-right:10px}
}