:root{
  --ui-radius-sm:8px;
  --ui-radius-md:10px;
  --ui-radius-lg:18px;
  --ui-shadow-card:0 10px 32px rgba(0,0,0,.06);
  --ui-font-display:'Playfair Display',serif;
  --ui-font-body:'DM Sans',sans-serif;
  --ui-size-hero:30px;
  --ui-size-page:32px;
  --ui-size-card:30px;
  --ui-size-topbar:17px;
  --ui-size-body:16px;
  --ui-size-meta:15px;
  --ui-size-label:14px;
  --ui-control-h:48px;
  --ui-topbar-h:70px;
  --lextibi-brand-green:#1E4434;
  --lextibi-brand-red:#8C1C1C;
  --lextibi-brand-black:#161616;
  --lextibi-green:var(--lextibi-brand-green);
  --lextibi-red:var(--lextibi-brand-red);
  --lextibi-black:var(--lextibi-brand-black);
  --lextibi-scrollbar-track:transparent;
  --lextibi-scrollbar-thumb:#b9b2a6;
  --lextibi-scrollbar-track-surface:transparent;
  --lextibi-scrollbar-thumb-surface:
    linear-gradient(180deg,#cbc5bb,#b9b2a6 54%,#aaa397);
  --lextibi-scrollbar-thumb-hover:
    linear-gradient(180deg,#c2bcb2,#a9a296 54%,#979084);
  /*
   * Güçlü kağıt dokusu: gerçek sayfa lifini daha net göstermek için
   * kontrast ve kabarıklık artırıldı.
   */
  --paper-texture-image-strong:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='p' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82 0.56' numOctaves='5' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23f1ebdf' surfaceScale='2.6'%3E%3CfeDistantLight azimuth='52' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23p)'/%3E%3C/svg%3E");

  /*
   * Yumuşak kağıt dokusu: editör kanvasında gözü yormadan hafif lif hissi
   * vermek için daha sakin bir varyant.
   */
  --paper-texture-image-soft:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='p' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.46 0.34' numOctaves='4' seed='4' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23f4f1ea' surfaceScale='1.2'%3E%3CfeDistantLight azimuth='50' elevation='64'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23p)'/%3E%3C/svg%3E");

  /*
   * Belge sayfası için daha beyaz, gerçek ofis/çıktı kağıdına yakın doku.
   */
  --paper-texture-image-sheet:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='p' color-interpolation-filters='linearRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78 0.54' numOctaves='5' seed='6' stitchTiles='stitch' result='n'/%3E%3CfeDiffuseLighting in='n' lighting-color='%23f8f7f3' surfaceScale='2.2'%3E%3CfeDistantLight azimuth='50' elevation='58'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23p)'/%3E%3C/svg%3E");

  --paper-texture-image:var(--paper-texture-image-strong);
  --paper-texture-opacity:.52;

  /* Sayfa arka planı: neredeyse saf beyaz, çok hafif serin ton */
  --paper-page-bg:
    linear-gradient(180deg, rgba(252,252,251,.76) 0%, rgba(244,244,245,.82) 100%),
    var(--paper-texture-image-strong);

  /* Kart / panel yüzeyi: beyazın üstünde hafif elevation */
  --paper-surface-bg:
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(249,249,250,.90) 100%),
    var(--paper-texture-image-strong);

  --paper-topbar-bg:
    linear-gradient(180deg, rgba(252,252,251,.72) 0%, rgba(244,244,245,.80) 100%),
    var(--paper-texture-image-strong);

  --paper-topbar-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -10px 18px rgba(162,156,143,.10),
    0 10px 24px rgba(0,0,0,.08);

  /* Sayfa gölge: üstten ince ışık çizgisi + alta çok hafif gölge */
  --paper-page-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 28px 40px rgba(255,255,255,.08),
    inset 0 -24px 32px rgba(160,162,168,.05);

  /* Kart gölge: float hissi + fiber derinliği */
  --paper-surface-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 16px 32px rgba(90,92,100,.09),
    0 4px 10px rgba(90,92,100,.06),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -8px 16px rgba(180,182,188,.07);

  --editor-canvas-bg:
    linear-gradient(180deg, rgba(236,232,224,.95) 0%, rgba(229,224,215,.98) 100%),
    var(--paper-texture-image-soft);

  --editor-sheet-bg:
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(253,253,252,.86) 100%),
    var(--paper-texture-image-sheet);

  --editor-sheet-shadow:
    0 18px 42px rgba(66,52,34,.12),
    0 4px 12px rgba(66,52,34,.08),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -8px 16px rgba(169,154,129,.06);
}

