/* ============================================================
   Merkez Yazışma — kurum içi iletişim merkezi (UEC dark/gold)
   Premium yüzey katmanları: zemin < panel < kart < hover
   Kolonlar: Sohbetler ~%23 · Yazışma ~%55 · Bilgi ~%22
   Responsive: ≥1400 üç sütun · 1100–1399 dar bilgi paneli
   768–1099 bilgi paneli kompakt gizlenir (drawer yok) · ≤767 mobil
   ============================================================ */

/* Sabit sidebar + margin-left: main içerik daralınca çökmesin */
#app.theme-dashboard-pro.view-mz .main{
  flex:1 1 auto !important;
  width:calc(100% - var(--side-w)) !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

#app.view-mz #content{
  overflow:hidden !important;
  overflow-x:hidden !important;
  padding:10px 16px 12px !important;
  background:#0B0D12 !important;
  color:#F4F5F7 !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  display:flex !important;
  flex-direction:column;
  min-height:0;
  height:auto;
  width:100%;
  min-width:0;
  flex:1 1 auto;
}

.mzx-page{
  /* — Yüzey katmanları (koyudan açığa) — */
  --mz-bg:#0C0E13;         /* sayfa zemini: en koyu */
  --mz-chat-bg:#0F1218;    /* mesaj alanı */
  --mz-panel:#13161E;      /* yan paneller */
  --mz-card:#181C26;       /* kartlar */
  --mz-hover:#1E2330;      /* hover: bir ton daha açık */
  --mz-inset:#10131A;      /* input / çukur yüzeyler */
  /* — Çizgi & vurgu — */
  --mz-border:rgba(255,255,255,.055);
  --mz-border-strong:rgba(255,255,255,.09);
  --mz-gold:#D6B04D;
  --mz-gold-2:#E3C260;
  --mz-gold-3:#C29B38;
  --mz-gold-soft:rgba(214,176,77,.10);
  --mz-gold-line:rgba(214,176,77,.35);
  /* — Metin — */
  --mz-text:#F4F5F7;
  --mz-text-soft:#C9CDD6;
  --mz-muted:#98A0AE;
  --mz-dim:#646C7B;
  /* — Durum — */
  --mz-pos:#57C876;
  --mz-neg:#E45D5D;
  --mz-mine:#1F2E26;
  --mz-mine-border:#2C4436;
  /* — Hareket — */
  --mz-fast:.15s ease;
  --mz-med:.2s ease;

  color:var(--mz-text);
  display:flex;
  flex-direction:column;
  flex:1 1 0%;
  min-height:0;
  min-width:0;
  width:100%;
  max-width:1760px;
  margin:0 auto;
  box-sizing:border-box;
  overflow:hidden;
  align-self:stretch;
}
.mzx-page *,.mzx-page *::before,.mzx-page *::after{box-sizing:border-box}

.mzx-wrap{
  flex:1 1 0%;
  width:100%;
  min-height:380px;
  display:grid;
  grid-template-columns:minmax(220px,23%) minmax(0,1fr) minmax(210px,22%);
  background:var(--mz-bg);
  border:1px solid var(--mz-border-strong);
  border-radius:14px;
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  min-width:0;
}
.mzx-wrap.info-off{grid-template-columns:minmax(220px,26%) minmax(0,1fr)}
.mzx-wrap.info-off .mzx-info{display:none}

/* ---------- İnce scrollbar: normalde gizli, hover'da belirir ---------- */
.mzx-page *{scrollbar-width:thin;scrollbar-color:transparent transparent}
.mzx-page *:hover{scrollbar-color:#333A48 transparent}
.mzx-page ::-webkit-scrollbar{width:6px;height:6px}
.mzx-page ::-webkit-scrollbar-track{background:transparent}
.mzx-page ::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}
.mzx-page *:hover::-webkit-scrollbar-thumb{background:#333A48}
.mzx-page ::-webkit-scrollbar-thumb:hover{background:#414A5C}

/* ---------- Ortak küçük bileşenler ---------- */
.mzx-icon-btn{
  width:32px;height:32px;border-radius:9px;border:1px solid transparent;
  background:transparent;color:var(--mz-muted);display:inline-grid;place-items:center;
  cursor:pointer;transition:background var(--mz-fast),color var(--mz-fast),border-color var(--mz-fast);
  padding:0;flex:0 0 auto;
}
.mzx-icon-btn:hover{color:var(--mz-text);background:var(--mz-hover)}
.mzx-icon-btn.gold{
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));
  border-color:var(--mz-gold-3);color:#1A1405;
  box-shadow:0 4px 14px rgba(214,176,77,.25);
}
.mzx-icon-btn.gold:hover{filter:brightness(1.07);color:#1A1405}
.mzx-icon-btn:focus-visible,.mzx-page button:focus-visible,.mzx-page [tabindex]:focus-visible{
  outline:2px solid var(--mz-gold);outline-offset:1px;
}
.mzx-icon-btn[disabled],.mzx-quick button[disabled],.mzx-info-btn[disabled]{
  opacity:.35;cursor:not-allowed;
}
.mzx-icon-btn[disabled]:hover{background:transparent;color:var(--mz-muted)}
.mzx-icon-btn svg{width:16px;height:16px}

/* ============ 1) SOHBETLER PANELİ ============ */
.mzx-side{
  display:flex;flex-direction:column;min-width:0;min-height:0;
  background:var(--mz-panel);
  border-right:1px solid var(--mz-border);
}
.mzx-side-head{padding:16px 14px 10px;flex:0 0 auto}
.mzx-side-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mzx-side-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--mz-text)}
.mzx-side-sub{display:none}
.mzx-side-actions{display:flex;gap:6px;flex:0 0 auto}
.mzx-new-btn{
  display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;
  border-radius:8px;border:1px solid var(--mz-gold-3);cursor:pointer;
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));
  color:#1A1405;font-size:12px;font-weight:700;flex:0 0 auto;
  box-shadow:0 4px 12px rgba(214,176,77,.22);
}
.mzx-new-btn:hover{filter:brightness(1.06)}
.mzx-new-btn svg{width:14px;height:14px}

