/* ================= MacGOS Glass katmanı =================
   Grafit ipek zemin + buzlu cam yüzeyler; vurgu rengi firmaya göre (--g-a). */
:root{
  --g-a:#cd587b;
  --g-al:color-mix(in srgb,var(--g-a) 68%,#fff);
  --g-asoft:color-mix(in srgb,var(--g-a) 18%,transparent);
  --g-aedge:color-mix(in srgb,var(--g-a) 45%,transparent);
  --g-ink:#f4f2f0;
  --g-soft:rgba(244,242,240,.66);
  --g-faint:rgba(244,242,240,.42);
  --g-gl:rgba(58,58,66,.32);
  --g-gledge:rgba(255,255,255,.10);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.12);
  --g-blur:blur(22px) saturate(140%);
  color-scheme:dark;
}
html,body{background:#0b0b0d!important;color:var(--g-ink)!important}
#mg-silk{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;display:block;pointer-events:none}
.mg-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 35%,transparent 30%,rgba(8,8,10,.62) 100%)}
.app-shell,.app-shell.module-shell,.app-shell.dm-shell,main.content,.content,.wizard,.auth,.auth-shell,.splash,.onboarding,.page{background:transparent!important}

/* ---------- cam yüzeyler ---------- */
header.topbar{background:linear-gradient(180deg,rgba(14,14,17,.78),rgba(14,14,17,.42))!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important}
:is(section,article,div,details,a,aside)[class*="card"],
.empty-state,.v1-panel,.v1-row,.list-card,.module-card,.dm-list,.dm-search,.post-tabs,.calendar-tabs,.type-tabs,.sheet-panel,.health-row,.budget,
.business-pill,.module-icon,.media-icon,.opt-icon,.reminder-icon,.pending-icon,.date-badge,.stat,.stats>div,.metric,.kpi,.quick a,.quick-actions a,.shortcut,.lang-row a{
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
}
:is(section,article,div,details)[class*="card"],.empty-state,.v1-panel,.list-card,.module-card,.dm-list,.sheet-panel{
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 42%,rgba(0,0,0,.04)),var(--g-gl)!important;
  border-color:var(--g-gledge)!important;box-shadow:var(--g-hi),0 18px 40px -26px rgba(0,0,0,.6)!important}
.empty-state{border-style:dashed!important}
hr,.divider{border-color:rgba(255,255,255,.08)!important}

/* yazılar */
h1,h2,h3,h4,h5,strong,b,.name,.field-title{color:var(--g-ink)}
small,.muted,.sub,.meta,.hint,.help,.desc,p.lead{color:var(--g-soft)}
a{color:inherit}
svg text,svg tspan{fill:var(--g-ink)}
svg .macgos-svg-gos{fill:var(--g-al)!important}
svg .macgos-svg-tagline{fill:var(--g-faint)!important}
.macgos-brand-mark{filter:brightness(1.6) contrast(.9)}

/* form alanları */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{
  background:rgba(0,0,0,.28)!important;color:var(--g-ink)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--g-faint)!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--g-aedge)!important;box-shadow:0 0 0 3px var(--g-asoft)!important}