body{
  font-family:var(--ui-font-body);
  background-image:var(--paper-page-bg, none) !important;
  background-color:#f6f6f7 !important;
  background-attachment:fixed !important;
  background-size:cover, 600px 600px !important;
  background-repeat:no-repeat, repeat !important;
  background-blend-mode:normal, multiply !important;
}

body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:var(--paper-texture-image);
  background-repeat:repeat;
  background-size:600px 600px;
  opacity:var(--paper-texture-opacity);
  mix-blend-mode:multiply;
  will-change:transform;
}

body.shared-sidebar{
  background-image:var(--paper-page-bg, none) !important;
  background-color:#f6f6f7 !important;
  background-attachment:fixed !important;
  background-size:cover, 600px 600px !important;
  background-repeat:no-repeat, repeat !important;
  background-blend-mode:normal, multiply !important;
}

/* Fiber doku katmanı: sadece uygulama sayfalarında */
body.shared-sidebar::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:var(--paper-texture-image);
  background-repeat:repeat;
  background-size:600px 600px;
  opacity:var(--paper-texture-opacity);
  mix-blend-mode:multiply;
  will-change:transform;
}

body > *{
  position:relative;
  z-index:1;
}

html, body{
  overflow-x:hidden;
  max-width:100vw;
}

html, body, *{
  scrollbar-width:auto;
  scrollbar-color:var(--lextibi-scrollbar-thumb) transparent;
}

*::-webkit-scrollbar{
  width:18px;
  height:18px;
  background:transparent;
}

::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:18px;
  height:18px;
  background:transparent;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:vertical:increment,
*::-webkit-scrollbar-button:vertical:decrement,
*::-webkit-scrollbar-button:horizontal:increment,
*::-webkit-scrollbar-button:horizontal:decrement,
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment,
*::-webkit-scrollbar-button:start:increment,
*::-webkit-scrollbar-button:end:decrement{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-appearance:none;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-button:single-button,
::-webkit-scrollbar-button:vertical:increment,
::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:horizontal:increment,
::-webkit-scrollbar-button:horizontal:decrement,
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement,
html::-webkit-scrollbar-button,
html::-webkit-scrollbar-button:single-button,
html::-webkit-scrollbar-button:vertical:increment,
html::-webkit-scrollbar-button:vertical:decrement,
html::-webkit-scrollbar-button:horizontal:increment,
html::-webkit-scrollbar-button:horizontal:decrement,
html::-webkit-scrollbar-button:start:decrement,
html::-webkit-scrollbar-button:end:increment,
html::-webkit-scrollbar-button:start:increment,
html::-webkit-scrollbar-button:end:decrement,
body::-webkit-scrollbar-button,
body::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button:vertical:increment,
body::-webkit-scrollbar-button:vertical:decrement,
body::-webkit-scrollbar-button:horizontal:increment,
body::-webkit-scrollbar-button:horizontal:decrement,
body::-webkit-scrollbar-button:start:decrement,
body::-webkit-scrollbar-button:end:increment,
body::-webkit-scrollbar-button:start:increment,
body::-webkit-scrollbar-button:end:decrement{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-appearance:none;
  appearance:none;
}

*::-webkit-scrollbar-track{
  background:transparent;
  border:0;
  box-shadow:none;
}

::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background:transparent;
  border:0;
  box-shadow:none;
}