.mzx-search{padding:0 14px 10px;flex:0 0 auto;position:relative}
.mzx-search svg{position:absolute;left:26px;top:50%;transform:translateY(-62%);width:14px;height:14px;color:var(--mz-dim);pointer-events:none}
.mzx-search input{
  width:100%;height:36px;border-radius:10px;border:1px solid var(--mz-border);
  background:var(--mz-inset);color:var(--mz-text);padding:0 12px 0 34px;
  font-size:12.5px;font-weight:400;
  transition:border-color var(--mz-fast),background var(--mz-fast);
}
.mzx-search input::placeholder{color:var(--mz-dim)}
.mzx-search input:focus{outline:none;border-color:var(--mz-gold-line);background:#12151D}

.mzx-tabs{
  display:flex;gap:0;padding:0 10px;flex:0 0 auto;
  border-bottom:1px solid var(--mz-border);margin:0 4px 6px;
}
.mzx-tab{
  border:0;background:transparent;color:var(--mz-muted);
  font-size:12px;font-weight:500;padding:9px 12px 10px;border-radius:0;cursor:pointer;
  transition:color var(--mz-fast);position:relative;
  display:inline-flex;align-items:center;gap:6px;
}
.mzx-tab:hover{color:var(--mz-text);background:transparent}
.mzx-tab.active{color:var(--mz-gold);background:transparent;font-weight:650}
.mzx-tab.active::after{
  content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;
  background:var(--mz-gold);border-radius:2px;
}
.mzx-tab .cnt{
  min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;
  font-size:10px;font-weight:800;color:#1A1405;background:var(--mz-gold);
}
.mzx-tab:not(.active) .cnt{background:#3A414F;color:#D1D5DB}

.mzx-thread-list{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0 8px 8px}
.mzx-sec-label{
  font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--mz-dim);
  text-transform:uppercase;padding:12px 10px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.mzx-sec-cnt{font-size:10px;font-weight:700;letter-spacing:0;color:var(--mz-muted);text-transform:none}

.mzx-thread{
  display:flex;gap:11px;align-items:center;padding:10px 11px;cursor:pointer;
  border-radius:12px;border:1px solid transparent;position:relative;
  transition:background var(--mz-med),border-color var(--mz-med);min-width:0;margin-bottom:2px;
}
.mzx-thread:hover{background:var(--mz-hover)}
.mzx-thread.active{
  background:rgba(214,176,77,.10);
  border-color:rgba(214,176,77,.45);
  box-shadow:inset 0 0 0 1px rgba(214,176,77,.08);
}
.mzx-avatar{
  width:42px;height:42px;border-radius:999px;display:grid;place-items:center;
  font-weight:700;font-size:13px;flex:0 0 42px;position:relative;
  background:linear-gradient(150deg,#2E2B1F,#1C1B15);color:var(--mz-gold);
  border:1px solid rgba(214,176,77,.22);
}
.mzx-avatar.ann{background:linear-gradient(150deg,#1F3428,#131F19);color:var(--mz-pos);border-color:rgba(87,200,118,.35)}
.mzx-avatar svg{width:18px;height:18px}
.mzx-avatar .dot{
  position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;
  background:var(--mz-pos);border:2px solid var(--mz-panel);
}
.mzx-thread-meta{min-width:0;flex:1}
.mzx-thread-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0}
.mzx-thread-title{
  font-weight:600;font-size:13px;color:var(--mz-text);letter-spacing:-.005em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
  display:flex;align-items:center;gap:5px;
}
.mzx-thread.active .mzx-thread-title{font-weight:700;color:var(--mz-gold)}
.mzx-thread-title .pin{width:11px;height:11px;color:var(--mz-gold);flex:0 0 auto}
.mzx-thread-time{font-size:10px;font-weight:400;color:var(--mz-dim);flex:0 0 auto}
.mzx-thread-prev{display:flex;justify-content:space-between;gap:8px;margin-top:3.5px;align-items:center;min-width:0}
.mzx-thread-prev .txt{
  font-size:11.5px;font-weight:400;color:var(--mz-muted);line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.mzx-thread-prev .txt b{font-weight:600;color:var(--mz-text-soft)}
.mzx-badge{
  min-width:19px;height:19px;border-radius:999px;
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));color:#1A1405;
  font-size:10px;font-weight:800;display:inline-grid;place-items:center;padding:0 6px;flex:0 0 auto;
  box-shadow:0 2px 8px rgba(214,176,77,.35);
}
.mzx-side-foot{
  flex:0 0 auto;border-top:1px solid var(--mz-border);
  padding:9px 16px;display:flex;align-items:center;justify-content:space-between;
  font-size:10.5px;font-weight:400;color:var(--mz-dim);
}
.mzx-side-foot button{
  border:0;background:transparent;color:var(--mz-muted);cursor:pointer;
  font-size:10.5px;font-weight:500;
  display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:7px;
  transition:color var(--mz-fast),background var(--mz-fast);
}
.mzx-side-foot button:hover{color:var(--mz-gold);background:var(--mz-hover)}
.mzx-side-foot svg{width:11px;height:11px}

/* ============ 2) AKTİF YAZIŞMA PANELİ ============ */
.mzx-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--mz-chat-bg);position:relative}
.mzx-chat-head{
  padding:12px 18px;border-bottom:1px solid var(--mz-border);
  display:flex;align-items:center;gap:12px;background:var(--mz-panel);flex:0 0 auto;min-height:62px;
}
.mzx-back{display:none}
.mzx-chat-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.mzx-chat-id .mzx-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:999px}
.mzx-chat-name{font-size:15px;font-weight:700;color:var(--mz-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-chat-desc{font-size:11px;font-weight:400;color:var(--mz-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-chat-actions{display:flex;gap:4px;flex:0 0 auto;align-items:center}
.mzx-chat-actions .sep{display:none}
.mzx-head-cnt{
  position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;
  background:var(--mz-gold);color:#1A1405;font-size:9px;font-weight:800;display:inline-grid;place-items:center;
}
#mzPeopleBtn{position:relative}

.mzx-msgs{
  flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:22px 26px 14px;display:flex;flex-direction:column;gap:2px;
}
.mzx-daysep{
  align-self:center;margin:14px 0 10px;font-size:10px;font-weight:600;color:var(--mz-muted);
  background:var(--mz-card);border:1px solid var(--mz-border);
  padding:4px 14px;border-radius:999px;flex:0 0 auto;letter-spacing:.02em;
}
.mzx-row{display:flex;gap:10px;align-items:flex-end;margin-top:12px;flex:0 0 auto;min-width:0}
.mzx-row.grouped{margin-top:3px}
.mzx-row.mine{justify-content:flex-end}
.mzx-msg-avatar{
  width:32px;height:32px;border-radius:999px;flex:0 0 32px;display:grid;place-items:center;
  font-size:11px;font-weight:700;background:linear-gradient(150deg,#2E2B1F,#1C1B15);
  color:var(--mz-gold);border:1px solid rgba(214,176,77,.2);align-self:flex-start;
}
.mzx-row.grouped .mzx-msg-avatar{visibility:hidden}
.mzx-bubble{
  max-width:min(68%,600px);padding:10px 14px 8px;border-radius:14px;position:relative;min-width:0;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
}
.mzx-row.theirs .mzx-bubble{background:var(--mz-card);border:1px solid var(--mz-border);border-bottom-left-radius:5px}
.mzx-row.mine .mzx-bubble{background:var(--mz-mine);border:1px solid var(--mz-mine-border);border-bottom-right-radius:5px}
.mzx-bubble .who{font-size:12px;font-weight:700;color:#7EB6FF;margin-bottom:3px;letter-spacing:-.005em}
.mzx-row.theirs:nth-child(odd) .mzx-bubble .who{color:#E3C260}

/* Duyuru kartı (V2) */
.mzx-ann-card{
  align-self:stretch;max-width:min(720px,100%);margin:10px 0 6px;padding:14px 16px 12px;
  border-radius:14px;border:1px solid rgba(87,200,118,.22);
  background:linear-gradient(180deg,#15241C 0%,#121A16 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.18);flex:0 0 auto;
}
.mzx-ann-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.mzx-ann-kind{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;color:#8FD9A4}
.mzx-ann-kind svg{width:12px;height:12px}
.mzx-ann-time{font-size:10px;color:var(--mz-dim);flex:0 0 auto}
.mzx-ann-title{font-size:15px;font-weight:750;color:var(--mz-text);letter-spacing:-.01em;margin-bottom:6px}
.mzx-ann-body{font-size:13px;line-height:1.6;color:var(--mz-text-soft);white-space:pre-wrap;word-break:break-word}
.mzx-ann-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.mzx-readers-btn.muted{color:var(--mz-muted);border-color:var(--mz-border)}
.mzx-bubble .body{font-size:13.5px;font-weight:400;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--mz-text)}
.mzx-bubble .body a.mz-link{color:#7DD3FC;text-decoration:underline;word-break:break-all}
.mzx-bubble .body a.mz-link:hover{color:#BAE6FD}
.mzx-bubble .meta{
  display:flex;justify-content:flex-end;gap:7px;align-items:center;margin-top:4px;
  font-size:9.5px;font-weight:400;color:var(--mz-dim);flex-wrap:wrap;
}
.mzx-bubble .meta .mz-ticks{letter-spacing:-1px;font-weight:800;font-size:11px}
.mz-ticks.read{color:#53BDEB}
.mz-ticks.sent{color:var(--mz-dim)}
.mzx-readers-btn{
  background:transparent;color:var(--mz-muted);cursor:pointer;
  font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:6px;border:1px solid var(--mz-border-strong);
  transition:color var(--mz-fast),border-color var(--mz-fast);
}
.mzx-readers-btn:hover{color:var(--mz-gold);border-color:var(--mz-gold-line)}
.mzx-anntag{
  display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;letter-spacing:.1em;
  color:var(--mz-gold);background:var(--mz-gold-soft);border:1px solid var(--mz-gold-line);
  border-radius:6px;padding:2px 8px;margin-bottom:5px;text-transform:uppercase;
}
.mzx-anntag svg{width:9px;height:9px}

/* — dosya kartları — */
.mzx-atts{display:grid;gap:8px;margin-top:8px;max-width:100%}
.mzx-att-img{
  display:block;width:auto;max-width:min(260px,100%);max-height:180px;border-radius:11px;
  border:1px solid var(--mz-border-strong);cursor:pointer;object-fit:contain;background:#0A0C10;
}
.mzx-file{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;
  background:var(--mz-inset);border:1px solid var(--mz-border-strong);color:var(--mz-text);
  text-align:left;cursor:pointer;max-width:100%;min-width:0;width:100%;min-width:230px;
  transition:border-color var(--mz-fast),background var(--mz-fast);
}
.mzx-file:hover{border-color:rgba(255,255,255,.16);background:#141821}
.mzx-ftype{
  width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:0 0 40px;
  font-size:9px;font-weight:800;letter-spacing:.05em;color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 3px 8px rgba(0,0,0,.25);
}
.mzx-ftype.pdf{background:linear-gradient(150deg,#9E3535,#6E2222)}
.mzx-ftype.doc{background:linear-gradient(150deg,#33589E,#22396E)}
.mzx-ftype.xls{background:linear-gradient(150deg,#31764F,#1F5236)}
.mzx-ftype.ppt{background:linear-gradient(150deg,#A85B2B,#77401C)}
.mzx-ftype.img{background:linear-gradient(150deg,#5B4A9E,#3E306E)}
.mzx-ftype.gen{background:linear-gradient(150deg,#485068,#323848)}
.mzx-fmeta{min-width:0;flex:1}
.mzx-fname{font-size:12.5px;font-weight:600;color:var(--mz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.mzx-fsub{font-size:10px;font-weight:400;color:var(--mz-muted);margin-top:2.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-fdl{
  width:32px;height:32px;border-radius:999px;border:1px solid var(--mz-border-strong);flex:0 0 32px;
  display:grid;place-items:center;color:var(--mz-muted);background:var(--mz-card);
  transition:color var(--mz-fast),border-color var(--mz-fast),background var(--mz-fast);
}
.mzx-file:hover .mzx-fdl{
  color:#1A1405;border-color:var(--mz-gold-3);
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));
}
.mzx-fdl svg{width:14px;height:14px}

/* — boş durum — */
.mzx-empty{
  flex:1;display:grid;place-items:center;color:var(--mz-muted);padding:32px;text-align:center;
  font-size:12.5px;font-weight:400;line-height:1.7;
}
.mzx-empty-icon{
  width:76px;height:76px;border-radius:22px;margin:0 auto 18px;
  display:grid;place-items:center;color:var(--mz-gold);
  background:linear-gradient(150deg,rgba(214,176,77,.14),rgba(214,176,77,.04));
  border:1px solid var(--mz-gold-line);
  box-shadow:0 0 40px -10px rgba(214,176,77,.3);
}
.mzx-empty-icon svg{width:34px;height:34px}
.mzx-empty h3{margin:0 0 6px;font-size:16.5px;font-weight:700;color:var(--mz-text);letter-spacing:-.01em}
.mzx-empty p{margin:0 auto;max-width:340px;font-size:12.5px;color:var(--mz-muted);line-height:1.7}
.mzx-empty-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}

/* ============ 3) MESAJ GİRİŞ ALANI ============ */
.mzx-compose{
  border-top:1px solid var(--mz-border);padding:12px 16px 10px;background:var(--mz-panel);
  flex:0 0 auto;position:relative;z-index:2;
}
.mzx-compose.is-drag{outline:2px dashed var(--mz-gold);outline-offset:-5px;background:#1A1812}
.mz-drop-hint{
  display:none;position:absolute;inset:0;place-items:center;background:#0C0E13E6;
  color:var(--mz-gold);font-weight:700;font-size:13px;z-index:3;pointer-events:none;
  text-align:center;padding:12px;
}
.mzx-compose.is-drag .mz-drop-hint{display:grid}
.mzx-pending{display:flex;flex-wrap:wrap;gap:6px;max-height:62px;overflow:auto}
.mzx-pending:not(:empty){margin-bottom:9px}
.mzx-pending span{
  font-size:10.5px;font-weight:500;background:var(--mz-inset);border:1px solid var(--mz-border-strong);
  border-radius:8px;padding:4px 9px;color:var(--mz-text-soft);
  display:inline-flex;align-items:center;gap:6px;
}
.mzx-pending span button{border:0;background:transparent;color:var(--mz-neg);cursor:pointer;font-weight:800;padding:0;font-size:12px}

.mzx-inputbar{
  display:flex;gap:8px;align-items:flex-end;min-width:0;
  background:var(--mz-inset);border:1px solid var(--mz-border-strong);
  border-radius:14px;padding:8px 8px 8px 12px;
  transition:border-color var(--mz-fast),box-shadow var(--mz-fast);
}
.mzx-inputbar:focus-within{
  border-color:var(--mz-gold-line);
  box-shadow:0 0 0 3px rgba(214,176,77,.07);
}
.mzx-compose-tools{
  display:flex;gap:2px;align-items:center;margin-top:8px;min-width:0;flex-wrap:wrap;
}
.mzx-compose-spacer{flex:1 1 auto;min-width:8px}
.mzx-compose-tools .mzx-quick{margin:0}
.mzx-compose textarea{
  flex:1;min-height:40px;max-height:120px;resize:none;min-width:0;
  border:0;background:transparent;color:var(--mz-text);
  padding:9px 6px;font:inherit;font-size:13.5px;font-weight:400;line-height:1.55;
  overflow-y:auto;letter-spacing:-.005em;
}
.mzx-compose textarea::placeholder{color:var(--mz-dim);font-weight:400}
.mzx-compose textarea:focus{outline:none}
.mzx-send{
  width:42px;height:42px;border-radius:999px;border:1px solid var(--mz-gold-3);
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));color:#1A1405;
  cursor:pointer;display:inline-grid;place-items:center;flex:0 0 auto;
  box-shadow:0 5px 16px rgba(214,176,77,.28);
  transition:transform var(--mz-fast),filter var(--mz-fast),box-shadow var(--mz-fast);
}
.mzx-send:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 20px rgba(214,176,77,.34)}
.mzx-send:active{transform:translateY(0)}
.mzx-send[disabled]{opacity:.55;cursor:wait;filter:none;transform:none}
.mzx-send svg{width:17px;height:17px;margin-left:-1px}

.mzx-emoji-pop{
  position:absolute;bottom:calc(100% + 8px);left:16px;z-index:6;
  background:var(--mz-card);border:1px solid var(--mz-border-strong);border-radius:14px;
  padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.mzx-emoji-pop button{
  border:0;background:transparent;font-size:18px;cursor:pointer;padding:5px;border-radius:8px;line-height:1;
  transition:background var(--mz-fast);
}
.mzx-emoji-pop button:hover{background:var(--mz-hover)}

.mzx-quick{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.mzx-quick button{
  border:1px solid var(--mz-border-strong);background:transparent;color:var(--mz-muted);
  font-size:10.5px;font-weight:500;padding:5px 11px;border-radius:8px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
  transition:color var(--mz-fast),border-color var(--mz-fast),background var(--mz-fast);
}
.mzx-quick button svg{width:11px;height:11px}
.mzx-quick button:not([disabled]):hover{color:var(--mz-gold);border-color:var(--mz-gold-line);background:var(--mz-gold-soft)}
.mzx-quick .soon,.mzx-info-btn .soon{
  font-size:8px;font-weight:700;color:var(--mz-dim);border:1px solid var(--mz-border-strong);
  border-radius:4px;padding:1px 4px;letter-spacing:.06em;
}

/* ============ 4) SAĞ BİLGİ PANELİ ============ */
.mzx-info{
  display:flex;flex-direction:column;min-width:0;min-height:0;
  background:var(--mz-panel);border-left:1px solid var(--mz-border);
}
.mzx-info-tabs{display:flex;gap:2px;padding:12px 14px 0;flex:0 0 auto;border-bottom:1px solid var(--mz-border)}
.mzx-info-tab{
  border:0;background:transparent;color:var(--mz-muted);font-size:11.5px;font-weight:500;
  padding:7px 12px 11px;cursor:pointer;position:relative;transition:color var(--mz-fast);
}
.mzx-info-tab:hover{color:var(--mz-text)}
.mzx-info-tab.active{color:var(--mz-gold);font-weight:600}
.mzx-info-tab.active::after{
  content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;
  background:var(--mz-gold);border-radius:2px;
}
.mzx-info-body{flex:1 1 0;min-height:0;overflow-y:auto;padding:14px 14px 14px;display:flex;flex-direction:column;gap:10px}

/* bilgi paneli kartları */
.mzx-info-card{
  background:var(--mz-card);border:1px solid var(--mz-border);border-radius:13px;
  padding:13px 14px;flex:0 0 auto;
}
.mzx-info-card h4{
  margin:0 0 10px;font-size:9.5px;font-weight:700;letter-spacing:.13em;color:var(--mz-dim);
  text-transform:uppercase;
}
.mzx-info-hero{text-align:center;padding:18px 14px 16px}
.mzx-info-hero .mzx-avatar{width:60px;height:60px;border-radius:999px;font-size:18px;margin:0 auto 10px;flex:none}
.mzx-info-hero .mzx-avatar svg{width:26px;height:26px}
.mzx-info-name{font-size:14px;font-weight:700;color:var(--mz-text);letter-spacing:-.01em}
.mzx-info-desc{font-size:11px;font-weight:400;color:var(--mz-muted);margin-top:5px;line-height:1.65}
.mzx-people{display:flex;flex-direction:column;gap:8px}
.mzx-person{display:flex;align-items:center;gap:10px;min-width:0}
.mzx-person .mzx-avatar{width:34px;height:34px;flex:0 0 34px;font-size:11px}
.mzx-person-meta{min-width:0;flex:1}
.mzx-person-name{font-size:12.5px;font-weight:650;color:var(--mz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-person-role{font-size:10.5px;color:var(--mz-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-you{font-size:10px;font-weight:600;color:var(--mz-gold)}
.mzx-info-card h4 .mzx-sec-cnt{margin-left:4px;color:var(--mz-muted);letter-spacing:0;text-transform:none;font-weight:650}
.mzx-kv{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;padding:5px 0;min-width:0}
.mzx-kv .k{color:var(--mz-muted);font-weight:400;flex:0 0 auto}
.mzx-kv .v{color:var(--mz-text);font-weight:600;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mzx-members{display:flex;flex-wrap:wrap;gap:6px}
.mzx-member{
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  font-size:10px;font-weight:700;background:linear-gradient(150deg,#2E2B1F,#1C1B15);
  color:var(--mz-gold);border:1px solid rgba(214,176,77,.22);cursor:default;
  transition:transform var(--mz-fast),border-color var(--mz-fast);
}
.mzx-member:hover{transform:translateY(-2px);border-color:var(--mz-gold-line)}
.mzx-member.more{color:var(--mz-muted);background:var(--mz-hover);border-color:var(--mz-border-strong);font-size:9px}
.mzx-info-btn{
  width:100%;border:1px solid var(--mz-border-strong);background:transparent;color:var(--mz-text-soft);
  font-size:11.5px;font-weight:500;padding:9px 11px;border-radius:10px;cursor:pointer;
  display:flex;align-items:center;gap:8px;margin-bottom:7px;
  transition:color var(--mz-fast),border-color var(--mz-fast),background var(--mz-fast);
  text-align:left;
}
.mzx-info-btn:last-child{margin-bottom:0}
.mzx-info-btn svg{width:13px;height:13px;color:var(--mz-muted);flex:0 0 auto}
.mzx-info-btn .soon{margin-left:auto}
.mzx-info-btn:not([disabled]):hover{border-color:var(--mz-gold-line);color:var(--mz-gold);background:var(--mz-gold-soft)}
.mzx-info-empty{font-size:11px;font-weight:400;color:var(--mz-dim);line-height:1.6;padding:2px 0}
.mzx-info-file{
  display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;cursor:pointer;min-width:0;
  border:1px solid var(--mz-border);background:var(--mz-inset);
  transition:border-color var(--mz-fast),background var(--mz-fast);
  width:100%;text-align:left;margin-bottom:6px;color:var(--mz-text);
}
.mzx-info-file:last-of-type{margin-bottom:0}
.mzx-info-file:hover{background:#141821;border-color:rgba(255,255,255,.14)}
.mzx-info-file .mzx-ftype{width:30px;height:30px;flex:0 0 30px;font-size:8px;border-radius:8px}
.mzx-seeall{
  width:100%;border:0;background:transparent;color:var(--mz-gold);font-size:11px;font-weight:600;
  padding:9px 0 2px;cursor:pointer;text-align:center;transition:opacity var(--mz-fast);
}
.mzx-seeall:hover{opacity:.8;text-decoration:underline}

/* ============ MODALLAR (yeni sohbet / duyuru) ============ */
.mzx-overlay{
  position:absolute;inset:0;background:#090B0FCC;z-index:8;display:flex;
  align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);
}
.mzx-modal{
  width:min(470px,94%);max-height:min(580px,92%);display:flex;flex-direction:column;
  background:var(--mz-panel);border:1px solid var(--mz-border-strong);border-radius:16px;
  box-shadow:0 28px 70px rgba(0,0,0,.55);overflow:hidden;
}
.mzx-modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:14px 16px;border-bottom:1px solid var(--mz-border);flex:0 0 auto;
}
.mzx-modal-head h3{margin:0;font-size:13.5px;font-weight:700;color:var(--mz-gold);letter-spacing:-.01em}
.mzx-modal-tabs{display:flex;gap:4px;padding:12px 16px 0;flex:0 0 auto;flex-wrap:wrap}
.mzx-modal-body{flex:1 1 0;min-height:0;overflow-y:auto;padding:13px 16px}
.mzx-modal-foot{
  display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;
  border-top:1px solid var(--mz-border);flex:0 0 auto;
}
.mzx-modal .mzx-search{padding:12px 16px 0}
.mzx-modal .mzx-search svg{left:28px;top:calc(50% + 6px)}
.mzx-peer{
  display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;cursor:pointer;
  transition:background var(--mz-fast);min-width:0;
}
.mzx-peer:hover{background:var(--mz-hover)}
.mzx-peer .mzx-avatar{width:36px;height:36px;border-radius:11px;font-size:11.5px;flex:0 0 36px}
.mzx-peer-meta{min-width:0;flex:1}
.mzx-peer-name{font-size:12.5px;font-weight:600;color:var(--mz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mzx-peer-sub{font-size:10.5px;font-weight:400;color:var(--mz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1.5px}
.mzx-peer .go{
  flex:0 0 auto;border:1px solid var(--mz-border-strong);background:var(--mz-card);color:var(--mz-muted);
  font-size:10.5px;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;
  transition:color var(--mz-fast),border-color var(--mz-fast);
}
.mzx-peer:hover .go{color:var(--mz-gold);border-color:var(--mz-gold-line)}
.mzx-field{margin-bottom:12px}
.mzx-field label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--mz-muted);text-transform:uppercase;margin-bottom:5px}
.mzx-field input,.mzx-field textarea,.mzx-field select{
  width:100%;border-radius:10px;border:1px solid var(--mz-border-strong);background:var(--mz-inset);
  color:var(--mz-text);padding:9px 11px;font:inherit;font-size:12.5px;font-weight:400;
  transition:border-color var(--mz-fast);
}
.mzx-field textarea{min-height:96px;resize:vertical;line-height:1.6}
.mzx-field input:focus,.mzx-field textarea:focus,.mzx-field select:focus{outline:none;border-color:var(--mz-gold-line)}
.mzx-btn{
  border:1px solid var(--mz-border-strong);background:var(--mz-card);color:var(--mz-text);
  font-size:12px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;
  transition:border-color var(--mz-fast),background var(--mz-fast),filter var(--mz-fast);
}
.mzx-btn:hover{border-color:rgba(255,255,255,.16);background:var(--mz-hover)}
.mzx-btn.gold{
  background:linear-gradient(135deg,var(--mz-gold-2),var(--mz-gold-3));
  border-color:var(--mz-gold-3);color:#1A1405;font-weight:700;
  box-shadow:0 4px 14px rgba(214,176,77,.22);
}
.mzx-btn.gold:hover{filter:brightness(1.07)}
.mzx-btn[disabled]{opacity:.5;cursor:not-allowed}
.mzx-preview{
  border:1px dashed var(--mz-gold-line);border-radius:12px;padding:12px 14px;background:var(--mz-gold-soft);
  font-size:12.5px;line-height:1.65;color:var(--mz-text);white-space:pre-wrap;word-break:break-word;
}

/* ============ MOBİL ALT NAV ============ */
.mzx-bottomnav{display:none}

/* ============ RESPONSIVE ============ */
/* 1100–1399: bilgi paneli daralır */
@media (max-width:1399px){
  .mzx-wrap{grid-template-columns:minmax(210px,24%) minmax(0,1fr) minmax(200px,22%)}
  .mzx-wrap.info-off{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}
  .mzx-msgs{padding:18px 18px 12px}
}

/* 768–1099: bilgi paneli kompakt gizlenir (drawer yok) */
@media (max-width:1099px){
  .mzx-wrap{grid-template-columns:minmax(200px,32%) minmax(0,1fr) minmax(190px,26%)}
  .mzx-wrap.info-off{grid-template-columns:minmax(200px,34%) minmax(0,1fr)}
  .mzx-wrap.info-off .mzx-info{display:none}
}

/* ≤850: style.css .main'i blok düzene alır; sarmalayıcıya somut yükseklik ver */
@media (max-width:850px){
  #app.view-mz #content{height:auto;min-height:0;padding:8px 10px 10px !important}
  .mzx-page{flex:0 0 auto}
  .mzx-wrap{height:calc(100vh - 150px);height:calc(100dvh - 150px);min-height:440px;flex:0 0 auto}
}

/* ≤767: mobil — sayfalar arası geçiş + alt nav */
@media (max-width:767px){
  .mzx-wrap{grid-template-columns:1fr;border-radius:14px;height:calc(100vh - 190px);height:calc(100dvh - 190px);min-height:400px}
  .mzx-wrap.info-off{grid-template-columns:1fr}
  .mzx-side{border-right:0;display:flex}
  .mzx-chat{display:none}
  .mzx-wrap.is-chat .mzx-side{display:none}
  .mzx-wrap.is-chat .mzx-chat{display:flex}
  .mzx-back{
    display:inline-grid;width:34px;height:34px;border-radius:10px;place-items:center;
    border:1px solid var(--mz-border-strong);background:var(--mz-card);color:var(--mz-muted);
    cursor:pointer;flex:0 0 auto;padding:0;
  }
  .mzx-back svg{width:16px;height:16px}
  .mzx-bubble{max-width:84%}
  .mzx-msgs{padding:14px 14px 10px}
  .mzx-compose{padding:10px 12px 10px}
  .mzx-chat-head{padding:10px 12px;min-height:56px}
  .mzx-chat-actions .mzx-icon-btn[disabled]{display:none}
  .mzx-chat-actions .sep{display:none}
  .mzx-bottomnav{
    display:flex;flex:0 0 auto;border-top:1px solid var(--mz-border);background:var(--mz-panel);
  }
  .mzx-bottomnav button{
    flex:1;border:0;background:transparent;color:var(--mz-muted);cursor:pointer;
    display:flex;flex-direction:column;align-items:center;gap:3px;
    font-size:9px;font-weight:500;padding:8px 2px 7px;
    transition:color var(--mz-fast);
  }
  .mzx-bottomnav button svg{width:17px;height:17px}
  .mzx-bottomnav button.active{color:var(--mz-gold)}
  .mzx-bottomnav button[disabled]{opacity:.4;cursor:not-allowed}
  .mzx-quick{display:none}
  .mzx-side-sub{display:none}
}

/* alçak ekranlarda başlıkları sıkıştır */
@media (max-height:720px){
  .mzx-side-head{padding:12px 16px 9px}
  .mzx-msgs{padding-top:14px}
  .mzx-chat-head{min-height:56px;padding-top:9px;padding-bottom:9px}
}

/* ============ Global parçalar (popup + nav rozeti) ============ */
.mz-popup{
  position:fixed;right:22px;bottom:22px;z-index:90;width:min(340px,92vw);
  background:#171B24;border:1px solid rgba(214,176,77,.4);border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.5);padding:14px 16px;color:#F4F5F7;
  animation:mzPop .25s ease;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.mz-popup b{display:block;color:#D6B04D;margin-bottom:4px;font-size:12.5px;font-weight:700}
.mz-popup span{font-size:11.5px;font-weight:400;color:#C9CDD6;display:block;margin-bottom:10px;white-space:pre-line;line-height:1.55}
.mz-popup .actions{display:flex;gap:8px;justify-content:flex-end}
@keyframes mzPop{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.mz-nav-badge{
  display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;
  border-radius:999px;background:#D6B04D;color:#1A1405;font-size:10px;font-weight:800;vertical-align:middle;
}
.mz-readers{font-size:12px;color:#98A0AE}
.mz-readers ul{margin:6px 0 0;padding-left:16px}

/* ============ ONAYLI MERKEZ YAZIŞMA GÖRSELİ ============ */
/* Yalnızca bu modülün yüzeylerini ayır; global üst/sol menüye dokunma. */
@media (min-width:851px) and (max-width:1760px){
  #app.view-mz #content{padding:10px 2px 12px !important}
}
.mzx-wrap{
  grid-template-columns:300px minmax(0,1fr) 300px;
  gap:8px;background:transparent;border:0;border-radius:0;box-shadow:none;
}
.mzx-wrap.info-off{grid-template-columns:300px minmax(0,1fr)}
.mzx-side,.mzx-chat,.mzx-info{
  overflow:hidden;border:1px solid var(--mz-border-strong);border-radius:13px;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.mzx-side{border-right:1px solid var(--mz-border-strong)}
.mzx-info{border-left:1px solid var(--mz-border-strong)}

.mzx-thread.active{
  background:linear-gradient(90deg,rgba(214,176,77,.15),rgba(87,200,118,.055));
  border-color:rgba(214,176,77,.42);
  box-shadow:inset 3px 0 0 var(--mz-gold),inset 0 0 0 1px rgba(87,200,118,.035);
}
.mzx-thread.active .mzx-avatar.ann{
  border-color:rgba(87,200,118,.62);
  box-shadow:0 0 0 4px rgba(87,200,118,.045);
}

.mzx-chat{
  isolation:isolate;
  background:linear-gradient(180deg,#11141A 0%,#0D1015 54%,#0B0E12 100%);
}
.mzx-chat::before{
  content:'';position:absolute;top:72px;right:0;bottom:122px;left:0;z-index:0;
  pointer-events:none;opacity:.62;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357C876' stroke-opacity='.18' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l14-5v12L3 13v-2z'/%3E%3Cpath d='M11.6 16.8a3 3 0 11-5.8-1.6'/%3E%3Cpath d='M17 6l4-2v16l-4-2'/%3E%3C/svg%3E") center/94px 94px no-repeat,
    radial-gradient(circle at center,transparent 0 78px,rgba(87,200,118,.055) 79px 80px,transparent 81px 126px,rgba(87,200,118,.035) 127px 128px,transparent 129px 178px,rgba(87,200,118,.022) 179px 180px,transparent 181px);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 17%,#000 83%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 17%,#000 83%,transparent 100%);
}
.mzx-chat-head,.mzx-msgs,.mzx-compose{position:relative;z-index:1}
.mzx-chat-head{
  min-height:72px;padding:10px 16px;
  background:linear-gradient(90deg,rgba(18,27,23,.98),rgba(19,22,30,.98) 34%,rgba(19,22,30,.98));
}
.mzx-chat-id .mzx-avatar.ann{
  width:52px;height:52px;flex-basis:52px;border-color:rgba(87,200,118,.62);
  box-shadow:0 0 0 5px rgba(87,200,118,.055),inset 0 0 18px rgba(87,200,118,.055);
}
.mzx-chat-id .mzx-avatar.ann svg{width:22px;height:22px}
.mzx-chat-actions{gap:6px}
.mzx-chat-actions .mzx-icon-btn{
  width:36px;height:36px;border-radius:999px;border-color:var(--mz-border-strong);
  background:rgba(10,12,16,.28);
}
.mzx-chat-actions .mzx-icon-btn:hover{
  color:var(--mz-gold);border-color:var(--mz-gold-line);background:rgba(214,176,77,.07);
}

.mzx-daysep{position:relative;margin-top:14px}
.mzx-daysep::before,.mzx-daysep::after{
  content:'';position:absolute;top:50%;width:clamp(52px,9vw,150px);height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14));
}
.mzx-daysep::before{right:calc(100% + 18px)}
.mzx-daysep::after{left:calc(100% + 18px);transform:rotate(180deg)}

.mzx-ann-card{
  align-self:flex-end;width:fit-content;min-width:min(230px,88%);max-width:min(62%,620px);
  margin:12px 0 8px;padding:14px 16px 12px;
  border-color:rgba(87,200,118,.35);
  background:linear-gradient(145deg,rgba(24,43,32,.98),rgba(14,23,19,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 0 24px rgba(87,200,118,.025);
}
.mzx-ann-kind{text-transform:uppercase;letter-spacing:.055em}
.mzx-ann-top{align-items:flex-start}

.mzx-compose{
  margin:0 12px 12px;padding:12px 14px 10px;
  border:1px solid var(--mz-border-strong);border-radius:14px;
  background:linear-gradient(180deg,rgba(19,22,30,.98),rgba(15,18,24,.99));
  box-shadow:0 -14px 30px rgba(0,0,0,.16);
}
.mzx-inputbar{
  border-radius:15px;background:rgba(9,12,16,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 8px 24px rgba(0,0,0,.16);
}
.mzx-send{width:46px;height:46px;flex-basis:46px}

.mzx-info-hero{
  background:
    radial-gradient(circle at 50% 31%,rgba(87,200,118,.13),transparent 41%),
    linear-gradient(180deg,rgba(24,28,38,.98),rgba(20,24,32,.98));
}
.mzx-info-hero .mzx-avatar.ann{
  border-color:rgba(87,200,118,.62);
  box-shadow:0 0 0 5px rgba(87,200,118,.05),0 0 28px rgba(87,200,118,.08);
}
.mzx-person .mzx-avatar{
  background:#171B21;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.mzx-person .mzx-avatar.is-admin{color:var(--mz-gold);border-color:rgba(214,176,77,.7)}
.mzx-person .mzx-avatar.is-manager{color:#8FD9A4;border-color:rgba(87,200,118,.72)}
.mzx-person .mzx-avatar.is-branch{color:#A8D8B5;border-color:rgba(87,200,118,.46)}
.mzx-person .mzx-avatar.is-other{color:#AAB3C2;border-color:rgba(152,160,174,.36)}

@media (min-width:1200px) and (max-width:1399px){
  .mzx-wrap{grid-template-columns:clamp(260px,29%,300px) minmax(0,1fr) clamp(245px,27.5%,286px)}
  .mzx-wrap.info-off{grid-template-columns:clamp(260px,29%,300px) minmax(0,1fr)}
}

@media (min-width:1100px) and (max-width:1199px){
  .mzx-wrap{grid-template-columns:minmax(220px,28%) minmax(0,1fr) minmax(205px,25%)}
  .mzx-wrap.info-off{grid-template-columns:minmax(220px,30%) minmax(0,1fr)}
  .mzx-chat-actions{gap:3px}
  .mzx-chat-actions .mzx-icon-btn{width:32px;height:32px}
}

/* 768–1099: mevcut iki sütun + sağdan bilgi drawer akışını koru. */
@media (max-width:1099px){
  .mzx-wrap,.mzx-wrap.info-off{grid-template-columns:minmax(230px,32%) minmax(0,1fr)}
  .mzx-info{
    position:absolute;top:0;right:0;bottom:0;width:min(310px,86%);z-index:7;
    border:1px solid var(--mz-border-strong);border-radius:13px;
    box-shadow:-18px 0 44px rgba(0,0,0,.45);
    transform:translateX(105%);transition:transform .22s ease;display:flex;
  }
  .mzx-wrap.info-off .mzx-info{display:flex}
  .mzx-wrap.info-drawer .mzx-info{transform:none}
}

@media (max-width:850px){
  #app.theme-dashboard-pro.view-mz .main{
    width:100% !important;height:100dvh;max-height:100dvh;
    display:flex !important;flex-direction:column;overflow:hidden;
  }
  #app.view-mz #content{height:auto !important;flex:1 1 0;min-height:0}
  .mzx-page{flex:1 1 0;min-height:0}
  .mzx-wrap{height:auto;min-height:0;flex:1 1 0}
}

@media (max-width:767px){
  .mzx-wrap,.mzx-wrap.info-off{grid-template-columns:1fr;gap:0;border-radius:14px}
  .mzx-side,.mzx-chat{border-radius:14px}
  .mzx-wrap .mzx-info,.mzx-wrap.info-off .mzx-info{display:none}
  .mzx-wrap.info-drawer .mzx-info{display:flex;transform:none}
  .mzx-info{width:min(310px,92%)}
  .mzx-chat-head{min-height:56px;padding:10px 12px}
  .mzx-chat-id .mzx-avatar.ann{width:44px;height:44px;flex-basis:44px}
  .mzx-chat-actions{gap:3px}
  .mzx-chat-actions .mzx-icon-btn{width:32px;height:32px}
  .mzx-chat::before{top:56px;bottom:112px;background-size:76px 76px,auto}
  .mzx-ann-card{min-width:min(220px,88%);max-width:88%}
  .mzx-ann-card .mzx-file{min-width:0}
  .mzx-compose{margin:0 8px 8px}
  .mzx-send{width:42px;height:42px;flex-basis:42px}
}

@media (max-height:720px){
  .mzx-chat-head{min-height:56px;padding-top:8px;padding-bottom:8px}
  .mzx-chat-id .mzx-avatar.ann{width:44px;height:44px;flex-basis:44px}
  .mzx-chat::before{top:56px;bottom:112px}
}