select option{background:#16161a;color:#f4f2f0}

/* düğmeler */
button,.btn,.v130-btn,a.button{border-color:rgba(255,255,255,.14)}
.v130-btn.secondary,.btn.secondary,.btn-secondary,button.secondary,.sheet-cancel,.decline{background:rgba(255,255,255,.07)!important;color:var(--g-ink)!important;border:1px solid rgba(255,255,255,.14)!important}

/* ---------- alt menü: cam çubuk, aktif sekme yükseltilmiş daire ---------- */
nav.bottom-nav{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),rgba(20,20,25,.66)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 -12px 30px -18px rgba(0,0,0,.7)!important}
nav.bottom-nav a{color:var(--g-faint)!important}
nav.bottom-nav a .ui-icon,nav.bottom-nav a svg{color:rgba(244,242,240,.62)!important;stroke:currentColor}
nav.bottom-nav a.active{color:var(--g-al)!important}
nav.bottom-nav a.active:before{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(22,22,27,.6)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important}
nav.bottom-nav a.active .nav-bubble{background:radial-gradient(circle at 35% 25%,var(--g-al),var(--g-a) 62%,color-mix(in srgb,var(--g-a) 70%,#000))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 26px -8px var(--g-a)!important}
nav.bottom-nav a.active .nav-bubble svg,nav.bottom-nav a.active .nav-bubble .ui-icon{color:#fff!important}

/* ---------- menü: açılınca tüm ekranı kaplar ---------- */
aside.drawer{width:100%!important;max-width:none!important;left:0!important;right:0!important;border-radius:0!important;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%),rgba(18,18,22,.86)!important;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);border:0!important;box-shadow:none!important}
aside.drawer .menu-list a,aside.drawer a{color:var(--g-soft)!important;border-color:rgba(255,255,255,.07)!important}
aside.drawer .menu-list a:hover{color:#fff!important;background:var(--g-asoft)!important}
aside.drawer .menu-icon,aside.drawer .ui-icon{color:var(--g-al)!important}
aside.drawer .danger-link{color:#ff8a8a!important}
aside.drawer #closeDrawer{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.lang-row a{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--g-soft)!important}
.lang-row a.on{background:linear-gradient(180deg,var(--g-al),var(--g-a))!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important;box-shadow:0 8px 18px -8px var(--g-a)!important}
.drawer-overlay,.scrim{background:rgba(6,6,8,.35)!important}

/* rozetler */
.bell b,.badge,.count{box-shadow:0 0 0 2px #121215}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- kurulum: markanın rengi ---------- */
.brandcolor{display:grid;gap:4px}
.bc-up{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;cursor:pointer;border:1px dashed rgba(255,255,255,.24);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--g-gl);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
.bc-up b{display:block;font-size:15px;color:var(--g-ink)}.bc-up small{color:var(--g-soft);font-size:12px}
.bc-up input{position:absolute;width:1px;height:1px;opacity:0}
.bc-logo{width:54px;height:54px;border-radius:15px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--g-gledge);overflow:hidden;color:var(--g-al)}
.bc-logo img{width:100%;height:100%;object-fit:contain}
.bc-lab{margin:14px 2px 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--g-faint);font-weight:700}
.bc-row{display:flex;gap:8px;flex-wrap:wrap;min-height:44px;align-items:center}
.bc-empty{font-size:12.5px;color:var(--g-faint)}
.bc-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.bc-tile{position:relative;aspect-ratio:1;border-radius:15px!important;border:2px solid rgba(255,255,255,.12)!important;background:var(--c)!important;min-width:0!important;min-height:0!important;width:auto;height:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);cursor:pointer;padding:0}
.bc-row .bc-tile{width:44px;flex:none}
.bc-tile.active{border-color:#fff!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 45%,transparent)}
.bc-tile.active::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:15px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translate(0,-2px) rotate(45deg)}
.bc-own{display:grid;gap:12px;margin-top:12px;padding:14px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--g-gl);border:1px solid var(--g-gledge)}
.bc-own input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:9px;background:linear-gradient(90deg,#f33,#f93,#fd3,#3c6,#3cc,#36f,#93f,#f3c,#f33);outline:none;border:0!important}
.bc-own input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--g-a);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.bc-own input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--g-a);border:3px solid #fff}
.bc-hex{display:flex;align-items:center;gap:10px}
.bc-hex i{width:30px;height:30px;border-radius:9px;background:var(--g-a);border:1px solid rgba(255,255,255,.3);flex:none}
.bc-hex input#bcHex{width:110px!important;padding:8px 10px!important;border-radius:10px!important;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em}
.bc-hex input[type=color]{width:34px;height:34px;border:0;padding:0;background:none;cursor:pointer;margin-left:auto}
.bc-preview{margin-top:12px}
.brand-color-link{display:flex!important;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:16px 18px!important}
.brand-color-link h2{margin:0 0 3px;font-size:18px}.brand-color-link p{margin:0;color:var(--g-soft);font-size:13px}
.bcl-dot{width:40px;height:40px;border-radius:13px;flex:none;background:radial-gradient(circle at 35% 25%,var(--g-al),var(--g-a) 62%);box-shadow:0 8px 18px -8px var(--g-a),inset 0 1px 0 rgba(255,255,255,.4)}
.bcl-go{margin-left:auto;font-size:24px;color:var(--g-faint)}
.brandcolor-form{display:grid;gap:10px;padding-bottom:30px}
.bc-save{height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,var(--g-al),var(--g-a));color:#fff;font-weight:800;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -12px var(--g-a);cursor:pointer;margin-top:6px}
.bc-msg{margin:0;padding:12px 14px;border-radius:14px;background:var(--g-asoft);border:1px solid var(--g-aedge);color:var(--g-ink)}
.macgos-word-mac{background:linear-gradient(180deg,#fff,#c9c9cf)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.macgos-word-gos{background:linear-gradient(90deg,var(--g-al),var(--g-a))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.macgos-brand-tagline{color:var(--g-faint)!important}
.splash-name,.brand-word b,.drawer-head .brand-word b{background:linear-gradient(180deg,#fff,#c9c9cf)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.brand-mark-mini,.macgos-mark{background:linear-gradient(135deg,#fff,#9a9aa2)!important;-webkit-background-clip:text!important;background-clip:text!important}

/* =====================================================================
   ÖNİZLEMEYLE BİREBİR: tipografi, üst bar, kartlar, listeler, sıvı menü
   ===================================================================== */
:root{--g-f:"Manrope","Helvetica Neue",Arial,sans-serif;--g-fb:"Urbanist","Manrope",Arial,sans-serif;--g-fm:"JetBrains Mono",ui-monospace,Menlo,monospace}
html{font-size:16px!important}
body,body button,body input,body select,body textarea{font-family:var(--g-f)!important;-webkit-font-smoothing:antialiased}
body{font-size:14px!important;line-height:1.45!important}
.app-shell{max-width:520px;margin:0 auto!important}
main.content,.content,.v1-content,.module-content{padding:0 14px 120px!important}

/* ---------- üst bar ---------- */
header.topbar{position:sticky!important;top:0;z-index:30;display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;min-height:0!important;
  margin:0 0 14px!important;padding:16px 16px 12px!important;gap:10px}
header.topbar .icon-btn,header.topbar .bell,header.topbar>a:last-child,header.topbar>button{position:relative;width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.06)!important;border:1px solid var(--g-gledge)!important;box-shadow:none!important;color:var(--g-ink)!important;padding:0!important}
header.topbar .icon-btn svg,header.topbar .bell svg,header.topbar>a svg{width:18px!important;height:18px!important}
header.topbar .bell b{position:absolute!important;top:-4px!important;right:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:9px!important;background:var(--g-a)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;display:grid!important;place-items:center!important;line-height:1!important;box-shadow:0 0 0 2px #121215!important}
.gw-brand{display:flex!important;align-items:center;justify-content:center;flex:1;min-width:0;height:auto!important;width:auto!important}
.gw{font-family:var(--g-fb)!important;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--g-ink);line-height:1}
.gw b{color:var(--g-al);font-weight:700}
.macgos-brand--drawer .gw{font-size:22px}

/* ---------- sayfa başlıkları ---------- */
.page-heading h1,.plan-hero h1,.calendar-hero h1,.posts-hero h1,.settings-hero h1,.module-hero h1,.dm-title h1,.assistant-hero h1{font-size:26px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.02em!important;margin:4px 0 4px!important;color:var(--g-ink)!important}
.plan-hero p,.calendar-hero p,.posts-hero p,.settings-hero p,.module-hero p,.dm-title p,.assistant-hero p{font-size:12.5px!important;line-height:1.5!important;color:var(--g-faint)!important;margin:0 0 14px!important}
.eyebrow,.module-hero small,.calendar-hero .eyebrow,.plan-hero .eyebrow{display:inline-block!important;background:none!important;padding:0!important;border:0!important;font-family:var(--g-fm)!important;font-size:10px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--g-al)!important;font-weight:500!important}
.business-pill{display:none!important}

/* ---------- ortak cam kart ---------- */
.profile-card,.stats-grid,.message-row,.customer-row,.dm-list-row,.calendar-card,.planner-card,.settings-card,.assistant-card,.module-card,.reminder-card,.pending-booking,.post-tabs,.calendar-tabs,.dm-search,.posts-summary>*,.optimize-card,.agent-card,.business-switch-card,.v1-panel,.empty-state{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%,rgba(0,0,0,.05)),var(--g-gl)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:1px solid var(--g-gledge)!important;box-shadow:var(--g-hi)!important}
.calendar-card,.planner-card,.settings-card,.assistant-card,.module-card,.reminder-card,.pending-booking,.optimize-card,.agent-card,.business-switch-card,.v1-panel{border-radius:24px!important;padding:16px!important;margin-bottom:12px!important}

/* ---------- ana sayfa: işletme kartı + istatistikler tek kart ---------- */
.profile-card{display:flex!important;align-items:center!important;gap:12px!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;padding:16px 16px 4px!important;margin:0!important;min-height:0!important}
.avatar-wrap{width:52px!important;height:52px!important;flex:none!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.avatar{width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-family:var(--g-f)!important;font-weight:800!important;font-size:19px!important;color:#fff!important;
  background:radial-gradient(circle at 30% 25%,var(--g-al),var(--g-a) 60%,color-mix(in srgb,var(--g-a) 60%,#000))!important;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 10px 24px -10px var(--g-a)!important;border:0!important}
.profile-copy{min-width:0;flex:1}
.profile-copy .handle{font-size:12px!important;line-height:1.3!important;color:var(--g-faint)!important;font-weight:500!important;height:auto!important}
.profile-copy .name{font-size:17px!important;font-weight:700!important;line-height:1.25!important;color:var(--g-ink)!important}
.profile-copy .meta{font-size:12px!important;color:var(--g-faint)!important}
.profile-card .chev{color:var(--g-faint)!important;width:18px!important}
.stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;border-radius:0 0 24px 24px!important;border-top:0!important;padding:12px 16px 16px!important;margin:0 0 12px!important}
.stats-grid article{padding:10px 6px!important;border-radius:16px!important;text-align:center!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;min-height:0!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.stats-grid strong{display:block!important;font-size:19px!important;font-weight:800!important;line-height:1.2!important;font-variant-numeric:tabular-nums;color:var(--g-ink)!important}
.stats-grid article:first-child strong{color:var(--g-al)!important}
.stats-grid span{font-size:10.5px!important;color:var(--g-faint)!important;line-height:1.3!important}

/* AI kartı */
a.ai-card{position:relative;overflow:hidden;display:flex!important;align-items:center!important;gap:12px!important;border-radius:24px!important;padding:18px 16px!important;margin:0 0 12px!important;color:#fff!important;min-height:0!important;
  background:linear-gradient(135deg,var(--g-a),color-mix(in srgb,var(--g-a) 70%,#000))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 40px -20px var(--g-a)!important;border:0!important}
a.ai-card::before{content:"";position:absolute;inset:-40% -10% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 60%);animation:gfloat 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes gfloat{to{transform:translate(-30%,25%)}}
a.ai-card .spark{width:44px!important;height:44px!important;flex:none!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35)!important;font-size:18px!important;color:#fff!important}
a.ai-card strong{display:block!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;color:#fff!important}
a.ai-card span{font-size:12.5px!important;opacity:.85;color:#fff!important}
a.ai-card .chev{margin-left:auto!important;width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.2)!important;color:#fff!important;flex:none}

/* hızlı işlemler */
.quick-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:0 0 14px!important}
.quick-grid a{display:grid!important;justify-items:center!important;gap:6px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:10.5px!important;font-weight:500!important;color:var(--g-soft)!important;text-decoration:none!important;min-height:0!important}
.quick-grid a>svg,.quick-grid a>.ui-icon,.quick-grid a>span:first-child:not(:last-child){box-sizing:border-box!important;width:48px!important;height:48px!important;padding:14px!important;border-radius:16px!important;color:var(--g-al)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),var(--g-gl)!important;border:1px solid var(--g-gledge)!important;box-shadow:var(--g-hi)!important}
.quick-grid a span{font-size:10.5px!important;color:var(--g-soft)!important}

/* bölüm başlıkları */
.section{margin-top:18px!important}
.section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 2px 10px!important}
.section-head h2{font-size:16px!important;font-weight:800!important;line-height:1.2!important;color:var(--g-ink)!important;margin:0!important}
.section-head h2 em{font-style:normal!important;display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;margin-left:6px!important;border-radius:10px!important;background:var(--g-a)!important;color:#fff!important;font-size:11px!important;vertical-align:2px!important;border:0!important}
.section-head a{font-size:12px!important;color:var(--g-al)!important;text-decoration:none!important;font-weight:600!important}

/* listeler: her satır ayrı cam kart */
.list-card,.dm-list,section.appointment-list,.post-feed{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.message-row,.customer-row,.dm-list-row{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:20px!important;margin:0 0 8px!important;text-decoration:none!important;min-height:0!important}
.message-row+.message-row,.customer-row+.customer-row{border-top:1px solid var(--g-gledge)!important}
.mini-avatar,.dm-avatar{width:40px!important;height:40px!important;flex:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:15px!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
.msg-copy,.dm-list-copy{min-width:0!important;flex:1!important}
.msg-copy strong,.customer-row b,.dm-list-copy strong,.dm-list-copy b{display:block!important;font-size:14px!important;font-weight:700!important;color:var(--g-ink)!important;line-height:1.3!important}
.msg-copy span,.customer-row small,.dm-list-copy span,.dm-list-copy p{display:block!important;font-size:12px!important;color:var(--g-faint)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
.msg-time,.dm-list-meta{display:grid!important;justify-items:end!important;gap:5px!important;font-size:11px!important;color:var(--g-faint)!important;font-variant-numeric:tabular-nums}
.msg-time b,.dm-list-meta b{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:9px!important;background:var(--g-a)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;display:grid!important;place-items:center!important;line-height:1!important}
a.wide-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;height:44px!important;border-radius:14px!important;margin:4px 0 0!important;font-size:13px!important;font-weight:700!important;color:var(--g-al)!important;
  background:rgba(255,255,255,.05)!important;border:1px solid var(--g-gledge)!important;box-shadow:none!important;text-decoration:none!important}
.empty-state{border-radius:20px!important;border-style:dashed!important;padding:20px!important;font-size:12.5px!important;color:var(--g-faint)!important;text-align:center!important}

/* ---------- birincil düğmeler (önizlemedeki .btn) ---------- */
.calendar-add,.new-content-btn,.settings-save,.approve,.v130-btn:not(.secondary),button.primary,.primary,.next,.module-card-head button,.section-heading button,.mini-ai,.add-reminder{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 16px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.2)!important;
  background:linear-gradient(180deg,var(--g-al),var(--g-a))!important;color:#fff!important;font-weight:700!important;font-size:13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 26px -12px var(--g-a)!important;text-decoration:none!important}
.calendar-add svg,.new-content-btn svg{width:16px!important;height:16px!important;color:#fff!important}

/* ---------- takvim ---------- */
.calendar-hero{display:block!important;padding:0!important;margin:0 0 4px!important}
.calendar-hero .calendar-add{margin:0 0 12px!important}
.month-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important}
.month-head strong{font-size:16px!important;font-weight:800!important;color:var(--g-ink)!important}
.month-head a{width:32px!important;height:32px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--g-gledge)!important;color:var(--g-ink)!important}
.calendar-tabs,.post-tabs,.type-tabs,.dm-tabs{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;gap:0!important;padding:4px!important;border-radius:14px!important;margin:0 0 12px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.calendar-tabs>*,.post-tabs>*,.type-tabs>*,.dm-tabs>*{padding:8px 0!important;text-align:center!important;border-radius:10px!important;font-size:12.5px!important;color:var(--g-soft)!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;white-space:nowrap}
.calendar-tabs>.active,.post-tabs>.active,.type-tabs>.active,.dm-tabs>.active,.type-tabs>.on{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:var(--g-hi)!important}
.weekdays span{font-size:10.5px!important;color:var(--g-faint)!important;font-weight:500!important}
.month-grid{gap:4px!important}
.day-cell{aspect-ratio:1!important;height:auto!important;min-height:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--g-ink)!important}
.day-cell span{font-size:13px!important;font-weight:600!important;color:inherit!important}
.day-cell.muted{color:rgba(255,255,255,.22)!important}
.day-cell.selected,.day-cell.today{background:linear-gradient(180deg,var(--g-al),var(--g-a))!important;color:#fff!important;box-shadow:0 8px 18px -8px var(--g-a)!important}
.event-dots{position:absolute!important;bottom:5px!important;left:50%!important;transform:translateX(-50%)!important}
.event-dots b,.appt-dot{background:var(--g-al)!important}
.content-dot{background:#f5b947!important}
.calendar-legend{display:flex!important;justify-content:center!important;gap:16px!important;margin-top:10px!important;font-size:11px!important;color:var(--g-faint)!important}

/* ---------- modül sayfaları (müşteriler vb.) ---------- */
.module-hero{display:block!important;margin:0 0 6px!important}
.module-hero .module-icon{display:none!important}
.module-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important}
.module-card-head h2,.settings-title h2,.assistant-section-head h2{font-size:16px!important;font-weight:800!important;color:var(--g-ink)!important;margin:0!important}
.module-card .customer-row{margin:0 0 8px!important}

/* ---------- formlar ---------- */
.settings-field input,.settings-field select,.planner-input,.v130-form input,.v130-form textarea,.v130-form select{border-radius:12px!important;padding:12px 14px!important;font-size:14px!important}
.settings-field span,.field-title{font-size:12px!important;color:var(--g-soft)!important;font-weight:600!important}

/* ---------- menü (tam ekran) ---------- */
aside.drawer{padding:22px 16px 28px!important;overflow-y:auto!important}
aside.drawer .drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 16px!important;padding:0!important;border:0!important}
aside.drawer .drawer-head .gw-brand{justify-content:flex-start}
aside.drawer #closeDrawer{width:38px!important;height:38px!important;border-radius:13px!important;font-size:20px!important;display:grid!important;place-items:center!important}
aside.drawer .lang-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:0 0 14px!important}
aside.drawer .lang-row a{height:36px!important;display:grid!important;place-items:center!important;border-radius:12px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;padding:0!important}
aside.drawer .menu-list{display:grid!important;gap:2px!important;border:0!important;padding:0!important;margin:0!important;background:none!important}
aside.drawer .menu-list a{display:flex!important;align-items:center!important;gap:12px!important;height:44px!important;min-height:0!important;padding:0 12px!important;border-radius:14px!important;font-size:14px!important;font-weight:500!important;border:0!important;background:none!important}
aside.drawer .menu-list a .menu-icon,aside.drawer .menu-list a svg{width:19px!important;height:19px!important;color:var(--g-al)!important}
aside.drawer .menu-list a.current,aside.drawer .menu-list a[aria-current]{color:#fff!important;background:linear-gradient(90deg,var(--g-asoft),transparent)!important;box-shadow:inset 2px 0 0 var(--g-al)!important}
aside.drawer .menu-secondary{margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.08)!important}

/* ---------- sıvı alt menü (tek renk) ---------- */
nav.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:calc(100% - 32px)!important;max-width:488px!important;height:66px!important;
  display:grid!important;grid-template-columns:repeat(6,1fr)!important;align-items:center!important;padding:0 8px!important;border-radius:33px!important;z-index:40!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),rgba(22,22,27,.58)!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important;backdrop-filter:blur(22px) saturate(160%)!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px -16px rgba(0,0,0,.8)!important}
nav.bottom-nav a{position:relative!important;z-index:2!important;display:grid!important;place-items:center!important;height:66px!important;min-height:0!important;padding:0!important;margin:0!important;color:rgba(244,242,240,.6)!important;background:none!important}
nav.bottom-nav a::before,nav.bottom-nav a::after,nav.bottom-nav a.active::before,nav.bottom-nav a.active::after{display:none!important;content:none!important}
nav.bottom-nav .nav-bubble,nav.bottom-nav a.active .nav-bubble{position:static!important;width:auto!important;height:auto!important;margin:0!important;top:auto!important;background:none!important;box-shadow:none!important;border:0!important;transform:none!important}
nav.bottom-nav .nav-bubble svg,nav.bottom-nav .nav-bubble .ui-icon,nav.bottom-nav a.active .nav-bubble svg{width:23px!important;height:23px!important;color:inherit!important;stroke-width:2!important;transition:transform .45s cubic-bezier(.3,1.6,.5,1)!important}
nav.bottom-nav a.active{color:#fff!important}
nav.bottom-nav a.active .nav-bubble svg{transform:scale(1.08)!important}
nav.bottom-nav .nav-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
nav.bottom-nav .g-blob{position:absolute;z-index:1;top:7px;left:0;width:52px;height:52px;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 35% 28%,var(--g-al),var(--g-a) 60%,color-mix(in srgb,var(--g-a) 65%,#000));
  box-shadow:0 0 22px 2px color-mix(in srgb,var(--g-a) 70%,transparent),0 0 46px 6px color-mix(in srgb,var(--g-a) 35%,transparent),inset 0 2px 0 rgba(255,255,255,.35);
  transition:transform .55s cubic-bezier(.5,1.6,.4,1),opacity .3s}
nav.bottom-nav .g-blob.go{animation:ggoo .55s ease}
@keyframes ggoo{0%{border-radius:50%}35%{border-radius:42% 58% 55% 45%/50% 45% 55% 50%;scale:1.35 .82}70%{scale:.92 1.08}100%{border-radius:50%;scale:1 1}}
nav.bottom-nav a{grid-template-columns:1fr!important;grid-template-rows:1fr!important;justify-items:center!important;align-items:center!important;flex-direction:column!important;text-align:center!important}
nav.bottom-nav a .nav-bubble{grid-area:1/1!important;display:grid!important;place-items:center!important;flex:none!important}
nav.bottom-nav a.active .nav-bubble svg,nav.bottom-nav a.active .nav-bubble .ui-icon{width:23px!important;height:23px!important}
.module-card-head{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.bc-preview{padding:16px!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%),var(--g-gl)!important;border:1px solid var(--g-gledge)!important}
.bc-preview b{display:block;font-size:14px;color:var(--g-ink)}.bc-preview .lead{color:var(--g-faint)!important;font-size:12px!important}
.bc-preview .primary{width:100%;margin-top:12px}
.brandcolor-form{padding-bottom:110px!important}

/* ===== düzeltme: ipek zemin görünür olsun (body opak olmasın) ===== */
html{background:#0b0b0d!important}
body{background:transparent!important}
.app-shell,main.content,.content,.auth-shell,.wizard,.macgos-splash,.splash{background:transparent!important}
#mg-silk{z-index:0!important}
.mg-veil{z-index:0!important}
body>*:not(#mg-silk):not(.mg-veil){position:relative;z-index:1}
nav.bottom-nav{z-index:40!important}
aside.drawer{z-index:60!important}

/* üst bar: önizlemedeki koyu cam şerit */
header.topbar{background:linear-gradient(180deg,rgba(14,14,17,.75),rgba(14,14,17,.35))!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
header.topbar .icon-btn,header.topbar .bell{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}

/* işletme kartı + istatistik: tek kart, arada çizgi yok */
.profile-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.stats-grid{box-shadow:none!important;margin-top:-1px!important}
.profile-card,.stats-grid{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)),rgba(58,58,66,.30)!important}
.stats-grid{background:rgba(58,58,66,.30)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))!important}

/* ===== giriş / kayıt / açılış: yeni logo ===== */
.gw-hero{display:grid;justify-items:center;gap:8px;margin:34px 0 26px}
.gw-hero .gw{font-size:44px}
.gw-hero small{font-family:var(--g-fm);font-size:10px;letter-spacing:.32em;color:var(--g-faint)}
.gw-hero .gw-orb{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;margin-bottom:6px;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03)),rgba(58,58,66,.35);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 40px -18px var(--g-a)}
.gw-hero .gw-orb i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--g-al),var(--g-a) 60%);box-shadow:0 0 18px var(--g-a)}
.auth-card{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%),rgba(58,58,66,.30)!important;-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;border-radius:26px!important}
.splash-brand .gw-hero .gw{font-size:52px}
.auth-header{margin:0!important;padding:0!important}
/* giriş sayfasındaki düğmeler */
.auth-card .tabs a.active,.auth-card .tabs .active,.segmented .active{background:linear-gradient(180deg,var(--g-al),var(--g-a))!important;color:#fff!important}
.gw b,.gw-hero .gw b{font-size:inherit!important;letter-spacing:inherit!important;font-family:inherit!important}
.gw-hero .gw{line-height:1!important}
.auth-card .social,.auth-card a.social,.auth-card button.social,.auth-card .oauth a,.auth-card .oauth button{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.10)!important}
.splash-skip{display:none!important}
.mg-veil{background:radial-gradient(120% 90% at 50% 35%,rgba(8,8,10,.25) 20%,rgba(8,8,10,.7) 100%)!important}
.auth-card .social{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.auth-card .social>*{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--g-ink)!important}
.splash-brand .gw-hero small,.gw-hero small{letter-spacing:.24em!important;font-size:9.5px!important}
.splash-brand{max-width:100%}
.profile-card,.stats-grid{background:rgba(64,64,72,.34)!important;background-image:none!important}
.profile-card{border-bottom:0!important;padding-bottom:6px!important}
.stats-grid{border-top:0!important;padding-top:6px!important}
.splash-tag,.splash-sub,.splash-tagline{letter-spacing:.22em!important;font-size:10px!important;max-width:92vw}

/* ===== marka: metal M + MacGOS (onaylanan önizleme) ===== */
.gw-brand{gap:9px!important}
.gw-brand .mg-mk{height:24px!important;width:auto!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.gw-brand .gw{font-size:19px!important}
.macgos-brand--drawer .mg-mk{height:26px!important}
.mg-hero{display:grid!important;justify-items:center;gap:10px;margin:28px auto 22px;text-align:center}
.mg-hero img{width:92px;height:auto;filter:drop-shadow(0 14px 30px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,255,255,.06))}
.mg-hero .gw{font-size:28px!important;line-height:1}
.mg-hero small{font-family:var(--g-fm);font-size:9.5px!important;letter-spacing:.3em!important;color:var(--g-faint)!important}
.mg-hero--lg img{width:118px}
.mg-hero--lg .gw{font-size:34px!important}
.macgos-brand--wizard.mg-hero{grid-auto-flow:column;align-items:center;gap:8px;margin:0}
.macgos-brand--wizard.mg-hero img{width:40px}.macgos-brand--wizard.mg-hero .gw{font-size:20px!important}.macgos-brand--wizard.mg-hero small{display:none}

/* açılış: tam ekrandan biraz küçük cam kutu */
.macgos-splash{padding:14px!important}
.mg-splashcard{position:relative;width:100%;max-width:480px;height:calc(100vh - 28px);height:calc(100dvh - 28px);border-radius:30px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:28px 22px!important;box-sizing:border-box;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 40%,rgba(0,0,0,.05)),rgba(58,58,66,.30)!important;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.mg-splashcard .mg-hero{margin:0}
.mg-splashcard .splash-tag{font-size:11px!important;letter-spacing:.22em!important;line-height:2!important;color:var(--g-soft)!important;margin:0!important}
.mg-splashcard .splash-status{font-size:12px!important;color:var(--g-soft)!important;margin:0 0 -18px!important}
.mg-splashcard .splash-progress{width:62%!important;height:4px!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;overflow:hidden;position:relative;margin:0!important}
.mg-splashcard .splash-progress i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--g-al),var(--g-a))!important}
.mg-splashcard .splash-vendor{position:absolute!important;bottom:26px;left:0;right:0;font-family:var(--g-fm);font-size:9.5px!important;letter-spacing:.3em!important;color:var(--g-faint)!important}
.splash-brand{display:block!important}