*::-webkit-scrollbar-track-piece{
  background:transparent;
  border:0;
  box-shadow:none;
}

::-webkit-scrollbar-track-piece,
html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece{
  background:transparent;
  border:0;
  box-shadow:none;
}

*::-webkit-scrollbar-thumb{
  min-height:42px;
  border:4px solid transparent;
  border-radius:999px;
  background:var(--lextibi-scrollbar-thumb-surface);
  background-clip:padding-box;
  box-shadow:none;
}

::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  min-height:42px;
  border:4px solid transparent;
  border-radius:999px;
  background:var(--lextibi-scrollbar-thumb-surface);
  background-clip:padding-box;
  box-shadow:none;
}

*::-webkit-scrollbar-thumb:hover{
  background:var(--lextibi-scrollbar-thumb-hover);
  background-clip:padding-box;
}

::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background:var(--lextibi-scrollbar-thumb-hover);
  background-clip:padding-box;
}

*::-webkit-scrollbar-corner{
  background:transparent;
}

::-webkit-scrollbar-corner,
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner{
  background:transparent;
}

button, a{
  -webkit-tap-highlight-color:transparent;
}

@supports (padding: max(0px)){
  body{
    padding-top:max(0px, env(safe-area-inset-top));
    padding-bottom:max(0px, env(safe-area-inset-bottom));
  }
}

.nav-logo,
.logo-name,
.logo-text,
.topbar-brand,
.card-title,
.welcome h2,
.ic-baslik h1,
.mv-baslik h1{
  font-family:var(--ui-font-display);
}

.brand-word{
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.brand-lex{
  color:var(--lextibi-brand-green, #1E4434);
}

.brand-tibi{
  color:var(--lextibi-brand-red, #8C1C1C);
}

nav{
  height:var(--ui-topbar-h);
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  border-color:transparent !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

nav a{
  color:#2d312f !important;
}

nav .btn-ghost{
  color:#2d312f !important;
  border-color:rgba(182, 184, 190, .85) !important;
}

nav .btn-ghost:hover{
  background:rgba(255,255,255,.62) !important;
  color:#171918 !important;
}

.topbar{
  height:var(--ui-topbar-h);
}

.card{
  border-radius:var(--ui-radius-lg);
  box-shadow:var(--ui-shadow-card);
}

.card-title{
  font-size:var(--ui-size-card);
}

.card-sub,
.sec-p,
.hero-lead,
.welcome p,
.mv-baslik p,
.ic-baslik p{
  font-size:var(--ui-size-meta);
  line-height:1.7;
}

label,
.ortak-panel-label{
  font-size:var(--ui-size-label);
}

input,
textarea,
select,
.btn-submit,
.btn-hero,
.btn-ol,
.mv-ara-btn,
.ic-ara-btn{
  font-family:var(--ui-font-body);
}

input,
select{
  height:var(--ui-control-h);
  font-size:var(--ui-size-body);
  border-radius:var(--ui-radius-md);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--white, #fff) inset !important;
  -webkit-text-fill-color:var(--t, #161616) !important;
  caret-color:var(--t, #161616) !important;
  border-color:var(--border2, #d5d0c6) !important;
  transition:background-color 9999s ease-out 0s;
}

.btn-submit,
.mv-ara-btn,
.ic-ara-btn{
  height:var(--ui-control-h);
  font-size:var(--ui-size-body);
  border-radius:var(--ui-radius-md);
}

.topbar-title{
  font-size:var(--ui-size-topbar);
}

.theme-toggle{
  width:58px;
  height:32px;
  margin-left:auto;
  padding:3px;
  border:1px solid rgba(33, 37, 35, .16);
  border-radius:999px;
  background:#fff;
  color:#24332b;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  flex:0 0 auto;
  box-shadow:0 6px 16px rgba(18, 24, 20, .08);
  transition:border-color .18s, background .18s, box-shadow .18s;
}

.theme-toggle:hover{
  border-color:rgba(30, 68, 52, .34);
  box-shadow:0 8px 20px rgba(18, 24, 20, .11);
}

.theme-toggle-nav,
.topbar-actions .theme-toggle{
  margin-left:8px;
}

.nav-right .theme-toggle{
  margin-left:0;
}

.theme-toggle-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:2;
  color:#8b8b8b;
  transition:color .18s;
}

.theme-toggle-icon svg{
  width:15px;
  height:15px;
  display:block;
}

.theme-toggle-thumb{
  position:absolute;
  left:4px;
  top:4px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#f4efe4;
  box-shadow:0 2px 7px rgba(0,0,0,.16);
  transition:transform .18s ease, background .18s ease;
  z-index:1;
}

body:not(.theme-dark) .theme-toggle-icon.sun,
body.theme-dark .theme-toggle-icon.moon{
  color:#111;
}

body.theme-dark .theme-toggle-thumb{
  transform:translateX(26px);
  background:#d7dde8;
}

.btn,
.btn-hero,
.btn-ol,
.btn-w,
.btn-wg,
.btn-submit,
.btn-yeniden,
.btn-primary,
.btn-secondary,
.btn-danger,
.btn-upload,
.btn-pro,
.btn-pro-ghost,
.top-link,
.side-action-btn,
.ic-ara-btn,
.mv-ara-btn,
.trial-upgrade{
  min-height:var(--ui-control-h);
  border-radius:var(--ui-radius-md);
  font-family:var(--ui-font-body);
  font-size:15px;
  font-weight:700;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.btn-green,
.btn-hero,
.btn-submit,
.btn-primary,
.top-link.ana,
.side-action-btn.ana,
.ic-ara-btn,
.mv-ara-btn{
  background:var(--gd) !important;
  border-color:var(--gd) !important;
  color:#fff !important;
}

.btn-green:hover,
.btn-hero:hover,
.btn-submit:hover,
.btn-primary:hover,
.top-link.ana:hover,
.side-action-btn.ana:hover,
.ic-ara-btn:hover,
.mv-ara-btn:hover{
  background:var(--gm) !important;
  border-color:var(--gm) !important;
}

.btn-ghost,
.btn-ol,
.btn-secondary,
.top-link,
.side-action-btn{
  background:var(--white, #fff) !important;
  border:1px solid var(--border2, #d5d0c6) !important;
  color:var(--t2, #3a3a3a) !important;
}

.btn-ghost:hover,
.btn-ol:hover,
.btn-secondary:hover,
.top-link:hover,
.side-action-btn:hover{
  background:var(--bg, #f8f7f4) !important;
  border-color:var(--gb, #bdd9c8) !important;
  color:var(--gd, #1e4434) !important;
}

.btn-danger,
.btn-yeniden{
  background:var(--rd, #8c1c1c) !important;
  border-color:var(--rd, #8c1c1c) !important;
  color:#fff !important;
}

.btn-upload{
  background:var(--gp, #ebf4ee) !important;
  border:1px solid var(--gb, #bdd9c8) !important;
  color:var(--gm, #2d6348) !important;
}

body.shared-sidebar .trial-upgrade{
  min-height:40px;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
}

body.theme-dark{
  --dark-page:#23272a;
  --dark-surface:#30363a;
  --dark-surface-soft:#384045;
  --dark-surface-raised:#3d4449;
  --dark-border:#596269;
  --dark-border-soft:#464e54;
  --white:var(--dark-surface);
  --w:var(--dark-surface);
  --bg:var(--dark-page);
  --bg2:var(--dark-surface-soft);
  --paper:var(--dark-surface);
  --border:var(--dark-border-soft);
  --border2:var(--dark-border);
  --t:#f2f5f3;
  --t2:#d7dedb;
  --t3:#b9c2bd;
  --t4:#94a09a;
  --text:#f2f5f3;
  --text2:#d7dedb;
  --text3:#b9c2bd;
  --text4:#94a09a;
  --paper-page-bg:
    linear-gradient(180deg, rgba(35,39,42,.98) 0%, rgba(31,35,38,.99) 100%);
  --paper-surface-bg:
    linear-gradient(180deg, rgba(58,64,69,.98) 0%, rgba(47,53,57,.99) 100%);
  --paper-surface-shadow:
    0 16px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -10px 18px rgba(0,0,0,.10);
  --paper-page-shadow:none;
  --gp:rgba(88, 156, 116, .18);
  --gb:rgba(131, 184, 153, .36);
  --rp:rgba(184, 48, 48, .18);
  --rb:rgba(222, 184, 184, .28);
  color:#f2f5f3 !important;
  background:var(--dark-page) !important;
  background-image:none !important;
}

body.theme-dark.shared-sidebar::before{
  content:none !important;
}

body.theme-dark::before{
  content:none !important;
}

body.theme-dark nav,
body.theme-dark.shared-sidebar .topbar{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
}

body.theme-dark main,
body.theme-dark .hero,
body.theme-dark .trust,
body.theme-dark .section,
body.theme-dark .main,
body.theme-dark .layout,
body.theme-dark .content,
body.theme-dark .chat-area,
body.theme-dark .input-area,
body.theme-dark .ic-main,
body.theme-dark .mv-main,
body.theme-dark .dosya-main{
  background-color:var(--dark-page) !important;
  background-image:none !important;
}

body.theme-dark .card,
body.theme-dark .kart,
body.theme-dark .ic-kart,
body.theme-dark .mv-kart,
body.theme-dark .dosya-sidebar,
body.theme-dark .dosya-detay,
body.theme-dark .dosya-ana-ekran,
body.theme-dark .case-panel,
body.theme-dark .detail-card,
body.theme-dark .aksiyon-kart,
body.theme-dark .chat-wrap,
body.theme-dark .container{
  background:var(--dark-surface) !important;
  background-image:var(--paper-surface-bg) !important;
  border-color:var(--dark-border-soft) !important;
  color:#f2f5f3 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24) !important;
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark label,
body.theme-dark .card-title,
body.theme-dark .kart-baslik,
body.theme-dark .topbar-title,
body.theme-dark .topbar-title h1,
body.theme-dark .nav-logo-text,
body.theme-dark .logo-name{
  color:#f4f4f4 !important;
}

body.theme-dark p,
body.theme-dark li,
body.theme-dark .card-sub,
body.theme-dark .sec-p,
body.theme-dark .hero-lead,
body.theme-dark .meta,
body.theme-dark .kart-deger,
body.theme-dark .topbar-title p,
body.theme-dark .alt-link,
body.theme-dark footer{
  color:#bdbdbd !important;
}

body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select,
body.theme-dark .fake-input,
body.theme-dark .ic-input-box,
body.theme-dark .mv-input-box{
  background:var(--dark-surface-soft) !important;
  border-color:var(--dark-border) !important;
  color:#f2f5f3 !important;
}

body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder{
  color:#888 !important;
}

body.theme-dark .theme-toggle{
  background:#fff;
  border-color:rgba(255,255,255,.22);
}

body:not(.shared-sidebar) main,
body:not(.shared-sidebar) section,
body:not(.shared-sidebar) .hero,
body:not(.shared-sidebar) .trust,
body:not(.shared-sidebar) .features,
body:not(.shared-sidebar) .dark-section,
body:not(.shared-sidebar) .usecases,
body:not(.shared-sidebar) .workflow,
body:not(.shared-sidebar) .cta,
body:not(.shared-sidebar) footer{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

body:not(.shared-sidebar) .hero::before,
body:not(.shared-sidebar) .hero::after,
body:not(.shared-sidebar) .usecases::before,
body:not(.shared-sidebar) .workflow::before,
body:not(.shared-sidebar) .cta::before,
body:not(.shared-sidebar) .cta::after,
body:not(.shared-sidebar) .feat4-card::before{
  content:none !important;
}

body:not(.shared-sidebar) .chat-wrap,
body:not(.shared-sidebar) .app-mockup,
body:not(.shared-sidebar) .card,
body:not(.shared-sidebar) .fc,
body:not(.shared-sidebar) .feat4-card,
body:not(.shared-sidebar) .uc-card,
body:not(.shared-sidebar) .wf-step,
body:not(.shared-sidebar) .kart{
  background-image:var(--paper-surface-bg, none) !important;
  background-color:var(--white, var(--w, #fff)) !important;
  background-size:cover, 600px 600px !important;
  background-repeat:no-repeat, repeat !important;
  background-blend-mode:normal, multiply !important;
  border-color:rgba(184, 180, 170, .72) !important;
  box-shadow:var(--paper-surface-shadow, 0 10px 32px rgba(0,0,0,.06)) !important;
}

body:not(.shared-sidebar) .dark-card,
body:not(.shared-sidebar) .dark-card-g,
body:not(.shared-sidebar) .dark-card-dark,
body:not(.shared-sidebar) .dark-card-r{
  background-image:var(--paper-surface-bg, none) !important;
  background-color:var(--white, var(--w, #fff)) !important;
  border:1px solid rgba(184, 180, 170, .72) !important;
  box-shadow:var(--paper-surface-shadow, 0 10px 32px rgba(0,0,0,.06)) !important;
}

body:not(.shared-sidebar) .dark-card h4,
body:not(.shared-sidebar) .uc-card h4,
body:not(.shared-sidebar) .workflow-h2,
body:not(.shared-sidebar) .cta-h2,
body:not(.shared-sidebar) footer,
body:not(.shared-sidebar) footer a{
  color:var(--t, #161616) !important;
}

body:not(.shared-sidebar) .dark-card p,
body:not(.shared-sidebar) .uc-card p,
body:not(.shared-sidebar) .workflow-sub,
body:not(.shared-sidebar) .cta-lead,
body:not(.shared-sidebar) .fcopy{
  color:var(--t3, #6b6b6b) !important;
}

body:not(.shared-sidebar) .uc-num,
body:not(.shared-sidebar) .wf-num,
body:not(.shared-sidebar) .dark-card-icon{
  background:var(--gp, #ebf4ee) !important;
  border-color:var(--gb, #bdd9c8) !important;
  color:var(--gd, #1e4434) !important;
}

body:not(.shared-sidebar) .btn-w{
  background:var(--gd, #1e4434) !important;
  color:#fff !important;
}

body:not(.shared-sidebar) .btn-wg{
  background:var(--white, #fff) !important;
  border-color:var(--border2, #d5d0c6) !important;
  color:var(--t2, #3a3a3a) !important;
}

@media (max-width:768px){
  :root{
    --ui-size-page:28px;
    --ui-size-card:28px;
    --ui-size-topbar:16px;
    --ui-size-body:16px;
    --ui-size-meta:15px;
  }

  nav{
    padding-left:14px !important;
    padding-right:14px !important;
    gap:10px;
  }

  .theme-toggle{
    width:52px;
    height:30px;
    margin-left:6px;
  }

  .theme-toggle-icon{
    width:22px;
    height:22px;
  }

  .theme-toggle-thumb{
    width:20px;
    height:20px;
  }

  body.theme-dark .theme-toggle-thumb{
    transform:translateX(22px);
  }
}

@media (max-width:480px){
  nav .nav-right .btn-ghost{
    display:none !important;
  }

  nav .nav-kayit,
  nav .nav-giris{
    min-width:0;
    max-width:calc(100vw - 230px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:right;
  }

  nav > .theme-toggle-nav{
    margin-left:0;
  }
}