/* giriş / kayıt */
.auth-shell{max-width:440px!important;margin:0 auto!important;padding:20px 18px 30px!important}
.auth-header{display:block!important;text-align:center}
.auth-card .tabs{display:grid!important;grid-template-columns:1fr 1fr;padding:4px!important;border-radius:15px!important;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.07)!important;margin-bottom:16px!important}
.auth-card .tabs a{height:40px;display:grid!important;place-items:center;border-radius:11px!important;font-weight:700!important;font-size:13.5px!important;color:var(--g-soft)!important;background:none!important}
.auth-card .tabs a.active{background:linear-gradient(180deg,var(--g-al),var(--g-a))!important;color:#fff!important;box-shadow:0 10px 22px -10px var(--g-a)!important}
.auth-card .primary{width:100%;height:50px!important;border-radius:15px!important;font-size:14px!important;font-weight:800!important}
.auth-card .social>*{height:46px!important;border-radius:14px!important;font-weight:700!important;font-size:13px!important}
.auth-shell .lang-row{display:flex!important;justify-content:center;gap:6px;margin-top:16px}
.auth-shell .lang-row a{padding:6px 10px!important;height:auto!important;border-radius:10px!important;font-size:11.5px!important;background:none!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--g-faint)!important}
.auth-shell .lang-row a.on,.auth-shell .lang-row a.active{color:#fff!important;border-color:var(--g-aedge)!important;background:var(--g-asoft)!important}
.mg-hero img{width:92px!important;max-width:none!important;height:auto!important}.mg-hero--lg img{width:118px!important}.macgos-brand--wizard.mg-hero img{width:40px!important}