/*
 * ZATOI AI V14.24 — CLEAN SAFE BUILD
 * Temizlik: yalnızca birebir aynı ve sonradan tekrar edilen CSS kuralları/deklarasyonları kaldırıldı.
 * Cascade, selector önceliği, responsive davranış ve mevcut görünüm korunmuştur.
 */

* {
      box-sizing: border-box;
    }

    html,
    body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: var(--zatoi-black);
      color: var(--zatoi-text);
      font-family: Arial, Helvetica, sans-serif;
      overflow: hidden;
    }

    button,
    textarea,
    input {
      font-family: inherit;
    }

    button {
      border: none;
      cursor: pointer;
    }

    button:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible,
    a:focus-visible {
      outline: 2px solid var(--zatoi-brand-red);
      outline-offset: 2px;
    }

    .sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }

    .sync-status {
      position: fixed;
      left: 50%;
      top: 18px;
      z-index: 2000;
      transform: translate(-50%, -12px);
      display: flex;
      align-items: center;
      gap: 9px;
      max-width: calc(100vw - 28px);
      padding: 10px 14px;
      border: 1px solid var(--zatoi-border);
      border-radius: 999px;
      background: rgba(var(--zatoi-bg-rgb),.96);
      box-shadow: 0 12px 35px rgba(0,0,0,.35);
      color: var(--zatoi-text);
      font-size: 13px;
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease;
    }

    .sync-status.show {
      opacity: 1;
      transform: translate(-50%, 0);
    }

    .sync-spinner {
      width: 15px;
      height: 15px;
      flex: 0 0 auto;
      border: 2px solid var(--zatoi-border);
      border-top-color: var(--zatoi-border-strong);
      border-radius: 50%;
      animation: syncSpin .8s linear infinite;
    }

    @keyframes syncSpin {
      to { transform: rotate(360deg); }
    }

    .history-empty {
      padding: 18px 12px;
      color: var(--zatoi-muted);
      font-size: 13px;
      line-height: 1.55;
      text-align: center;
    }

    /* =================================
       AUTH
    ================================= */

    .auth-screen {
      position: fixed;
      inset: 0;
      z-index: 1000;

      display: flex;
      align-items: center;
      justify-content: center;

      padding: 20px;

      background:
        radial-gradient(
          circle at top,
          var(--zatoi-surface) 0%,
          var(--zatoi-black) 55%
        );
    }

    .auth-screen.hidden {
      display: none;
    }

    .auth-card {
      width: 100%;
      max-width: 400px;

      padding: 30px 24px;

      background: var(--zatoi-bg);

      border:
        1px solid var(--zatoi-border);

      border-radius: 18px;

      box-shadow:
        0 20px 60px rgba(0,0,0,.45);

      text-align: center;
    }

    .auth-logo {
      width: 64px;
      height: 64px;

      margin: 0 auto 14px;

      display: flex;
      align-items: center;
      justify-content: center;

      border-radius: 18px;

      background: var(--zatoi-surface);

      font-size: 34px;
    }

    .auth-card h1 {
      margin: 0 0 8px;
      font-size: 28px;
    }

    .auth-subtitle {
      margin: 0 0 22px;
      color: var(--zatoi-muted);
      font-size: 14px;
    }

    .auth-error {
      display: none;

      margin-bottom: 14px;
      padding: 10px 12px;

      border:
        1px solid #7f3030;

      border-radius: 10px;

      background: #291519;
      color: #ff9d9d;

      font-size: 13px;
      line-height: 1.4;
    }

    .auth-error.show {
      display: block;
    }

    .auth-input {
      width: 100%;

      height: 46px;

      margin-bottom: 10px;

      padding: 0 13px;

      outline: none;

      border:
        1px solid var(--zatoi-border);

      border-radius: 10px;

      background: var(--zatoi-bg);
      color: var(--zatoi-text);

      font-size: 15px;
    }

    .auth-input:focus {
      border-color: var(--zatoi-brand-red);
    }

    .auth-submit {
      width: 100%;

      height: 46px;

      margin-top: 8px;

      border-radius: 10px;

      background: var(--zatoi-brand-red);
      color: var(--zatoi-on-red);

      font-size: 15px;
      font-weight: 700;
    }

    .auth-submit:disabled {
      opacity: .6;
      cursor: wait;
    }

    .auth-switch {
      width: 100%;

      margin-top: 12px;

      padding: 9px;

      background: transparent;
      color: var(--zatoi-link);

      font-size: 14px;
    }

    .auth-info {
      margin-top: 18px;

      color: var(--zatoi-subtle);

      font-size: 12px;
      line-height: 1.5;
    }

    /* =================================
       APP
    ================================= */

    .app {
      width: 100%;
      height: 100vh;

      display: flex;

      background: var(--zatoi-black);
    }

    .app.hidden {
      display: none;
    }

    /* =================================
       CHAT
    ================================= */

    .chat-column {
      flex: 1;
      min-width: 0;

      height: 100%;

      display: flex;
      flex-direction: column;
    }

    .chat-top {
      height: 58px;
      flex-shrink: 0;

      display: flex;
      align-items: center;
      justify-content: space-between;

      padding: 0 18px;

      border-bottom:
        1px solid var(--zatoi-border);

      background: var(--zatoi-bg);
    }

    .chat-title {
      min-width: 0;

      font-size: 17px;
      font-weight: 700;

      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .top-actions {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .mobile-menu-btn {
      display: none;
      width: 40px;
      height: 40px;
      border-radius: 10px;
      border: 1px solid var(--zatoi-border);
      background: var(--zatoi-surface);
      color: var(--zatoi-text);
      font-size: 23px;
      line-height: 1;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .mobile-history-quick-btn {
      display: none;
      min-width: 42px;
      height: 40px;
      padding: 0 10px;
      border-radius: 10px;
      border: 1px solid var(--zatoi-border);
      background: var(--zatoi-surface);
      color: var(--zatoi-text);
      font-size: 20px;
      line-height: 1;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .mobile-menu-overlay {
      position: fixed;
      inset: 0;
      z-index: 3600;
      display: none;
      justify-content: flex-end;
      background: rgba(0, 0, 0, .56);
      -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    }

    .mobile-menu-overlay.show {
      display: flex;
    }

    .mobile-menu-panel {
      width: min(310px, 84vw);
      height: 100%;
      padding: calc(18px + env(safe-area-inset-top, 0px)) 14px calc(18px + env(safe-area-inset-bottom, 0px));
      background: var(--zatoi-bg);
      border-left: 1px solid var(--zatoi-border);
      box-shadow: -16px 0 42px rgba(0, 0, 0, .34);
      transform: translateX(0);
      overflow-y: auto;
    }

    .mobile-menu-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 2px 2px 14px;
      border-bottom: 1px solid var(--zatoi-border);
      margin-bottom: 12px;
    }

    .mobile-menu-title {
      min-width: 0;
      font-size: 17px;
      font-weight: 800;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .mobile-menu-close {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: var(--zatoi-surface);
      color: var(--zatoi-text);
      border: 1px solid var(--zatoi-border);
      font-size: 22px;
      flex-shrink: 0;
    }

    .mobile-menu-account {
      margin-bottom: 12px;
      padding: 10px 12px;
      border-radius: 12px;
      background: var(--zatoi-surface);
      color: var(--zatoi-text);
      font-size: 13px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .mobile-menu-action {
      width: 100%;
      min-height: 48px;
      display: flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 9px;
      padding: 11px 13px;
      border-radius: 12px;
      border: 1px solid var(--zatoi-border);
      background: var(--zatoi-surface);
      color: var(--zatoi-text);
      font-size: 14px;
      font-weight: 700;
      text-align: left;
    }

    .mobile-menu-action .menu-icon {
      width: 24px;
      text-align: center;
      font-size: 18px;
      flex: 0 0 24px;
    }

    .mobile-menu-action.logout {
      margin-top: 16px;
      background: #241719;
      color: #fca5a5;
      border-color: #4a2529;
    }

    .account-area {
      display: flex;
      align-items: center;
      gap: 7px;
      margin-right: 2px;
    }

    .account-name {
      max-width: 130px;

      padding: 7px 9px;

      border-radius: 9px;

      background: var(--zatoi-surface);
      color: var(--zatoi-text);

      font-size: 12px;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .logout-btn {
      background: var(--zatoi-bg);
      color: #ff9a9a;

      border:
        1px solid var(--zatoi-border);

      border-radius: 9px;

      padding: 8px 10px;

      font-size: 12px;
    }

    .new-chat-btn,
    .mobile-history-btn {
      background: var(--zatoi-surface);
      color: var(--zatoi-on-red);

      border:
        1px solid var(--zatoi-border);

      border-radius: 10px;

      padding: 9px 12px;

      font-size: 13px;
    }

    .mobile-history-btn {
      display: none;
    }

    /* =================================
       INPUT
    ================================= */

    .desktop-input-area {
      flex-shrink: 0;

      padding: 12px 18px;

      background: var(--zatoi-black);

      border-bottom:
        1px solid var(--zatoi-border);
    }

    .input-box {
      width: 100%;
      position: relative;

      display: flex;
      align-items: flex-end;

      gap: 8px;

      background: var(--zatoi-bg);

      border:
        1px solid var(--zatoi-border);

      border-radius: 14px;

      padding: 8px;
    }

    textarea {
      flex: 1;
      min-width: 0;

      resize: none;

      max-height: 130px;
      min-height: 40px;

      border: none;
      outline: none;

      background: transparent;
      color: var(--zatoi-text);

      font-size: 15px;
      line-height: 1.4;

      padding: 10px;
    }

    textarea::placeholder {
      color: var(--zatoi-muted);
    }

    .action-btn,
    .voice-btn {
      flex-shrink: 0;

      height: 40px;
      min-width: 40px;

      border-radius: 10px;

      background: var(--zatoi-surface);
      color: var(--zatoi-text);

      font-size: 14px;

      padding: 0 12px;
    }

    .send-btn {
      background: var(--zatoi-brand-red);
      font-weight: 700;
    }

    .pdf-btn {
      font-size: 18px;
      padding: 0 10px;
    }

    .voice-btn.active {
      background: #b91c1c;
    }


    /* =================================
       EKLE / ARAÇLAR MENÜSÜ
    ================================= */
    .tools-menu {
      position: absolute;
      left: 8px;
      bottom: calc(100% + 10px);
      z-index: 80;
      width: min(300px, calc(100vw - 28px));
      padding: 10px;
      border: 1px solid var(--zatoi-border);
      border-radius: 18px;
      background: var(--zatoi-surface);
      box-shadow: 0 18px 45px rgba(0,0,0,.38);
      display: none;
      gap: 6px;
    }

    .tools-menu.show {
      display: grid;
    }

    /* Masaüstünde mesaj alanı üstte olduğu için araçlar menüsü aşağı açılsın. */
    #desktopToolsMenu {
      top: calc(100% + 10px);
      bottom: auto;
    }

    /* Mobilde mevcut davranış korunur: menü yukarı açılır. */
    #mobileToolsMenu {
      top: auto;
      bottom: calc(100% + 10px);
    }

    .tools-menu-item {
      width: 100%;
      min-height: 52px;
      border: 0;
      border-radius: 13px;
      background: transparent;
      color: var(--zatoi-text);
      display: flex;
      align-items: center;
      gap: 13px;
      padding: 8px 10px;
      text-align: left;
      font: inherit;
      font-size: 15px;
      cursor: pointer;
    }

    .tools-menu-item:hover,
    .tools-menu-item:focus-visible {
      background: var(--zatoi-surface);
      outline: none;
    }

    .tools-menu-icon {
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--zatoi-surface-2);
      font-size: 19px;
    }

    .tools-menu-label {
      font-weight: 650;
    }

    /* =================================
       PDF
    ================================= */

    .file-input {
      display: none;
    }

    .selected-file {
      display: none;

      align-items: center;
      gap: 8px;

      padding: 8px 12px;
      margin: 0 18px 8px;

      background: var(--zatoi-bg);

      border:
        1px solid var(--zatoi-brand-red);

      border-radius: 10px;

      font-size: 13px;
      color: var(--zatoi-text);
    }

    .selected-file.show {
      display: flex;
    }

    .selected-file-name {
      flex: 1;
      min-width: 0;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .remove-file-btn {
      background: transparent;
      color: #ff8b8b;
      font-size: 18px;
    }

    /* =================================
       MESSAGES
    ================================= */

    .messages {
      flex: 1;
      min-height: 0;

      overflow-y: auto;

      padding: 18px;

      display: flex;
      flex-direction: column;

      gap: 10px;

      scrollbar-width: thin;
    }

    .message-row {
      display: flex;
      width: 100%;
    }

    .message-row.user {
      justify-content: flex-end;
    }

    .message-row.assistant {
      justify-content: flex-start;
    }

    .message {
      max-width: min(78%, 850px);

      padding: 11px 14px;

      border-radius: 14px;

      font-size: 15px;
      line-height: 1.5;

      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }

    .message.user {
      background: var(--zatoi-brand-red);
      border-bottom-right-radius: 5px;
    }

    .message.assistant {
      background: var(--zatoi-surface);

      border:
        1px solid var(--zatoi-border);

      border-bottom-left-radius: 5px;
    }

    .welcome {
      margin: auto;

      text-align: center;

      color: var(--zatoi-muted);

      padding: 30px;
    }

    .welcome h1 {
      color: var(--zatoi-text);

      font-size: 30px;

      margin: 0 0 12px;
    }

    .welcome p {
      line-height: 1.7;
    }

    /* =================================
       TYPING
    ================================= */

    .typing-row {
      display: flex;
      justify-content: flex-start;
    }

    .typing {
      background: var(--zatoi-surface);

      border:
        1px solid var(--zatoi-border);

      border-radius: 14px;

      padding: 11px 14px;

      display: flex;
      gap: 5px;
    }

    .typing span {
      width: 6px;
      height: 6px;

      background: var(--zatoi-surface-3);

      border-radius: 50%;

      animation: typing 1.2s infinite;
    }

    .typing span:nth-child(2) {
      animation-delay: .15s;
    }

    .typing span:nth-child(3) {
      animation-delay: .3s;
    }

    .mobile-thinking-text {
      display: none;
      align-items: center;
      gap: 8px;
      color: var(--zatoi-muted);
      font-size: 13px;
      padding: 2px 2px 0;
    }

    .mobile-thinking-text::after {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--zatoi-surface-3);
      animation: thinkingPulse 1s infinite ease-in-out;
    }

    @keyframes thinkingPulse {
      0%, 100% { opacity: .35; transform: scale(.8); }
      50% { opacity: 1; transform: scale(1.15); }
    }

    @keyframes typing {
      0%,
      60%,
      100% {
        opacity: .3;
        transform: translateY(0);
      }

      30% {
        opacity: 1;
        transform: translateY(-3px);
      }
    }

    /* =================================
       HISTORY
    ================================= */

    .side-panel {
      width: 320px;
      height: 100%;

      flex-shrink: 0;

      border-left:
        1px solid var(--zatoi-border);

      background: var(--zatoi-bg);

      display: flex;
      flex-direction: column;
    }

    .side-header {
      height: 58px;

      display: flex;
      align-items: center;

      padding: 0 18px;

      font-weight: 700;
      font-size: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;

      border-bottom:
        1px solid var(--zatoi-border);
    }

    .history-list {
      flex: 1;

      overflow-y: auto;

      padding: 12px;
    }

    .history-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 36px 36px;

      align-items: center;

      gap: 8px;

      margin-bottom: 8px;
    }

    .history-open {
      flex: 1;
      min-width: 0;

      text-align: left;

      background: var(--zatoi-bg);
      color: var(--zatoi-text);

      border:
        1px solid var(--zatoi-border);

      border-radius: 10px;

      width: 100%;
      min-height: 40px;
      padding: 10px 12px;
      font-size: 13px;
      line-height: 1.3;

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;
    }

    .history-open.active {
      border-color: var(--zatoi-brand-red);
      background: var(--zatoi-surface);
    }

    .history-rename,
    .history-delete {
      width: 36px;
      height: 36px;

      border-radius: 8px;

      background: var(--zatoi-bg);
    }

    .history-rename {
      color: var(--zatoi-muted);
    }

    .history-delete {
      color: #ff8585;
    }

    .mobile-thinking-indicator {
      display: none;
    }

    @media (max-width: 800px) {
      .mobile-thinking-indicator.show {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 4px 7px;
        padding: 2px 4px;
        color: var(--zatoi-muted);
        font-size: 13px;
        line-height: 1.35;
        pointer-events: none;
      }

      .mobile-thinking-label {
        font-weight: 600;
      }

      .mobile-thinking-dots {
        display: inline-flex;
        align-items: center;
        gap: 4px;
      }

      .mobile-thinking-dots span {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--zatoi-surface-3);
        animation: typing 1.2s infinite;
      }

      .mobile-thinking-dots span:nth-child(2) {
        animation-delay: .15s;
      }

      .mobile-thinking-dots span:nth-child(3) {
        animation-delay: .3s;
      }
    }

    /* =================================
       MOBILE
    ================================= */

    .mobile-input-area {
      display: none;
    }

    .mobile-history-overlay {
      display: none;

      position: fixed;

      inset: 0;

      z-index: 100;

      background: rgba(0,0,0,.6);
    }

    .mobile-history-overlay.show {
      display: block;
    }

    .mobile-history-panel {
      position: absolute;

      top: 0;
      left: 0;
      bottom: 0;

      width: min(320px, 85vw);

      background: var(--zatoi-bg);

      border-right:
        1px solid var(--zatoi-border);

      display: flex;

      flex-direction: column;
    }

    .mobile-history-header {
      height: 58px;

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding: 0 14px;

      border-bottom:
        1px solid var(--zatoi-border);
    }

    .close-history {
      width: 35px;
      height: 35px;

      border-radius: 8px;

      background: var(--zatoi-surface);

      color: var(--zatoi-text);

      font-size: 18px;
    }

    .mobile-history-list {
      flex: 1;

      overflow-y: auto;

      padding: 10px;
    }

    @media (max-width: 800px) {

      .app {
        height: 100dvh;
      }

      .side-panel {
        display: none;
      }

      .chat-top {
        height: 56px;
        padding: 0 10px;
      }

      .chat-title {
        flex: 1;
        max-width: none;
        text-align: center;
        padding: 0 6px;
      }

      .mobile-history-quick-btn {
        display: inline-flex;
      }

      .top-actions {
        display: none;
      }

      .mobile-menu-btn {
        display: inline-flex;
      }

      .mobile-history-btn {
        display: block;

        padding: 8px 9px;

        font-size: 12px;
      }

      .new-chat-btn {
        padding: 8px 9px;
        font-size: 12px;
      }

      .account-area {
        margin-right: 0;
      }

      .account-name {
        display: none;
      }

      .logout-btn {
        padding: 8px 9px;
      }

      .desktop-input-area {
        display: none;
      }

      .messages {
        padding: 12px 10px 100px;
      }

      .message {
        max-width: 88%;
      }

      .mobile-input-area {
        display: block;

        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        z-index: 20;

        padding: 8px;

        background: rgba(var(--zatoi-black-rgb),.97);

        border-top:
          1px solid var(--zatoi-border);
      }

      .mobile-input-area .selected-file {
        margin: 0 0 7px;
      }

      .mobile-input-area .input-box {
        padding: 6px;
      }

      .mobile-input-area textarea {
        min-height: 38px;
        max-height: 100px;

        padding: 9px;

        font-size: 14px;
      }

      .mobile-input-area .voice-btn,
      .mobile-input-area .action-btn {
        height: 38px;
        min-width: 38px;
        padding: 0 8px;
      }

      .mobile-thinking-text {
        display: flex;
      }

      .typing-row.mobile-thinking-row .typing {
        display: none;
      }

      .auth-card {
        padding: 26px 20px;
      }

    }



  /* V8 - WEB KAYNAK KARTLARI */
  .source-cards {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--zatoi-border);
  }

  .source-card {
    display: block;
    padding: 10px 11px;
    border: 1px solid var(--zatoi-border);
    border-radius: 10px;
    background: var(--zatoi-bg);
    color: inherit;
    text-decoration: none;
  }

  .source-card:hover {
    border-color: var(--zatoi-brand-red);
    background: var(--zatoi-surface);
  }

  .source-card-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
  }

  .source-number {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--zatoi-brand-red);
    color: var(--zatoi-on-red);
    font-size: 11px;
    font-weight: 700;
  }

  .source-host {
    min-width: 0;
    color: var(--zatoi-muted);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .source-title {
    color: var(--zatoi-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
  }

  .source-open {
    margin-top: 5px;
    color: var(--zatoi-link);
    font-size: 11px;
  }

  

    /* =================================
       V10.6 AYARLAR
    ================================= */
    .settings-btn {
      width: 38px; height: 38px; border-radius: 10px;
      background: var(--zatoi-surface); color: var(--zatoi-text); border: 1px solid var(--zatoi-border);
      font-size: 18px; display: inline-flex; align-items: center; justify-content: center;
    }
    .settings-overlay {
      position: fixed; inset: 0; z-index: 3000; display: none;
      align-items: center; justify-content: center; padding: 18px;
      background: rgba(0,0,0,.68); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
    }
    .settings-overlay.show { display: flex; }
    .settings-panel {
      width: min(520px, 100%); max-height: min(760px, calc(100vh - 36px)); overflow-y: auto;
      background: var(--zatoi-bg); color: var(--zatoi-text); border: 1px solid var(--zatoi-border); border-radius: 18px;
      box-shadow: 0 24px 70px rgba(0,0,0,.5);
    }
    .settings-header {
      position: sticky; top: 0; z-index: 2; display: flex; align-items: center;
      justify-content: space-between; padding: 17px 18px; background: var(--zatoi-bg);
      border-bottom: 1px solid var(--zatoi-border); border-radius: 18px 18px 0 0;
    }
    .settings-title { font-size: 18px; font-weight: 800; }
    .settings-close { width: 36px; height: 36px; border-radius: 10px; background:var(--zatoi-surface); color:var(--zatoi-text); font-size:22px; }
    .settings-content { padding: 14px; }
    .settings-section { padding: 14px; margin-bottom: 10px; border: 1px solid var(--zatoi-border); border-radius: 14px; background:var(--zatoi-bg); }
    .settings-section:last-child { margin-bottom: 0; }
    .settings-section-title { font-size: 13px; font-weight: 800; color:var(--zatoi-link); margin-bottom: 11px; text-transform: uppercase; letter-spacing:.04em; }
    .setting-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:46px; }
    .setting-row + .setting-row { border-top:1px solid var(--zatoi-border); margin-top:8px; padding-top:8px; }
    .setting-info { min-width:0; }
    .setting-label { font-size:14px; font-weight:700; }
    .setting-desc { margin-top:3px; font-size:12px; line-height:1.35; color:var(--zatoi-muted); }
    .setting-control { flex:0 0 auto; }
    .settings-select { min-width:132px; padding:9px 10px; border-radius:9px; border:1px solid var(--zatoi-border); background:var(--zatoi-surface); color:var(--zatoi-text); outline:none; }
    .settings-switch { position:relative; width:48px; height:27px; border-radius:999px; background:var(--zatoi-surface-2); transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease; }
    .settings-switch::after { content:""; position:absolute; width:21px; height:21px; left:3px; top:3px; border-radius:50%; background:#fff; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease; }
    .settings-switch.active { background:var(--zatoi-brand-red); }
    .settings-switch.active::after { transform:translateX(21px); }
    .settings-status { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; background:#13251d; color:#86efac; font-size:12px; font-weight:700; }
    .settings-status-dot { width:7px; height:7px; border-radius:50%; background:#22c55e; }
    .settings-username { color:var(--zatoi-text); font-weight:700; word-break:break-word; }
    .settings-logout { padding:9px 12px; border-radius:9px; background:#2a1719; color:#fca5a5; border:1px solid #4a2529; font-weight:700; }
    .settings-about { font-size:13px; color:var(--zatoi-muted); line-height:1.55; }
    .settings-version { display:inline-block; margin-top:8px; padding:5px 8px; border-radius:7px; background:var(--zatoi-surface); color:var(--zatoi-link); font-weight:700; }

    body.font-small .message { font-size: 13px; }
    body.font-small textarea { font-size: 13px; }
    body.font-large .message { font-size: 17px; line-height: 1.58; }
    body.font-large textarea { font-size: 17px; }
    body.reduce-motion *, body.reduce-motion *::before, body.reduce-motion *::after {
      animation-duration: .001ms !important; animation-iteration-count: 1 !important;
      transition-duration: .001ms !important; scroll-behavior: auto !important;
    }

    body.light-theme { background:var(--zatoi-surface); color:var(--zatoi-text); }
    body.light-theme .app, body.light-theme .chat-column { background:var(--zatoi-surface); }
    body.light-theme .chat-top, body.light-theme .desktop-input-area, body.light-theme .mobile-input-area { background:#fff; border-color:var(--zatoi-border-strong); }
    body.light-theme .messages { background:var(--zatoi-surface); }
    body.light-theme .input-box { background:#fff; border-color:var(--zatoi-border-strong); }
    body.light-theme .tools-menu { background:#fff; border-color:var(--zatoi-border-strong); box-shadow:0 18px 45px rgba(var(--zatoi-shadow-rgb),.18); }
    body.light-theme .tools-menu-item { color:var(--zatoi-text); }
    body.light-theme .tools-menu-item:hover, body.light-theme .tools-menu-item:focus-visible { background:var(--zatoi-accent-soft); }
    body.light-theme .tools-menu-icon { background:var(--zatoi-surface); }
    body.light-theme textarea { color:var(--zatoi-text); }
    body.light-theme .message.assistant { background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .message.user { color:var(--zatoi-on-red); }
    body.light-theme .side-panel, body.light-theme .mobile-history-panel { background:#fff; border-color:var(--zatoi-border-strong); color:var(--zatoi-text); }
    body.light-theme .side-header, body.light-theme .mobile-history-header { background:var(--zatoi-surface); border-color:var(--zatoi-border-strong); color:var(--zatoi-text); }
    body.light-theme .history-open { background:#ffffff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .history-open:hover { background:var(--zatoi-accent-soft); }
    body.light-theme .history-open.active { background:var(--zatoi-accent-soft); color:var(--zatoi-text); border-color:var(--zatoi-brand-red); }
    body.light-theme .history-rename { background:var(--zatoi-surface); color:var(--zatoi-link); border:1px solid var(--zatoi-border-strong); }
    body.light-theme .history-delete { background:#fff1f2; color:#be123c; border:1px solid #fecdd3; }
    body.light-theme .history-item { border-color:var(--zatoi-border-strong); }
    body.light-theme .account-name, body.light-theme .new-chat-btn, body.light-theme .mobile-history-btn, body.light-theme .settings-btn,
    body.light-theme .mobile-menu-btn, body.light-theme .mobile-history-quick-btn, body.light-theme .voice-btn, body.light-theme .action-btn:not(.send-btn) { background:var(--zatoi-accent-soft); color:var(--zatoi-text); border-color:var(--zatoi-brand-red); }
    body.light-theme .mobile-menu-panel { background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .mobile-menu-header { border-color:var(--zatoi-border-strong); }
    body.light-theme .mobile-menu-close, body.light-theme .mobile-menu-account, body.light-theme .mobile-menu-action { background:var(--zatoi-surface); color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .mobile-menu-action.logout { background:#fff1f2; color:#be123c; border-color:#fecdd3; }
    body.light-theme .settings-panel, body.light-theme .settings-header { background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .settings-section { background:var(--zatoi-surface); border-color:var(--zatoi-border-strong); }
    body.light-theme .setting-row + .setting-row { border-color:var(--zatoi-border-strong); }
    body.light-theme .setting-desc, body.light-theme .settings-about { color:var(--zatoi-muted); }
    body.light-theme .settings-select { background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }
    body.light-theme .settings-close { background:var(--zatoi-surface); color:var(--zatoi-text); }
    body.light-theme .selected-file { background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-brand-red); }
    body.light-theme .sync-status { background:rgba(255,255,255,.97); color:var(--zatoi-text); border-color:var(--zatoi-border-strong); }

    @media (max-width:800px) {
      .settings-btn { width:36px; height:36px; font-size:17px; }
      .settings-overlay { padding:0; align-items:flex-end; }
      .settings-panel { width:100%; max-height:92vh; border-radius:18px 18px 0 0; border-bottom:0; }
      .settings-header { border-radius:18px 18px 0 0; }
      .settings-content { padding:10px; }
      .settings-section { padding:12px; }
      .setting-row { gap:10px; }
      .settings-select { min-width:112px; max-width:125px; }
    }



    /* =================================
       V10.9 ÇOKLU GÖRSEL
    ================================= */
    .selected-image-list {
      display: flex;
      align-items: center;
      gap: 6px;
      flex: 0 0 auto;
      max-width: 220px;
      overflow-x: auto;
      scrollbar-width: thin;
    }

    .selected-image-preview {
      width: 44px;
      height: 44px;
      flex: 0 0 44px;
      object-fit: cover;
      border-radius: 9px;
      border: 1px solid var(--zatoi-brand-red);
      background: var(--zatoi-bg);
      cursor: zoom-in;
    }

    .message-image-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
      width: min(360px, 100%);
      margin-bottom: 8px;
    }

    .message-image-grid.single {
      grid-template-columns: 1fr;
      width: min(280px, 100%);
    }

    .message-image-preview {
      display: block;
      width: min(280px, 100%);
      max-height: 220px;
      object-fit: cover;
      margin-bottom: 0;
      border-radius: 10px;
      border: 1px solid rgba(var(--zatoi-border-rgb),.16);
      cursor: zoom-in;
      background: rgba(0,0,0,.15);
    }

    .image-viewer {
      position: fixed;
      inset: 0;
      z-index: 5000;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 22px;
      background: rgba(0,0,0,.9);
    }

    .image-viewer.show { display: flex; }

    .image-viewer img {
      max-width: min(1100px, 96vw);
      max-height: 88vh;
      object-fit: contain;
      border-radius: 12px;
      box-shadow: 0 24px 80px rgba(0,0,0,.55);
    }

    .image-viewer-close {
      position: fixed;
      top: 16px;
      right: 16px;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(var(--zatoi-surface-rgb),.92);
      color: var(--zatoi-text);
      border: 1px solid var(--zatoi-border);
      font-size: 25px;
      line-height: 1;
      display: grid;
      place-items: center;
    }

    body.light-theme .selected-image-preview {
      border-color: var(--zatoi-brand-red);
      background: var(--zatoi-accent-soft);
    }

    .auth-tools, .message-tools, .account-tools { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
    .auth-tools button, .account-tool {
      padding:7px 10px; border-radius:9px; background:var(--zatoi-surface); color:var(--zatoi-text);
      border:1px solid var(--zatoi-border); font-size:12px;
    }
    .password-visibility { display:flex; align-items:center; gap:7px; width:100%; margin:-3px 0 9px;
      color:var(--zatoi-muted); font-size:12px; cursor:pointer; user-select:none; }
    .password-visibility input { width:16px; height:16px; margin:0; accent-color:var(--zatoi-brand-red); cursor:pointer; }
    .message-tools { justify-content:flex-end; margin-top:5px; opacity:.58; }
    .message-row:hover .message-tools, .message-tools:focus-within { opacity:1; }
    .message-tool { width:28px; height:28px; display:grid; place-items:center; padding:0; border-radius:50%;
      background:transparent; color:var(--zatoi-muted); border:1px solid transparent; font-size:14px; line-height:1; }
    .message-tool:hover, .message-tool:focus-visible { background:var(--zatoi-surface); border-color:var(--zatoi-brand-red); color:var(--zatoi-text); }
    .generated-image { display:block; width:min(512px, 100%); border-radius:14px; margin:0 0 9px;
      border:1px solid rgba(var(--zatoi-border-rgb),.14); cursor:pointer; }
    .generated-image-actions { display:flex; gap:8px; margin:7px 0; }
    .generated-image-actions a { display:inline-flex; align-items:center; gap:5px; padding:7px 10px;
      border-radius:9px; background:var(--zatoi-surface-3); color:var(--zatoi-text); text-decoration:none; font-size:12px; }
    .generated-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
    .generated-choice { padding:7px; border:1px solid var(--zatoi-border); border-radius:13px; background:var(--zatoi-bg); }
    .generated-choice.selected { border:2px solid var(--zatoi-brand-red); }
    .generated-choice .generated-image { width:100%; margin:0 0 7px; }
    .choice-button { width:100%; padding:8px; border-radius:9px; background:var(--zatoi-surface-2); color:var(--zatoi-text); }
    .generated-choice.selected .choice-button { background:var(--zatoi-surface-3); }
    @media (max-width:520px) {
      .generated-pair { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
      .generated-choice { padding:5px; min-width:0; }
      .generated-choice .generated-image { aspect-ratio:1 / 1; object-fit:cover; border-radius:10px; }
      .generated-choice .choice-button { padding:7px 4px; font-size:11px; line-height:1.2; }
      .generated-choice .generated-image + div { font-size:9px !important; line-height:1.25; }
      .generated-choice a[download] { font-size:11px !important; }
    }
    .account-tool.danger { background:#3a171c; border-color:#7f1d1d; color:#fecaca; }
    .network-banner { display:none; position:fixed; z-index:3000; top:0; left:50%; transform:translateX(-50%);
      padding:8px 15px; background:#7f1d1d; color:var(--zatoi-text); border-radius:0 0 10px 10px; font-size:13px; }
    .network-banner.show { display:block; }
    body.light-theme .auth-tools button, body.light-theme .account-tool {
      background:var(--zatoi-surface); color:var(--zatoi-text); border-color:var(--zatoi-border-strong);
    }
    body.light-theme .message-tool { color:var(--zatoi-muted); }
    body.light-theme .message-tool:hover, body.light-theme .message-tool:focus-visible {
      background:var(--zatoi-accent-soft); border-color:var(--zatoi-brand-red); color:var(--zatoi-text);
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
    }

    body.light-theme .message-image-preview {
      border-color: rgba(var(--zatoi-border-rgb),.18);
    }

    @media (max-width: 800px) {
      .selected-image-preview {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
      }

      .image-viewer { padding: 10px; }
      .image-viewer img { max-width: 98vw; max-height: 84vh; }
    }

  

    /* =================================
       V11.3 PDF FIX + GIZLILIK + DRAG DROP
    ================================= */
    .privacy-link-btn {
      background: transparent; color: var(--zatoi-link); border: 0; padding: 6px 4px;
      font-size: 12px; text-decoration: underline; text-underline-offset: 2px;
    }
    .privacy-overlay {
      position: fixed; inset: 0; z-index: 5200; display: none; align-items: center; justify-content: center;
      padding: 18px; background: rgba(0,0,0,.72); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
    }
    .privacy-overlay.show { display: flex; }
    .privacy-panel {
      width: min(620px, 100%); max-height: min(820px, calc(100vh - 36px)); overflow-y: auto;
      background: var(--zatoi-bg); color: var(--zatoi-text); border: 1px solid var(--zatoi-border); border-radius: 18px;
      box-shadow: 0 24px 70px rgba(0,0,0,.5);
    }
    .privacy-header {
      position: sticky; top: 0; z-index: 2; display:flex; align-items:center; justify-content:space-between;
      padding: 16px 18px; background:var(--zatoi-bg); border-bottom:1px solid var(--zatoi-border); border-radius:18px 18px 0 0;
    }
    .privacy-title { font-size: 18px; font-weight: 800; }
    .privacy-close { width:36px; height:36px; border-radius:10px; background:var(--zatoi-surface); color:var(--zatoi-text); font-size:22px; }
    .privacy-content { padding: 18px; font-size: 13px; line-height: 1.65; color:var(--zatoi-text); }
    .privacy-content h3 { margin: 16px 0 5px; color:var(--zatoi-text); font-size:14px; }
    .privacy-content h3:first-child { margin-top: 0; }
    .privacy-content p { margin: 0 0 8px; }
    .drop-overlay {
      position: fixed; inset: 0; z-index: 5100; display:none; align-items:center; justify-content:center;
      pointer-events:none; background:rgba(var(--zatoi-red-rgb),.12); border:3px dashed rgba(var(--zatoi-border-rgb),.75);
    }
    .drop-overlay.show { display:flex; }
    .drop-overlay-card {
      padding:18px 24px; border-radius:14px; background:rgba(var(--zatoi-bg-rgb),.96); color:var(--zatoi-text);
      border:1px solid var(--zatoi-border-strong); font-size:15px; font-weight:700; box-shadow:0 18px 55px rgba(0,0,0,.4);
    }
    body.light-theme .privacy-panel, body.light-theme .privacy-header { background:#fff; color:var(--zatoi-text); }
    body.light-theme .privacy-content { color:var(--zatoi-text); }
    body.light-theme .privacy-content h3 { color:var(--zatoi-text); }
    body.light-theme .drop-overlay-card { background:rgba(255,255,255,.97); color:var(--zatoi-text); }

  
    /* =================================
       V14.20 YÖNETİCİ PANELİ
    ================================= */
    .admin-btn {
      display:none;
      width:38px; height:38px; border-radius:11px;
      background:#2a1f10; color:#fbbf24; border:1px solid #5b421b;
      font-size:18px;
    }
    .admin-btn.show { display:grid; place-items:center; }
    .admin-overlay {
      display:none; position:fixed; inset:0; z-index:7000;
      align-items:center; justify-content:center; padding:18px;
      background:rgba(var(--zatoi-red-rgb),.76); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
    }
    .admin-overlay.show { display:flex; }
    .admin-panel {
      width:min(1040px, 96vw); max-height:92vh; overflow:hidden;
      border:1px solid var(--zatoi-border); border-radius:18px; background:var(--zatoi-bg);
      color:var(--zatoi-text); box-shadow:0 28px 90px rgba(0,0,0,.5);
      display:flex; flex-direction:column;
    }
    .admin-header {
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding:14px 16px; border-bottom:1px solid var(--zatoi-border); background:var(--zatoi-bg);
    }
    .admin-title { font-size:18px; font-weight:850; }
    .admin-subtitle { color:var(--zatoi-muted); font-size:12px; margin-top:2px; }
    .admin-close {
      width:36px; height:36px; border-radius:10px; background:var(--zatoi-surface);
      color:var(--zatoi-text); border:1px solid var(--zatoi-border); font-size:22px;
    }
    .admin-content { padding:14px; overflow:auto; }
    .admin-toolbar {
      display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:12px;
    }
    .admin-action {
      padding:8px 11px; border-radius:9px; background:var(--zatoi-surface); color:var(--zatoi-text);
      border:1px solid var(--zatoi-border); font-weight:700; font-size:12px;
    }
    .admin-action.primary { background:var(--zatoi-brand-red-deep); border-color:var(--zatoi-brand-red); color:var(--zatoi-on-red); }
    .admin-action.danger { background:#3a171c; border-color:#7f1d1d; color:#fecaca; }
    .admin-action.warning { background:#3a2b10; border-color:#72531b; color:#fde68a; }
    .admin-section-head .admin-action { flex:0 0 auto; }
    .admin-action:disabled { opacity:.55; cursor:wait; }
    .admin-status {
      margin-left:auto; font-size:12px; color:var(--zatoi-muted);
    }
    .admin-stats {
      display:grid; grid-template-columns:repeat(6,minmax(110px,1fr));
      gap:8px; margin-bottom:14px;
    }
    .admin-stat {
      padding:12px; border:1px solid var(--zatoi-border); border-radius:12px; background:var(--zatoi-bg);
    }
    .admin-stat-value { font-size:22px; font-weight:900; color:var(--zatoi-text); }
    .admin-stat-label { margin-top:3px; color:var(--zatoi-muted); font-size:11px; }
    .admin-section {
      margin-top:12px; border:1px solid var(--zatoi-border); border-radius:14px;
      overflow:hidden; background:var(--zatoi-bg);
    }
    .admin-section-head {
      display:flex; justify-content:space-between; align-items:center; gap:8px;
      padding:11px 12px; border-bottom:1px solid var(--zatoi-border); font-weight:800;
    }
    .admin-table-wrap { overflow:auto; max-height:330px; }
    .admin-table { width:100%; border-collapse:collapse; font-size:12px; }
    .admin-table th, .admin-table td {
      padding:9px 10px; text-align:left; border-bottom:1px solid var(--zatoi-border); vertical-align:middle;
      white-space:nowrap;
    }
    .admin-table th { position:sticky; top:0; background:var(--zatoi-surface); color:var(--zatoi-link); z-index:1; }
    .admin-role {
      display:inline-flex; padding:3px 7px; border-radius:999px;
      background:var(--zatoi-surface); border:1px solid var(--zatoi-border); color:var(--zatoi-text); font-weight:750;
    }
    .admin-role.admin { background:#3a2b10; border-color:#72531b; color:#fde68a; }
    .admin-user-actions { display:flex; gap:5px; }
    .admin-mini {
      padding:5px 7px; border-radius:7px; background:var(--zatoi-surface); color:var(--zatoi-text);
      border:1px solid var(--zatoi-border); font-size:11px;
    }
    .admin-mini.danger { background:#35161a; color:#fecaca; border-color:#6f252c; }
    .admin-empty { padding:18px; text-align:center; color:var(--zatoi-muted); }
    .admin-error-message {
      max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    body.light-theme .admin-panel, body.light-theme .admin-header {
      background:#fff; color:var(--zatoi-text); border-color:var(--zatoi-border-strong);
    }
    body.light-theme .admin-content { background:var(--zatoi-surface); }
    body.light-theme .admin-stat, body.light-theme .admin-section {
      background:#fff; border-color:var(--zatoi-border-strong);
    }
    body.light-theme .admin-table th { background:var(--zatoi-surface); color:var(--zatoi-link); }
    body.light-theme .admin-table td { border-color:var(--zatoi-border-strong); }
    @media (max-width:800px) {
      .admin-overlay { padding:0; align-items:flex-end; }
      .admin-panel { width:100%; max-height:94vh; border-radius:18px 18px 0 0; }
      .admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .admin-status { width:100%; margin-left:0; }
      .admin-table th, .admin-table td { padding:8px 7px; }
    }



/* ============================================================
   ZATOI AI V14.24 — KIRMIZI / SIYAH / GUMUS UI
   Temiz kaynak üzerine yalnızca görsel katman.
   ============================================================ */
:root{
  --z-bg:var(--zatoi-black);
  --z-bg2:var(--zatoi-bg);
  --z-card:var(--zatoi-surface);
  --z-card2:var(--zatoi-surface-2);
  --z-line:var(--zatoi-line);
  --z-line2:var(--zatoi-line-strong);
  --z-text:var(--zatoi-text);
  --z-muted:var(--zatoi-muted);
  --z-blue:var(--zatoi-brand-red);
  --z-blue2:var(--zatoi-brand-red-hover);
  --z-violet:var(--zatoi-brand-red-deep);
  --z-danger:#ff6b78;
  --z-shadow:0 18px 55px rgba(0,0,0,.30);
}

html,body{
  background:
    radial-gradient(circle at 15% 0%,rgba(var(--zatoi-red-rgb),.17),transparent 34%),
    radial-gradient(circle at 80% 12%,rgba(var(--zatoi-red-rgb),.12),transparent 30%),
    linear-gradient(145deg,var(--zatoi-bg),var(--zatoi-bg) 55%,var(--zatoi-bg)) !important;
  color:var(--z-text) !important;
}

.app{
  background:
    radial-gradient(circle at 50% 12%,rgba(var(--zatoi-red-rgb),.07),transparent 35%),
    linear-gradient(180deg,rgba(var(--zatoi-bg-rgb),.96),rgba(var(--zatoi-bg-rgb),.99)) !important;
}

/* GİRİŞ */
.auth-screen{
  background:
    radial-gradient(circle at 50% 5%,rgba(var(--zatoi-red-rgb),.24),transparent 30%),
    radial-gradient(circle at 85% 70%,rgba(var(--zatoi-red-rgb),.14),transparent 32%),
    linear-gradient(145deg,var(--zatoi-bg),var(--zatoi-bg) 55%,var(--zatoi-bg)) !important;
}
.auth-card{
  background:linear-gradient(180deg,rgba(var(--zatoi-surface-rgb),.96),rgba(var(--zatoi-surface-rgb),.96)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.32) !important;
  border-radius:26px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 55px rgba(var(--zatoi-shadow-rgb),.08) !important;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.auth-logo{
  background:linear-gradient(145deg,rgba(var(--zatoi-red-rgb),.25),rgba(var(--zatoi-red-rgb),.20)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.28);
  box-shadow:0 10px 30px rgba(var(--zatoi-shadow-rgb),.18);
}
.auth-card h1,.auth-title{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  text-shadow:0 2px 14px rgba(var(--zatoi-shadow-rgb),.20);
}
.auth-subtitle,.auth-info{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}
.auth-input{
  background:rgba(var(--zatoi-bg-rgb),.82) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.28) !important;
  color:var(--zatoi-text) !important;
  border-radius:14px !important;
}
.auth-input::placeholder{
  color:var(--zatoi-muted) !important;
  opacity:1 !important;
}
.auth-input:focus{
  border-color:var(--zatoi-brand-red) !important;
  box-shadow:0 0 0 4px rgba(var(--zatoi-red-rgb),.11),0 0 24px rgba(var(--zatoi-red-rgb),.09);
}
.auth-submit,.send-btn{
  color:var(--zatoi-on-red) !important;
  background:linear-gradient(135deg,var(--zatoi-brand-red) 0%,var(--zatoi-brand-red) 52%,var(--zatoi-brand-red) 100%) !important;
  border-color:rgba(var(--zatoi-red-rgb),.55) !important;
  box-shadow:0 8px 26px rgba(var(--zatoi-red-rgb),.25),0 0 24px rgba(var(--zatoi-red-rgb),.10);
}
.auth-switch,.privacy-link-btn{
  color:var(--zatoi-link) !important;
  -webkit-text-fill-color:var(--zatoi-link) !important;
}

/* ÜST BAR */
.chat-top{
  height:68px !important;
  background:linear-gradient(90deg,rgba(var(--zatoi-bg-rgb),.94),rgba(var(--zatoi-surface-rgb),.92)) !important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.22) !important;
  -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
}
.chat-title,.side-header{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  font-weight:800 !important;
}
.account-name,.new-chat-btn,.settings-btn,.mobile-history-btn,
.mobile-menu-btn,.mobile-history-quick-btn{
  color:var(--zatoi-on-red) !important;
  -webkit-text-fill-color:var(--zatoi-on-red) !important;
  background:linear-gradient(180deg,rgba(var(--zatoi-surface-rgb),.94),rgba(var(--zatoi-surface-rgb),.94)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.new-chat-btn{
  background:linear-gradient(135deg,rgba(var(--zatoi-red-rgb),.28),rgba(var(--zatoi-red-rgb),.24)) !important;
  border-color:rgba(var(--zatoi-border-rgb),.42) !important;
}
.logout-btn,.settings-logout,.mobile-menu-action.logout{
  color:#ff8f99 !important;
  -webkit-text-fill-color:#ff8f99 !important;
}

/* SOHBET ALANI */
.chat-column{
  background:
    radial-gradient(circle at 48% 40%,rgba(var(--zatoi-red-rgb),.055),transparent 34%),
    linear-gradient(180deg,rgba(var(--zatoi-red-rgb),.78),rgba(var(--zatoi-bg-rgb),.90)) !important;
}
.messages{
  padding:26px clamp(18px,3vw,44px) !important;
  gap:16px !important;
}
.welcome h1{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:transparent !important;
  background:linear-gradient(90deg,var(--zatoi-surface),var(--zatoi-surface-3) 55%,var(--zatoi-surface-3));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none !important;
}
.welcome p{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}

/* MESAJLAR */
.message{
  border-radius:19px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.message.assistant{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  background:linear-gradient(145deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.25) !important;
  border-bottom-left-radius:7px !important;
}
.message.user{
  color:var(--zatoi-on-red) !important;
  -webkit-text-fill-color:var(--zatoi-on-red) !important;
  background:linear-gradient(135deg,var(--zatoi-brand-red) 0%,var(--zatoi-brand-red) 56%,var(--zatoi-brand-red) 100%) !important;
  border:1px solid rgba(var(--zatoi-red-rgb),.26) !important;
  border-bottom-right-radius:7px !important;
  box-shadow:0 12px 32px rgba(var(--zatoi-red-rgb),.20);
}
.message.assistant *,
.message.user *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
}
.message a{
  color:var(--zatoi-link) !important;
  -webkit-text-fill-color:var(--zatoi-link) !important;
}
.message code{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  background:rgba(255,255,255,.08) !important;
}
.message-tool{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}
.message-tool:hover,.message-tool:focus-visible{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
.typing{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface) !important;
  border-color:rgba(var(--zatoi-border-rgb),.25) !important;
}

/* INPUT */
.desktop-input-area{
  padding:14px 20px 16px !important;
  background:rgba(var(--zatoi-red-rgb),.78) !important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.18) !important;
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
}
.input-box{
  background:linear-gradient(180deg,rgba(var(--zatoi-surface-rgb),.98),rgba(var(--zatoi-surface-rgb),.98)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.60) !important;
  border-radius:22px !important;
  box-shadow:0 0 0 1px rgba(var(--zatoi-shadow-rgb),.12),0 12px 34px rgba(0,0,0,.20),0 0 28px rgba(var(--zatoi-shadow-rgb),.07);
}
.input-box:focus-within{
  border-color:var(--zatoi-brand-red) !important;
  box-shadow:0 0 0 3px rgba(var(--zatoi-red-rgb),.10),0 0 30px rgba(var(--zatoi-red-rgb),.12);
}
textarea{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
textarea::placeholder{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
  opacity:1 !important;
}
.action-btn,.voice-btn{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  background:linear-gradient(180deg,var(--zatoi-surface-2),var(--zatoi-surface)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.18) !important;
  border-radius:14px !important;
}
.action-btn:hover,.voice-btn:hover{
  background:var(--zatoi-surface-2) !important;
  border-color:rgba(var(--zatoi-red-rgb),.42) !important;
}

/* GEÇMİŞ */
.side-panel{
  width:350px !important;
  background:linear-gradient(180deg,rgba(var(--zatoi-bg-rgb),.98),rgba(var(--zatoi-bg-rgb),.99)) !important;
  border-left:1px solid rgba(var(--zatoi-border-rgb),.24) !important;
}
.side-header{
  height:68px !important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.22) !important;
}
.history-list{padding:14px !important;}
.history-item{
  grid-template-columns:minmax(0,1fr) 40px 40px !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
.history-open{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  min-height:52px !important;
  padding:12px 14px !important;
  background:linear-gradient(145deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.16) !important;
  border-radius:15px !important;
}
.history-open:hover{
  background:linear-gradient(145deg,var(--zatoi-surface-2),var(--zatoi-surface)) !important;
  border-color:rgba(var(--zatoi-red-rgb),.42) !important;
}
.history-open.active{
  background:linear-gradient(135deg,rgba(var(--zatoi-red-rgb),.78),rgba(var(--zatoi-red-rgb),.58)) !important;
  border-color:rgba(var(--zatoi-red-rgb),.68) !important;
}
.history-rename,.history-delete{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface) !important;
  border-radius:12px !important;
}

/* AYARLAR */
.settings-overlay,.privacy-overlay{
  background:rgba(var(--zatoi-red-rgb),.76) !important;
  -webkit-backdrop-filter:blur(10px) !important; backdrop-filter:blur(10px) !important;
}
.settings-panel,.privacy-panel{
  color:var(--zatoi-text) !important;
  background:linear-gradient(180deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.28) !important;
  border-radius:24px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 45px rgba(var(--zatoi-shadow-rgb),.08) !important;
}
.settings-header,.privacy-header{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface) !important;
  border-color:rgba(var(--zatoi-border-rgb),.22) !important;
}
.settings-title,.setting-label{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
.settings-section{
  background:linear-gradient(180deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.20) !important;
  border-radius:17px !important;
}
.settings-section-title{
  color:var(--zatoi-link) !important;
  -webkit-text-fill-color:var(--zatoi-link) !important;
}
.setting-desc,.settings-about{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}
.settings-select{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface-2) !important;
  border-color:rgba(var(--zatoi-border-rgb),.36) !important;
}
.settings-close{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface-2) !important;
  border:1px solid rgba(var(--zatoi-border-rgb),.22);
}
.settings-switch{background:var(--zatoi-surface-3) !important;}
.settings-switch.active{
  background:linear-gradient(90deg,var(--zatoi-brand-red),var(--zatoi-brand-red)) !important;
}

/* DİĞER KARTLAR */
.selected-file,.source-card,.generated-choice{
  color:var(--zatoi-text) !important;
  background:var(--zatoi-surface) !important;
  border-color:rgba(var(--zatoi-red-rgb),.20) !important;
}
.source-number{
  color:var(--zatoi-on-red) !important;
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red)) !important;
}

/* SCROLLBAR */
*{
  scrollbar-color:var(--zatoi-scrollbar) transparent;
  scrollbar-width:thin;
}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{
  background:var(--zatoi-scrollbar);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

/* AÇIK TEMA */
/* DEAD CODE - V14.24 light-theme (üstüne V14.28 yazdı) */
body.light-theme .app,
body.light-theme .chat-column,
body.light-theme .messages{
  background:var(--zatoi-surface) !important;
}
body.light-theme .chat-top,
body.light-theme .desktop-input-area,
body.light-theme .mobile-input-area,
body.light-theme .side-panel,
body.light-theme .side-header{
  background:var(--zatoi-surface) !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .chat-title,
body.light-theme .side-header,
body.light-theme .settings-title,
body.light-theme .setting-label{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .message.assistant{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
  background:#fff !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .message.user{
  color:var(--zatoi-on-red) !important;
  -webkit-text-fill-color:var(--zatoi-on-red) !important;
}
body.light-theme .input-box,
body.light-theme .history-open,
body.light-theme .settings-section{
  background:#fff !important;
  border-color:var(--zatoi-border-strong) !important;
  color:var(--zatoi-text) !important;
}
body.light-theme textarea,
body.light-theme input,
body.light-theme select{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme textarea::placeholder,
body.light-theme input::placeholder{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}
body.light-theme .settings-panel,
body.light-theme .settings-header,
body.light-theme .privacy-panel,
body.light-theme .privacy-header{
  background:var(--zatoi-surface) !important;
  color:var(--zatoi-text) !important;
  border-color:var(--zatoi-border-strong) !important;
}

/* MOBİL */
@media(max-width:800px){
  .chat-top{height:60px !important;padding:0 10px !important;}
  .messages{padding:15px 11px 110px !important;}
  .mobile-input-area{
    background:rgba(var(--zatoi-bg-rgb),.94) !important;
    border-top:1px solid rgba(var(--zatoi-border-rgb),.24) !important;
    -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  }
  .mobile-input-area .input-box{border-radius:19px !important;}
  .message{max-width:91% !important;}
  .mobile-menu-panel,.mobile-history-panel{
    background:linear-gradient(180deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
    border-color:rgba(var(--zatoi-border-rgb),.25) !important;
  }
  .settings-panel{border-radius:24px 24px 0 0 !important;}
}


/* ZATOI LIGHT THEME — STABLE CONTRAST */
body.light-theme{
  background:var(--zatoi-surface) !important;
  color:var(--zatoi-text) !important;
}
body.light-theme .app,
body.light-theme .chat-column,
body.light-theme .messages{
  background:linear-gradient(180deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
}
body.light-theme .chat-top,
body.light-theme .side-panel,
body.light-theme .side-header{
  background:var(--zatoi-surface) !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .chat-title,
body.light-theme .side-header{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .desktop-input-area,
body.light-theme .mobile-input-area{
  background:var(--zatoi-surface) !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .input-box{
  background:#ffffff !important;
  border:1px solid var(--zatoi-border-strong) !important;
  box-shadow:0 8px 24px rgba(var(--zatoi-shadow-rgb),.09) !important;
}
body.light-theme textarea{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme textarea::placeholder{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
  opacity:1 !important;
}
body.light-theme .account-name,
body.light-theme .settings-btn,
body.light-theme .action-btn,
body.light-theme .voice-btn,
body.light-theme .history-rename,
body.light-theme .history-delete{
  background:var(--zatoi-surface-2) !important;
  border-color:var(--zatoi-border) !important;
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .new-chat-btn,
body.light-theme .send-btn{
  background:linear-gradient(135deg,var(--zatoi-brand-red-deep),var(--zatoi-brand-red)) !important;
  border-color:var(--zatoi-brand-red) !important;
  color:var(--zatoi-on-red) !important;
  -webkit-text-fill-color:var(--zatoi-on-red) !important;
}
body.light-theme .history-open{
  background:#ffffff !important;
  border:1px solid var(--zatoi-border-strong) !important;
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .history-open:hover{
  background:var(--zatoi-accent-soft) !important;
  border-color:var(--zatoi-brand-red) !important;
}
body.light-theme .history-open.active{
  background:linear-gradient(135deg,var(--zatoi-accent-soft),var(--zatoi-accent-soft)) !important;
  border-color:var(--zatoi-brand-red) !important;
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .message.assistant,
body.light-theme .message.assistant *{
  background:#ffffff !important;
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .message.assistant{
  border-color:var(--zatoi-border-strong) !important;
  box-shadow:0 10px 28px rgba(var(--zatoi-shadow-rgb),.08) !important;
}
body.light-theme .message.user,
body.light-theme .message.user *{
  color:var(--zatoi-on-red) !important;
  -webkit-text-fill-color:var(--zatoi-on-red) !important;
}
body.light-theme .message.user{
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red) 58%,var(--zatoi-brand-red)) !important;
}
body.light-theme .message.assistant .message-tool{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
  background:transparent !important;
}
body.light-theme .settings-panel,
body.light-theme .privacy-panel,
body.light-theme .settings-header,
body.light-theme .privacy-header{
  background:var(--zatoi-surface) !important;
  color:var(--zatoi-text) !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .settings-section{
  background:#ffffff !important;
  border-color:var(--zatoi-border-strong) !important;
}
body.light-theme .settings-title,
body.light-theme .setting-label{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .setting-desc,
body.light-theme .settings-about{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}
body.light-theme .settings-select,
body.light-theme input,
body.light-theme select{
  background:#ffffff !important;
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .auth-screen{
  background:linear-gradient(145deg,var(--zatoi-surface),var(--zatoi-surface)) !important;
}
body.light-theme .auth-card{
  background:#ffffff !important;
  border-color:var(--zatoi-border-strong) !important;
  color:var(--zatoi-text) !important;
}
body.light-theme .auth-card h1,
body.light-theme .auth-title{
  color:var(--zatoi-text) !important;
  -webkit-text-fill-color:var(--zatoi-text) !important;
}
body.light-theme .auth-subtitle,
body.light-theme .auth-info{
  color:var(--zatoi-muted) !important;
  -webkit-text-fill-color:var(--zatoi-muted) !important;
}

/* ===== EK STIL BLOĞU ===== */

.automatic-reference-box{
  margin:8px 0 10px;
  padding:8px;
  border:1px solid var(--border,var(--zatoi-border));
  border-radius:10px;
}
.automatic-reference-title{
  font-weight:700;
  margin-bottom:7px;
}
.automatic-reference-image{
  display:block;
  width:180px;
  max-width:100%;
  height:auto;
  border-radius:8px;
  object-fit:contain;
  cursor:pointer;
}
.automatic-reference-note{
  font-size:12px;
  opacity:.75;
  margin-top:6px;
}


/* ==========================================
   V14.26 PROFESYONEL PROFİL
========================================== */
.profile-overlay {
  position: fixed;
  inset: 0;
  z-index: 5600;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,.72);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.profile-overlay.show { display: flex; }
.profile-panel {
  width: min(680px, 100%);
  max-height: min(880px, calc(100vh - 36px));
  overflow-y: auto;
  border: 1px solid var(--zatoi-border);
  border-radius: 20px;
  background: var(--zatoi-bg);
  color: var(--zatoi-text);
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
}
.profile-header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--zatoi-border);
  background: rgba(var(--zatoi-bg-rgb),.97);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.profile-title { font-size: 20px; font-weight: 850; }
.profile-subtitle { margin-top: 4px; color: var(--zatoi-muted); font-size: 12px; }
.profile-close {
  width: 38px; height: 38px; flex: 0 0 38px;
  border-radius: 11px; border: 1px solid var(--zatoi-border);
  background: var(--zatoi-surface); color: var(--zatoi-text); font-size: 23px;
}
.profile-content { padding: 18px; }
.profile-hero {
  display: flex; align-items: center; gap: 16px;
  padding: 18px; margin-bottom: 14px;
  border: 1px solid var(--zatoi-border); border-radius: 17px;
  background: linear-gradient(135deg, var(--zatoi-bg), var(--zatoi-surface));
}
.profile-avatar {
  width: 78px; height: 78px; flex: 0 0 78px;
  display: grid; place-items: center;
  border-radius: 24px; border: 1px solid var(--zatoi-brand-red);
  background: var(--zatoi-surface); box-shadow: inset 0 0 28px rgba(var(--zatoi-red-rgb),.12);
  font-size: 34px; font-weight: 900;
}
.profile-avatar-orbit { border-radius: 50%; }
.profile-avatar-bolt { background: #251f13; border-color: #a67c24; }
.profile-avatar-pixel { border-radius: 16px; background: var(--zatoi-surface); border-color: var(--zatoi-brand-red); }
.profile-avatar-nova { background: #2b1725; border-color: var(--zatoi-brand-red); }
.profile-avatar-shield { background: #152820; border-color: #22c55e; }
.profile-identity { min-width: 0; }
.profile-display-name {
  font-size: 22px; font-weight: 850;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.profile-username { margin-top: 3px; color: var(--zatoi-muted); font-size: 13px; }
.profile-role-badge {
  display: inline-flex; margin-top: 9px; padding: 5px 8px;
  border-radius: 999px; background: var(--zatoi-surface); color: var(--zatoi-link);
  border: 1px solid var(--zatoi-border); font-size: 10px; font-weight: 850; letter-spacing: .08em;
}
.profile-role-badge.admin { background: #342414; color: #fcd34d; border-color: #6f4b18; }
.profile-section {
  padding: 16px; margin-bottom: 12px;
  border: 1px solid var(--zatoi-border); border-radius: 15px; background: var(--zatoi-bg);
}
.profile-section-title {
  margin-bottom: 13px; color: var(--zatoi-link);
  font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em;
}
.profile-field { display: block; margin-bottom: 13px; }
.profile-field:last-child { margin-bottom: 0; }
.profile-field > span { display: block; margin-bottom: 6px; color: var(--zatoi-text); font-size: 13px; font-weight: 700; }
.profile-field input, .profile-field textarea {
  width: 100%; border: 1px solid var(--zatoi-border); border-radius: 11px;
  background: var(--zatoi-bg); color: var(--zatoi-text); outline: none; font: inherit;
}
.profile-field input { height: 44px; padding: 0 12px; }
.profile-field textarea { min-height: 84px; padding: 11px 12px; resize: vertical; }
.profile-field input:focus, .profile-field textarea:focus { border-color: var(--zatoi-brand-red); }
.profile-field small { display: block; margin-top: 5px; text-align: right; color: var(--zatoi-muted); font-size: 11px; }
.profile-avatar-choices { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; }
.profile-avatar-choice {
  min-height: 52px; border: 1px solid var(--zatoi-brand-red); border-radius: 13px;
  background: var(--zatoi-surface); color: var(--zatoi-on-red); font-size: 22px;
}
.profile-avatar-choice:hover { background: var(--zatoi-surface); }
.profile-avatar-choice.active { border: 2px solid var(--zatoi-brand-red); background: var(--zatoi-surface); }
.profile-help { margin-top: 10px; color: var(--zatoi-muted); font-size: 11px; line-height: 1.5; }
.profile-meta-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 39px; border-bottom: 1px solid var(--zatoi-border); font-size: 13px;
}
.profile-meta-row:last-child { border-bottom: 0; }
.profile-meta-row span { color: var(--zatoi-muted); }
.profile-meta-row strong { text-align: right; overflow-wrap: anywhere; }
.profile-security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.profile-secondary-btn {
  min-height: 44px; padding: 9px 11px; border: 1px solid var(--zatoi-border);
  border-radius: 11px; background: var(--zatoi-surface); color: var(--zatoi-text); font-weight: 700;
}
.profile-actions {
  position: sticky; bottom: 0; display: flex; align-items: center;
  justify-content: flex-end; gap: 12px; padding: 12px 0 0;
  background: linear-gradient(to bottom, transparent, var(--zatoi-bg) 28%);
}
.profile-status { flex: 1; min-width: 0; color: var(--zatoi-muted); font-size: 12px; }
.profile-save-btn {
  min-height: 44px; padding: 0 17px; border-radius: 11px;
  background: var(--zatoi-surface-3); color: var(--zatoi-text); font-weight: 800;
}
.profile-save-btn:disabled { opacity: .6; cursor: wait; }
#accountName, #mobileMenuAccount { cursor: pointer; }

body.light-theme .profile-panel,
body.light-theme .profile-header { background: #fff; color: var(--zatoi-text); border-color: var(--zatoi-border-strong); }
body.light-theme .profile-hero { background: var(--zatoi-surface); border-color: var(--zatoi-border-strong); }
body.light-theme .profile-section { background: var(--zatoi-surface); border-color: var(--zatoi-border-strong); }
body.light-theme .profile-field > span { color: var(--zatoi-text); }
body.light-theme .profile-field input,
body.light-theme .profile-field textarea { background: #fff; color: var(--zatoi-text); border-color: var(--zatoi-border-strong); }
body.light-theme .profile-avatar-choice,
body.light-theme .profile-secondary-btn { background: var(--zatoi-accent-soft); color: var(--zatoi-text); border-color: var(--zatoi-brand-red); }
body.light-theme .profile-avatar-choice.active { background: var(--zatoi-accent-soft); border-color: var(--zatoi-brand-red); }
body.light-theme .profile-meta-row { border-color: var(--zatoi-border-strong); }
body.light-theme .profile-actions { background: linear-gradient(to bottom, transparent, #fff 28%); }
body.light-theme .profile-close { background: var(--zatoi-surface); color: var(--zatoi-text); border-color: var(--zatoi-border-strong); }

@media (max-width: 620px) {
  .profile-overlay { padding: 0; align-items: flex-end; }
  .profile-panel { width: 100%; max-height: 94dvh; border-radius: 20px 20px 0 0; border-bottom: 0; }
  .profile-header { padding: 15px 14px; }
  .profile-content { padding: 12px; }
  .profile-hero { padding: 14px; }
  .profile-avatar { width: 64px; height: 64px; flex-basis: 64px; border-radius: 20px; font-size: 29px; }
  .profile-display-name { font-size: 19px; }
  .profile-avatar-choices { grid-template-columns: repeat(3, 1fr); }
  .profile-security-grid { grid-template-columns: 1fr; }
  .profile-actions { padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)); }
}


/* ==========================================
   V14.26.1 PROFİL BUTONU İMLEÇ / HOVER FIX
========================================== */
#accountUsername {
  cursor: pointer !important;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#accountUsername:hover {
  background: rgba(var(--zatoi-red-rgb),.12);
  border-color: rgba(var(--zatoi-red-rgb),.55);
}

#accountUsername:active {
  transform: translateY(1px);
}

#accountUsername:focus-visible {
  outline: 2px solid var(--zatoi-brand-red);
  outline-offset: 2px;
}

body.light-theme #accountUsername:hover {
  background: var(--zatoi-surface-2);
  border-color: rgba(var(--zatoi-red-rgb),.35);
}


/* ==========================================
   V14.27 PROFİL AVATARLI SOHBET BALONLARI
========================================== */
.message-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 52px minmax(0, auto);
  grid-template-areas:
    "avatar bubble";
  align-items: start;
  column-gap: 11px;
  width: 100%;
}

.message-row.user {
  grid-template-columns: minmax(0, auto) 52px;
  grid-template-areas: "bubble avatar";
  justify-content: end;
}

.message-row .message-identity {
  grid-area: avatar;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

.chat-avatar {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  border-radius: 16px;
  border: 1px solid var(--zatoi-brand-red);
  background: var(--zatoi-surface);
  color: var(--zatoi-on-red);
  box-shadow: 0 6px 22px rgba(0,0,0,.22), inset 0 0 20px rgba(var(--zatoi-red-rgb),.12);
  font-size: 21px;
  font-weight: 900;
  user-select: none;
}

.chat-avatar.profile-avatar-orbit { border-radius: 50%; }
.chat-avatar.profile-avatar-bolt { background: #251f13; border-color: #a67c24; }
.chat-avatar.profile-avatar-pixel { border-radius: 12px; background: var(--zatoi-surface); border-color: var(--zatoi-brand-red); }
.chat-avatar.profile-avatar-nova { background: #2b1725; border-color: var(--zatoi-brand-red); }
.chat-avatar.profile-avatar-shield { background: #152820; border-color: #22c55e; }

.chat-avatar.zatoi-chat-avatar {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  border-color: var(--zatoi-brand-red);
  background:
    radial-gradient(circle at 35% 28%, rgba(var(--zatoi-red-rgb),.45), transparent 22%),
    linear-gradient(145deg, var(--zatoi-surface), var(--zatoi-surface-2) 55%, var(--zatoi-surface-2));
  box-shadow: 0 0 0 2px rgba(var(--zatoi-red-rgb),.10), 0 0 22px rgba(var(--zatoi-red-rgb),.22);
}

.zatoi-avatar-mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--zatoi-brand-red), var(--zatoi-brand-red) 55%, var(--zatoi-brand-red));
  color: var(--zatoi-on-red);
  font-size: 18px;
  font-weight: 950;
  font-style: italic;
  text-shadow: 0 1px 3px rgba(0,0,0,.35);
  transform: skew(-6deg);
}

.message-identity-text {
  width: 100%;
  margin-top: 6px;
  text-align: center;
}

.message-identity-name {
  color: var(--zatoi-muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.message-ai-badge {
  display: inline-flex;
  margin-left: 4px;
  padding: 2px 4px;
  border-radius: 5px;
  background: var(--zatoi-surface-3);
  color: var(--zatoi-text);
  font-size: 8px;
  vertical-align: 1px;
}

.message-row > .message {
  grid-area: bubble;
  position: relative;
  margin: 0 !important;
  max-width: min(760px, calc(100vw - 210px));
}

.message-row.assistant > .message {
  border-top-left-radius: 7px !important;
}

.message-row.user > .message {
  border-top-right-radius: 7px !important;
}

.message-row.assistant > .message::before,
.message-row.user > .message::before {
  content: "";
  position: absolute;
  top: 13px;
  width: 9px;
  height: 9px;
  background: inherit;
  transform: rotate(45deg);
  z-index: -1;
}

.message-row.assistant > .message::before {
  left: -4px;
}

.message-row.user > .message::before {
  right: -4px;
}

body.light-theme .message-identity-name { color: var(--zatoi-muted); }
body.light-theme .chat-avatar {
  box-shadow: 0 5px 16px rgba(var(--zatoi-red-rgb),.12), inset 0 0 18px rgba(var(--zatoi-red-rgb),.08);
}

@media (max-width: 720px) {
  .message-row {
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 8px;
  }
  .message-row.user {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
  .chat-avatar {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 12px;
    font-size: 17px;
  }
  .zatoi-avatar-mark {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 14px;
  }
  .message-identity-name {
    font-size: 9px;
  }
  .message-row > .message {
    max-width: calc(100vw - 76px) !important;
  }
}


/* ==========================================
   V14.27.1 AVATAR GÖRÜNÜRLÜK + CACHE FIX
========================================== */
.message-row .message-identity {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
}
.message-row .chat-avatar {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.message-row.user .message-identity { order: 2; }
.message-row.user > .message { order: 1; }
.message-row.assistant .message-identity { order: 1; }
.message-row.assistant > .message { order: 2; }


/* ==========================================
   V14.28 ZATOI AI SİBER SAMURAY AVATARI
========================================== */
.chat-avatar.zatoi-chat-avatar {
  padding: 0 !important;
  overflow: hidden !important;
  border: 2px solid var(--zatoi-brand-red) !important;
  background: var(--zatoi-black) !important;
  box-shadow:
    0 0 0 2px rgba(var(--zatoi-red-rgb),.12),
    0 0 22px rgba(var(--zatoi-red-rgb),.32) !important;
}

.zatoi-chat-avatar-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 48% 34%;
  border-radius: inherit;
  transform: scale(1.08);
}

.message-row.assistant .message-identity:hover .zatoi-chat-avatar {
  box-shadow:
    0 0 0 2px rgba(var(--zatoi-red-rgb),.18),
    0 0 28px rgba(var(--zatoi-red-rgb),.46) !important;
}

@media (max-width: 720px) {
  .zatoi-chat-avatar-image {
    object-position: 48% 32%;
  }
}


/* V14.28.1 — yalnız görsel içeren Zatoi balonunu içeriğe göre küçült */
.message-row.assistant.has-generated-image {
  width: fit-content !important;
  max-width: 100% !important;
}
.message-row.assistant.has-generated-image > .message.has-generated-image {
  width: fit-content !important;
  max-width: min(590px, calc(100vw - 210px)) !important;
  min-width: 0 !important;
  justify-self: start !important;
}
.message-row.assistant.has-generated-image .generated-pair,
.message-row.assistant.has-generated-image .generated-choice {
  width: min(540px, 100%) !important;
  max-width: 540px !important;
}
.message-row.assistant.has-generated-image .generated-image {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
@media (max-width:720px) {
  .message-row.assistant.has-generated-image { width:100% !important; }
  .message-row.assistant.has-generated-image > .message.has-generated-image {
    width:fit-content !important;
    max-width:calc(100vw - 76px) !important;
  }
  .message-row.assistant.has-generated-image .generated-pair,
  .message-row.assistant.has-generated-image .generated-choice {
    width:100% !important;
    max-width:100% !important;
  }
}


/* ==========================================
   V14.28.2 GÖRSEL BALONU KESİN KOMPAKT BOYUT
========================================== */
.message-row.assistant.has-generated-image {
  width: auto !important;
  max-width: 100% !important;
  grid-template-columns: 52px minmax(0, 370px) !important;
  grid-template-areas: "avatar bubble" !important;
  justify-content: start !important;
}

.message-row.assistant.has-generated-image > .message.has-generated-image {
  box-sizing: border-box !important;
  width: 370px !important;
  min-width: 0 !important;
  max-width: 370px !important;
  justify-self: start !important;
  overflow: hidden !important;
}

.message-row.assistant.has-generated-image .generated-pair,
.message-row.assistant.has-generated-image .generated-choice {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.message-row.assistant.has-generated-image .generated-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.message-row.assistant.has-generated-image .message-actions {
  max-width: 100% !important;
}

@media (max-width: 720px) {
  .message-row.assistant.has-generated-image {
    width: 100% !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  .message-row.assistant.has-generated-image > .message.has-generated-image {
    width: min(370px, calc(100vw - 76px)) !important;
    max-width: calc(100vw - 76px) !important;
  }
}


/* ==========================================
   V14.28.3 SADECE GÖRSEL KARTI
   Görsel mesajlarında açıklama, model bilgisi ve normal mesaj araçları yok.
========================================== */
.message-row.assistant.has-generated-image {
  grid-template-columns: 52px minmax(0, 330px) !important;
}

.message-row.assistant.has-generated-image > .message.has-generated-image {
  width: 330px !important;
  max-width: 330px !important;
  padding: 8px !important;
}

.message-row.assistant.has-generated-image .generated-pair {
  margin: 0 !important;
  width: 100% !important;
}

.message-row.assistant.has-generated-image .generated-choice {
  margin: 0 !important;
  width: 100% !important;
}

.message-row.assistant.has-generated-image .generated-choice > .generated-image {
  margin: 0 auto !important;
}

@media (max-width: 720px) {
  .message-row.assistant.has-generated-image {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
  .message-row.assistant.has-generated-image > .message.has-generated-image {
    width: min(330px, calc(100vw - 76px)) !important;
    max-width: calc(100vw - 76px) !important;
  }
}


/* ==========================================
   V14.28.4 GÖRSELDE DIŞ BALON YOK
   Zatoi avatarının yanında yalnızca gerçek görsel kartı görünür.
========================================== */
.message-row.assistant.has-generated-image {
  width: fit-content !important;
  max-width: 100% !important;
  grid-template-columns: 52px minmax(0, max-content) !important;
  grid-template-areas: "avatar bubble" !important;
  justify-content: start !important;
  column-gap: 11px !important;
}

.message-row.assistant.has-generated-image > .message.has-generated-image {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.message-row.assistant.has-generated-image > .message.has-generated-image::before,
.message-row.assistant.has-generated-image > .message.has-generated-image::after {
  display: none !important;
  content: none !important;
}

.message-row.assistant.has-generated-image .generated-pair {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.message-row.assistant.has-generated-image .generated-choice {
  box-sizing: border-box !important;
  width: 190px !important;
  max-width: 190px !important;
  margin: 0 !important;
}

.message-row.assistant.has-generated-image .generated-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 720px) {
  .message-row.assistant.has-generated-image {
    width: 100% !important;
    grid-template-columns: 40px minmax(0, max-content) !important;
    column-gap: 8px !important;
  }

  .message-row.assistant.has-generated-image .generated-choice {
    width: min(190px, calc(100vw - 70px)) !important;
    max-width: calc(100vw - 70px) !important;
  }
}

/* =========================================================
   V14.32 — GENEL SOHBET SABİT + SAĞDA ÖZEL ODALAR
   ========================================================= */
.zatoi-mode-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border,var(--zatoi-border));border-radius:14px;background:rgba(var(--zatoi-red-rgb),.72);margin-left:auto;margin-right:12px;flex:0 0 auto}
.zatoi-mode-btn{border:0;background:transparent;color:var(--muted,var(--zatoi-muted));font:inherit;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer;transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease;white-space:nowrap}
.zatoi-mode-btn:hover{background:rgba(255,255,255,.05);color:var(--text,var(--zatoi-on-red))}
.zatoi-mode-btn.active{background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));color:var(--zatoi-on-red);box-shadow:0 5px 18px rgba(var(--zatoi-red-rgb),.24)}

.people-chat-panel{display:none;min-width:0;min-height:0;height:100%;grid-column:1/-1;background:var(--bg,var(--zatoi-black))}
.app.people-chat-mode{grid-template-columns:1fr!important}
.app.people-chat-mode>.chat-column,.app.people-chat-mode>.side-panel{display:none!important}
.app.people-chat-mode>.people-chat-panel{display:grid;grid-template-columns:minmax(230px,290px) minmax(360px,1fr) minmax(240px,310px);grid-template-rows:auto minmax(0,1fr);overflow:hidden}

.people-active-panel,.people-rooms-panel{min-width:0;background:var(--panel,var(--zatoi-bg));padding:16px;overflow:auto}
.people-active-panel{border-right:1px solid var(--border,var(--zatoi-border))}
.people-rooms-panel{border-left:1px solid var(--border,var(--zatoi-border))}
.people-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.people-panel-heading>div{display:grid;gap:3px;min-width:0}
.people-panel-heading strong{font-size:16px;color:var(--text,var(--zatoi-text))}
.people-panel-heading span{font-size:11px;color:var(--muted,var(--zatoi-muted))}
.people-icon-btn{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--border,var(--zatoi-border));border-radius:10px;background:rgba(var(--zatoi-red-rgb),.10);color:var(--zatoi-link);font-size:18px;cursor:pointer}
.people-icon-btn:hover{background:rgba(var(--zatoi-red-rgb),.18)}

.people-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border,var(--zatoi-border));border-radius:12px;padding:0 12px;background:var(--input,var(--zatoi-bg));margin-bottom:12px}
.people-search input{width:100%;height:40px;border:0;outline:0;background:transparent;color:var(--text,var(--zatoi-text));font:inherit}
.people-list{display:grid;gap:8px}
.people-loading,.people-empty-small{padding:22px 10px;text-align:center;color:var(--muted,var(--zatoi-muted));font-size:12px;line-height:1.55}
.people-empty-small.error{color:#ff9b9b}

.people-user-card,.people-room-card{width:100%;border:1px solid transparent;border-radius:13px;background:rgba(255,255,255,.025);color:var(--text,var(--zatoi-text));padding:10px;display:grid;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.18s ease}
.people-user-card{grid-template-columns:40px minmax(0,1fr) auto}
.people-room-card{grid-template-columns:40px minmax(0,1fr) auto}
.people-user-card:hover,.people-room-card:hover{border-color:rgba(var(--zatoi-red-rgb),.32);background:rgba(var(--zatoi-red-rgb),.08);transform:translateY(-1px)}
.people-room-card.active{border-color:rgba(var(--zatoi-red-rgb),.48);background:rgba(var(--zatoi-red-rgb),.13)}
.people-user-avatar,.people-room-avatar{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));color:var(--zatoi-on-red)}
.people-user-avatar i,.people-room-avatar i{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#23d76b;border:2px solid var(--panel,var(--zatoi-brand-red))}
.people-user-info,.people-room-info{min-width:0;display:grid;gap:3px}
.people-user-info strong,.people-room-info strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-user-info small,.people-room-info small{font-size:11px;color:var(--muted,var(--zatoi-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-start-chat{font-size:10px;color:var(--zatoi-link);border:1px solid rgba(var(--zatoi-border-rgb),.25);border-radius:999px;padding:5px 7px;background:rgba(var(--zatoi-red-rgb),.07)}
.people-room-card time{font-size:10px;color:var(--muted,var(--zatoi-muted));align-self:start;padding-top:2px}

.people-conversation{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 35%,rgba(var(--zatoi-red-rgb),.10),transparent 42%),var(--bg,var(--zatoi-black))}
.people-conversation-head{display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid var(--border,var(--zatoi-border));background:var(--panel,var(--zatoi-bg))}
.people-conversation-head>div:last-child{display:grid;gap:2px;min-width:0}
.people-conversation-head strong{font-size:15px}
.people-conversation-head span{font-size:11px;color:var(--muted,var(--zatoi-muted))}
.people-avatar{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--zatoi-on-red);background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));box-shadow:0 0 20px rgba(var(--zatoi-red-rgb),.2)}

.people-messages{min-height:0;overflow:auto;padding:20px;scroll-behavior:smooth}
.people-conversation-empty{height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted,var(--zatoi-muted));padding:30px}
.people-conversation-empty.compact{min-height:220px}
.people-empty-orb{width:72px;height:72px;border-radius:23px;display:grid;place-items:center;border:1px solid rgba(var(--zatoi-border-rgb),.35);background:rgba(var(--zatoi-red-rgb),.10);box-shadow:0 0 28px rgba(var(--zatoi-shadow-rgb),.12);font-size:32px}
.people-conversation-empty h2{color:var(--text,var(--zatoi-text));margin:16px 0 7px;font-size:22px}
.people-conversation-empty p{max-width:520px;line-height:1.6;margin:0;font-size:13px}
.people-stage-badge{margin-top:16px;padding:7px 11px;border:1px solid rgba(var(--zatoi-border-rgb),.25);border-radius:999px;color:var(--zatoi-link);background:rgba(var(--zatoi-red-rgb),.08);font-size:11px}

.people-message-row{display:flex;margin:7px 0}
.people-message-row.mine{justify-content:flex-end}
.people-message-row.theirs{justify-content:flex-start}
.people-message-bubble{max-width:min(72%,620px);padding:9px 11px 6px;border-radius:15px;line-height:1.45;font-size:14px;overflow-wrap:anywhere}
.people-message-row.mine .people-message-bubble{background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));color:var(--zatoi-on-red);border-bottom-right-radius:5px}
.people-message-row.theirs .people-message-bubble{background:var(--panel,var(--zatoi-bg));border:1px solid var(--border,var(--zatoi-border));color:var(--text,var(--zatoi-text));border-bottom-left-radius:5px}
.people-message-bubble time{display:block;margin-top:4px;text-align:right;font-size:9px;opacity:.68}

.people-composer{display:flex;gap:9px;padding:13px 17px;border-top:1px solid var(--border,var(--zatoi-border));background:var(--panel,var(--zatoi-bg))}
.people-composer input{min-width:0;flex:1;height:44px;border:1px solid var(--border,var(--zatoi-border));border-radius:13px;padding:0 14px;background:var(--input,var(--zatoi-bg));color:var(--text,var(--zatoi-text));outline:none}
.people-composer input:focus{border-color:rgba(var(--zatoi-red-rgb),.55);box-shadow:0 0 0 3px rgba(var(--zatoi-red-rgb),.08)}
.people-composer button{width:46px;border:0;border-radius:13px;background:var(--zatoi-surface-3);color:var(--zatoi-text);font-size:19px;cursor:pointer}
.people-composer button:disabled{cursor:not-allowed}
.people-composer.disabled{opacity:.58}

@media(max-width:1000px){
  .app.people-chat-mode>.people-chat-panel{grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(210px,260px)}
}
@media(max-width:720px){
  .chat-top{flex-wrap:wrap}
  .zatoi-mode-switch{order:5;width:100%;margin:8px 0 0}
  .zatoi-mode-btn{flex:1;padding:8px}
  .app.people-chat-mode>.people-chat-panel{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:auto}
  .people-active-panel{border-right:0;border-bottom:1px solid var(--border,var(--zatoi-border));max-height:240px}
  .people-conversation{min-height:62vh}
  .people-rooms-panel{border-left:0;border-top:1px solid var(--border,var(--zatoi-border));max-height:260px}
  .people-message-bubble{max-width:86%}
}

/* V14.31 — Sohbet modunda üst geçiş daima görünür */
.people-mode-top{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:58px;padding:8px 16px;border-bottom:1px solid var(--border,var(--zatoi-border));
  background:var(--panel,var(--zatoi-bg));z-index:5
}
.people-mode-brand{display:grid;gap:1px}
.people-mode-brand strong{color:var(--text,var(--zatoi-text));font-size:15px}
.people-mode-brand span{color:var(--muted,var(--zatoi-muted));font-size:10px}
.people-mode-top .zatoi-mode-switch{margin:0}
.people-general-btn{
  margin-left:auto;border:1px solid rgba(var(--zatoi-border-rgb),.28);border-radius:10px;
  background:rgba(var(--zatoi-red-rgb),.08);color:var(--zatoi-link);padding:7px 10px;font:inherit;font-size:11px;
  cursor:pointer;white-space:nowrap
}
.people-general-btn:hover{background:rgba(var(--zatoi-red-rgb),.16)}

@media(max-width:720px){
  .people-mode-top{position:sticky;top:0;padding:7px 10px;min-height:52px}
  .people-mode-brand{display:none}
  .people-mode-top .zatoi-mode-switch{width:100%}
  .people-general-btn{padding:6px 8px}
}

/* =========================================================
   V14.32 — ORTA ALAN DAİMA GENEL, ÖZEL SOHBET SAĞ PANELDE
   ========================================================= */
.people-rooms-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.people-room-list{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}
.people-private-dock{
  flex:0 0 min(58vh,560px);
  min-height:310px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  margin:0 0 12px;
  border:1px solid rgba(var(--zatoi-border-rgb),.75);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(var(--zatoi-bg-rgb),.98),rgba(var(--zatoi-bg-rgb),.98));
  box-shadow:0 12px 35px rgba(var(--zatoi-shadow-rgb),.16);
  overflow:hidden;
}
.people-private-dock[hidden]{display:none!important}
.people-private-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 34px 34px;
  align-items:center;
  gap:8px;
  padding:10px;
  border-bottom:1px solid var(--border,var(--zatoi-border));
}
.people-private-person{display:grid;gap:2px;min-width:0}
.people-private-person strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-private-person small{font-size:10px;color:var(--muted,var(--zatoi-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-private-control{
  width:34px;height:34px;border:1px solid var(--border,var(--zatoi-border));border-radius:10px;
  background:rgba(255,255,255,.035);color:var(--text,var(--zatoi-text));font-size:19px;cursor:pointer
}
.people-private-control:hover{background:rgba(var(--zatoi-red-rgb),.12)}
.people-private-messages{
  min-height:0;overflow:auto;padding:11px;scroll-behavior:smooth
}
.people-private-empty{padding:25px 8px;text-align:center;color:var(--muted,var(--zatoi-muted));font-size:11px}
.people-private-message-row{display:flex;margin:7px 0}
.people-private-message-row.mine{justify-content:flex-end}
.people-private-message-row.theirs{justify-content:flex-start}
.people-private-bubble{
  max-width:86%;padding:8px 10px 5px;border-radius:13px;font-size:12px;
  line-height:1.4;overflow-wrap:anywhere
}
.people-private-message-row.mine .people-private-bubble{
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));color:var(--zatoi-on-red);border-bottom-right-radius:4px
}
.people-private-message-row.theirs .people-private-bubble{
  background:var(--zatoi-surface);color:var(--text,var(--zatoi-text));border:1px solid rgba(var(--zatoi-border-rgb),.045);
  border-bottom-left-radius:4px
}
.people-private-bubble time{display:block;text-align:right;margin-top:3px;font-size:9px;opacity:.66}
.people-private-composer{
  display:flex;gap:7px;padding:9px;border-top:1px solid var(--border,var(--zatoi-border))
}
.people-private-composer input{
  min-width:0;flex:1;height:38px;border:1px solid var(--border,var(--zatoi-border));border-radius:11px;
  padding:0 10px;background:var(--input,var(--zatoi-bg));color:var(--text,var(--zatoi-text));outline:none;font:inherit;font-size:11px
}
.people-private-composer button{
  width:40px;border:0;border-radius:11px;background:var(--zatoi-surface-3);color:var(--zatoi-text);font-size:17px;cursor:pointer
}
.people-private-dock.minimized{
  flex-basis:auto;min-height:0;grid-template-rows:auto
}
.people-private-dock.minimized .people-private-messages,
.people-private-dock.minimized .people-private-composer{display:none}

/* Genel sohbet başlığı artık özel oda seçilince değişmez. */
.people-conversation-head{position:relative}
.people-general-btn{display:none!important}

@media(max-width:1000px){
  .people-private-dock{flex-basis:min(52vh,480px)}
}
@media(max-width:720px){
  .people-private-dock{
    flex-basis:auto;
    min-height:420px;
    max-height:62vh;
  }
  .people-rooms-panel{max-height:none!important;overflow:visible}
  .people-room-list{max-height:260px}
}


/* =========================================================
   V14.32.1 — SADECE MOBİL: TEK MESAJLAŞMA ALANI
   Masaüstü V14.32 düzenine dokunmaz.
   ========================================================= */
.people-mobile-nav{display:none}

@media(max-width:720px){
  /* Mobilde: üst mod geçişi + mini gezinme + tek içerik alanı */
  .app.people-chat-mode>.people-chat-panel{
    height:100%;
    min-height:0;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
  }

  .people-mode-top{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
  }

  .people-mobile-nav{
    grid-column:1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:7px 9px;
    border-bottom:1px solid var(--border,var(--zatoi-border));
    background:var(--panel,var(--zatoi-bg));
    z-index:6;
  }
  .people-mobile-nav button{
    min-width:0;height:38px;border:1px solid var(--border,var(--zatoi-border));border-radius:11px;
    background:rgba(255,255,255,.025);color:var(--muted,var(--zatoi-muted));
    font:inherit;font-size:12px;font-weight:700;cursor:pointer;
  }
  .people-mobile-nav button.active{
    color:var(--zatoi-on-red);border-color:rgba(var(--zatoi-red-rgb),.62);
    background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));
  }

  /* Üç masaüstü alanı mobilde aynı grid hücresini paylaşır. */
  .people-active-panel,
  .people-conversation,
  .people-rooms-panel{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
  }

  /* Varsayılan: sadece Genel Sohbet. */
  .people-active-panel,
  .people-rooms-panel{display:none!important}
  .people-conversation{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }

  /* Aktifler sekmesi. */
  .people-chat-panel[data-mobile-view="active"] .people-active-panel{
    display:block!important;
    overflow:auto!important;
    border:0!important;
  }
  .people-chat-panel[data-mobile-view="active"] .people-conversation,
  .people-chat-panel[data-mobile-view="active"] .people-rooms-panel{
    display:none!important;
  }

  /* Odalar sekmesi. */
  .people-chat-panel[data-mobile-view="rooms"] .people-rooms-panel{
    display:flex!important;
    overflow:auto!important;
    border:0!important;
  }
  .people-chat-panel[data-mobile-view="rooms"] .people-conversation,
  .people-chat-panel[data-mobile-view="rooms"] .people-active-panel{
    display:none!important;
  }

  /* Genel sekmesi tek büyük mesaj alanı. */
  .people-chat-panel[data-mobile-view="general"] .people-conversation{
    display:grid!important;
  }

  /* Özel oda açıldığında sağdaki dock TEK mesaj ekranına dönüşür. */
  .people-chat-panel[data-mobile-view="private"] .people-active-panel,
  .people-chat-panel[data-mobile-view="private"] .people-conversation{
    display:none!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel{
    display:flex!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    background:var(--bg,var(--zatoi-black));
  }
  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel>.people-panel-heading,
  .people-chat-panel[data-mobile-view="private"] .people-room-list{
    display:none!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    padding:10px 13px!important;
    min-height:58px;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    padding:13px!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    padding:10px!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-composer input{
    height:44px!important;font-size:14px!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-composer button{
    width:46px!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-control:first-of-type{
    display:none!important;
  }

  /* Genel sohbet mobil okunabilirlik */
  .people-conversation-head{
    min-height:58px;padding:10px 13px!important;
  }
  .people-conversation-head>div:last-of-type{
    display:grid!important;gap:1px!important;
  }
  .people-conversation-head strong{font-size:16px!important}
  .people-conversation-head span{
    display:block!important;font-size:11px!important;white-space:normal!important;
  }
  .people-messages{padding:13px!important}
  .people-composer{
    padding:10px!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .people-composer input{height:44px!important;font-size:14px!important}

  /* Liste ekranları mobilde daha kompakt */
  .people-active-panel,.people-rooms-panel{padding:13px!important}
  .people-user-card,.people-room-card{min-height:62px}
}


/* =========================================================
   V14.32.2 — MOBİL TAM EKRAN GENİŞLİK FIX
   SADECE <=720px. MASAÜSTÜNE DOKUNMAZ.
   ========================================================= */
@media (max-width:720px){

  html,
  body{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  body{
    position:relative!important;
  }

  #app,
  .app{
    width:100% !important;
    max-width:100% !important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    box-sizing:border-box!important;
  }

  .app.people-chat-mode{
    width:100% !important;
    max-width:100% !important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .app.people-chat-mode > .people-chat-panel,
  #peopleChatPanel{
    width:100% !important;
    max-width:100% !important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    left:0!important;
    right:auto!important;
    box-sizing:border-box!important;
    grid-column:1/-1!important;
  }

  .people-mode-top,
  .people-mobile-nav,
  .people-active-panel,
  .people-conversation,
  .people-rooms-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .people-conversation-head,
  .people-messages,
  .people-composer,
  .people-private-dock,
  .people-private-head,
  .people-private-messages,
  .people-private-composer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .people-composer input,
  .people-private-composer input{
    min-width:0!important;
    max-width:100%!important;
  }
}


/* =========================================================
   V14.32.3 — MOBİL ÖZEL ODA LİSTESİ + OKUNMAMIŞ BİLDİRİM
   Masaüstü yerleşimi değiştirilmez.
   ========================================================= */
.people-room-meta{
  display:grid;
  justify-items:end;
  align-self:stretch;
  align-content:space-between;
  gap:5px;
  min-width:34px;
}
.people-room-unread{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:var(--zatoi-surface-3);
  color:var(--zatoi-text);
  font-size:10px;
  font-weight:800;
  line-height:1;
  box-shadow:0 0 0 3px rgba(var(--zatoi-shadow-rgb),.12);
}
.people-room-card.has-unread .people-room-info strong{font-weight:800}
.people-room-card.has-unread .people-room-info small{color:var(--text,var(--zatoi-text))}

@media(max-width:720px){
  /* Odalar ekranı, AI geçmişi gibi kompakt liste olur. */
  .people-chat-panel[data-mobile-view="rooms"] .people-rooms-panel{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-rooms-panel>.people-panel-heading{
    flex:0 0 auto;
    padding:12px 14px!important;
    min-height:62px!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-list{
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:6px 10px 16px!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-card{
    width:100%!important;
    min-height:0!important;
    height:64px!important;
    margin:0 0 6px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:center!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-avatar{
    width:42px!important;
    height:42px!important;
    font-size:17px!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-info{
    min-width:0!important;
    align-self:center!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-info strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-info small{
    display:block!important;
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-meta{
    min-width:38px!important;
    height:46px!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-meta time{
    font-size:9px!important;
    padding:0!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-card.has-unread{
    background:rgba(var(--zatoi-red-rgb),.10)!important;
    border-color:rgba(var(--zatoi-border-rgb),.34)!important;
  }

  /* Odalar sekmesinin kendisinde de okunmamış olduğunu belli edecek nokta için alan. */
  #peopleMobileRoomsTab{position:relative}
  #peopleMobileRoomsTab.has-unread::after{
    content:"";
    position:absolute;
    top:7px;
    right:9px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--zatoi-surface-3);
    box-shadow:0 0 0 3px rgba(var(--zatoi-shadow-rgb),.14);
  }
}


/* =========================================================
   V14.33 — TEK SOHBET ALANI ARTIK MASAÜSTÜNDE DE AKTİF
   Mobilde çalışan Aktifler / Genel / Odalar mantığı PC'ye taşındı.
   ========================================================= */

/* Masaüstündeki eski 3 sütun kaldırılır. */
.app.people-chat-mode > .people-chat-panel{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
}

/* Mod geçişi üstte kalır. */
.people-mode-top{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Aktifler / Genel / Odalar masaüstünde de görünür. */
.people-mobile-nav{
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:8px 14px!important;
  box-sizing:border-box!important;
  background:var(--panel,var(--zatoi-bg))!important;
  border-bottom:1px solid var(--border,var(--zatoi-border))!important;
}
.people-mobile-nav button{
  min-width:0!important;
  height:40px!important;
  border:1px solid var(--border,var(--zatoi-border))!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--muted,var(--zatoi-muted))!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.people-mobile-nav button.active{
  color:var(--zatoi-on-red)!important;
  border-color:rgba(var(--zatoi-red-rgb),.62)!important;
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red))!important;
}

/* Üç içerik paneli aynı ana alanı paylaşır. */
.people-active-panel,
.people-conversation,
.people-rooms-panel{
  grid-column:1!important;
  grid-row:3!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  border-left:0!important;
  border-right:0!important;
}

/* Varsayılan görünüm: Genel. */
.people-active-panel,
.people-rooms-panel{
  display:none!important;
}
.people-conversation{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
}

/* Aktif kullanıcılar görünümü. */
.people-chat-panel[data-mobile-view="active"] .people-active-panel{
  display:block!important;
  overflow:auto!important;
}
.people-chat-panel[data-mobile-view="active"] .people-conversation,
.people-chat-panel[data-mobile-view="active"] .people-rooms-panel{
  display:none!important;
}

/* Genel sohbet görünümü. */
.people-chat-panel[data-mobile-view="general"] .people-conversation{
  display:grid!important;
}
.people-chat-panel[data-mobile-view="general"] .people-active-panel,
.people-chat-panel[data-mobile-view="general"] .people-rooms-panel{
  display:none!important;
}

/* Özel oda listesi görünümü: kompakt eski-sohbet listesi. */
.people-chat-panel[data-mobile-view="rooms"] .people-rooms-panel{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-conversation,
.people-chat-panel[data-mobile-view="rooms"] .people-active-panel{
  display:none!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-room-list{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  padding:8px 14px 18px!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-room-card{
  width:100%!important;
  min-height:0!important;
  height:64px!important;
  margin:0 0 6px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-room-avatar{
  width:42px!important;
  height:42px!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-room-info strong,
.people-chat-panel[data-mobile-view="rooms"] .people-room-info small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.people-chat-panel[data-mobile-view="rooms"] .people-room-meta{
  min-width:40px!important;
  height:46px!important;
}

/* Özel oda açılırsa aynı ana mesaj alanını kaplar. */
.people-chat-panel[data-mobile-view="private"] .people-active-panel,
.people-chat-panel[data-mobile-view="private"] .people-conversation{
  display:none!important;
}
.people-chat-panel[data-mobile-view="private"] .people-rooms-panel{
  display:flex!important;
  padding:0!important;
  overflow:hidden!important;
}
.people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-panel-heading,
.people-chat-panel[data-mobile-view="private"] .people-room-list{
  display:none!important;
}
.people-chat-panel[data-mobile-view="private"] .people-private-dock{
  display:grid!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

/* Masaüstünde içerik aşırı yayılmasın; mesajlar okunaklı kalsın. */
@media(min-width:721px){
  .people-active-panel > .people-panel-heading,
  .people-active-panel > .people-search-wrap,
  .people-active-panel > .people-list,
  .people-rooms-panel > .people-panel-heading,
  .people-rooms-panel > .people-room-list{
    width:min(860px,calc(100% - 32px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .people-conversation-head,
  .people-messages,
  .people-composer,
  .people-private-head,
  .people-private-messages,
  .people-private-composer{
    width:min(980px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel[data-mobile-view="rooms"] .people-room-card{
    height:66px!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    background:var(--bg,var(--zatoi-black))!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-control:first-of-type{
    display:none!important;
  }
}


/* =========================================================
   V14.34 — MESAJ GÖNDEREN KİMLİĞİ + TIKLANABİLİR PROFİL
   ========================================================= */
.people-message-sender{
  display:flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  margin:0 0 6px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:left;
}
.people-message-sender:hover span:nth-child(2){text-decoration:underline}
.people-message-sender-avatar{
  display:inline-grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));
  color:var(--zatoi-on-red);
  font-size:10px;
  font-weight:800;
}
.people-message-sender>span:nth-child(2){
  min-width:0;
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}
.people-message-sender small{
  min-width:0;
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  opacity:.7;
}
.people-message-text{overflow-wrap:anywhere}

/* Kullanıcının kendi mesajında da isim görünür; kim konuşuyor net olur. */
.people-message-row.mine .people-message-sender{justify-content:flex-end}
.people-message-row.mine .people-message-sender-avatar{order:3}
.people-message-row.mine .people-message-sender small{opacity:.82}

/* Güvenli, sadece kullanıcının herkese açık profil alanlarını gösteren kart. */
.people-public-profile-modal{
  position:fixed;
  inset:0;
  z-index:8000;
  display:grid;
  place-items:center;
  padding:18px;
}
.people-public-profile-modal[hidden]{display:none!important}
.people-public-profile-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(var(--zatoi-red-rgb),.72);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
}
.people-public-profile-card{
  position:relative;
  z-index:1;
  width:min(390px,calc(100vw - 28px));
  padding:26px 22px 20px;
  border:1px solid rgba(var(--zatoi-border-rgb),.28);
  border-radius:20px;
  background:linear-gradient(180deg,var(--zatoi-bg),var(--zatoi-bg));
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  color:var(--text,var(--zatoi-text));
  text-align:center;
}
.people-public-profile-close{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  border:1px solid var(--border,var(--zatoi-border));
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:inherit;
  font-size:20px;
  cursor:pointer;
}
.people-public-profile-avatar{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin:4px auto 12px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--zatoi-brand-red),var(--zatoi-brand-red));
  font-size:25px;
  font-weight:800;
}
.people-public-profile-card>strong{
  display:block;
  font-size:20px;
}
.people-public-profile-card>span{
  display:block;
  margin-top:3px;
  color:var(--muted,var(--zatoi-muted));
  font-size:12px;
}
.people-public-profile-card>p{
  margin:17px 0;
  padding:13px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--zatoi-text);
  font-size:13px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.people-public-profile-actions button{
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:12px;
  background:var(--zatoi-surface-3);
  color:var(--zatoi-text);
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:720px){
  .people-message-sender>span:nth-child(2){max-width:110px}
  .people-message-sender small{max-width:90px}
  .people-public-profile-card{padding:24px 17px 17px}
}


/* =========================================================
   V14.34.1 — PC SOHBET MESAJ KUTUSU ÜSTTE
   SADECE >=721px. MOBİL DÜZEN DEĞİŞMEZ.
   ========================================================= */
@media (min-width:721px){

  /* Genel sohbet: Başlık -> Mesaj yazma -> Mesajlar */
  .people-chat-panel[data-mobile-view="general"] .people-conversation{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
  }

  .people-chat-panel[data-mobile-view="general"] .people-conversation-head{
    grid-row:1!important;
  }

  .people-chat-panel[data-mobile-view="general"] .people-composer{
    grid-row:2!important;
    position:relative!important;
    bottom:auto!important;
    top:auto!important;
    z-index:5!important;
    padding:10px 14px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
    background:var(--panel,var(--zatoi-bg))!important;
  }

  .people-chat-panel[data-mobile-view="general"] .people-messages{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
  }

  .people-chat-panel[data-mobile-view="general"] .people-composer input{
    min-height:48px!important;
  }

  /* Özel sohbet açıldığında da aynı kullanım: kişi -> mesaj kutusu -> mesajlar */
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    grid-template-rows:auto auto minmax(0,1fr)!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    grid-row:1!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    grid-row:2!important;
    padding:10px 14px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
    background:var(--panel,var(--zatoi-bg))!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer input{
    min-height:48px!important;
  }
}


/* =========================================================
   V14.34.2 — PC: AKTİFLER SOLDA, ÖZEL ODALAR SAĞDA
   Tıklanınca detay SADECE ORTADA açılır.
   MOBİL V14.34.1 DAVRANIŞI AYNI KALIR.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel{
    display:grid!important;
    grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
  }

  /* Üst Zatoi AI / Sohbet geçişi tüm genişlikte kalır. */
  .people-mode-top{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }

  /* Mobil için oluşturulan Aktifler / Genel / Odalar sekme çubuğunu PC'de gizle. */
  .people-mobile-nav{
    display:none!important;
  }

  /* Sol sütun: aktif kullanıcılar HER ZAMAN görünür. */
  .people-active-panel{
    display:block!important;
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    border-right:1px solid var(--border,var(--zatoi-border))!important;
    border-left:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
  }

  /* Sağ sütun: özel oda listesi HER ZAMAN görünür. */
  .people-rooms-panel{
    display:flex!important;
    flex-direction:column!important;
    grid-column:3!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    border-left:1px solid var(--border,var(--zatoi-border))!important;
    border-right:0!important;
    padding:12px!important;
    box-sizing:border-box!important;
  }

  /* Orta alan varsayılan olarak genel sohbet. */
  .people-conversation{
    display:grid!important;
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    border:0!important;
  }

  /* Sol/sağ panel içerikleri artık dar sütunlarına göre tam genişlik kullanır. */
  .people-active-panel > .people-panel-heading,
  .people-active-panel > .people-search-wrap,
  .people-active-panel > .people-list,
  .people-rooms-panel > .people-panel-heading,
  .people-rooms-panel > .people-room-list{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Sağdaki özel odalar kompakt kalsın. */
  .people-rooms-panel > .people-room-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:6px 0 12px!important;
  }

  .people-rooms-panel .people-room-card{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    margin:0 0 6px!important;
    padding:7px 8px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    border-radius:11px!important;
  }

  .people-rooms-panel .people-room-avatar{
    width:38px!important;
    height:38px!important;
  }

  /* Aktif kullanıcı kartları da sol sütunda kompakt. */
  .people-active-panel .people-user-card{
    width:100%!important;
    min-height:58px!important;
    margin-bottom:6px!important;
  }

  /* Aktifler'e tıklanınca sol panel kaybolmaz; liste DETAYI ortaya gelir. */
  .people-chat-panel[data-mobile-view="active"] .people-active-panel{
    display:block!important;
  }
  .people-chat-panel[data-mobile-view="active"] .people-rooms-panel{
    display:flex!important;
  }
  .people-chat-panel[data-mobile-view="active"] .people-conversation{
    display:block!important;
    grid-column:2!important;
  }

  /* Odalar'a tıklanınca sağ panel kaybolmaz; oda listesi DETAYI ortaya gelir. */
  .people-chat-panel[data-mobile-view="rooms"] .people-active-panel{
    display:block!important;
  }
  .people-chat-panel[data-mobile-view="rooms"] .people-rooms-panel{
    display:flex!important;
    grid-column:3!important;
    padding:12px!important;
  }
  .people-chat-panel[data-mobile-view="rooms"] .people-conversation{
    display:block!important;
    grid-column:2!important;
  }

  /* Özel sohbet seçilince SAĞ panelde dock açılmasın.
     Sağda yalnızca oda listesi kalır. Özel konuşma orta alana taşınır. */
  .people-chat-panel[data-mobile-view="private"] .people-active-panel{
    display:block!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel{
    display:flex!important;
    grid-column:3!important;
    grid-row:2!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-panel-heading,
  .people-chat-panel[data-mobile-view="private"] .people-room-list{
    display:flex!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-room-list{
    display:block!important;
  }

  /* Private dock'u sağ sütundan alıp ORTA sütuna yerleştir. */
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    position:absolute!important;
    left:280px!important;
    right:280px!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    z-index:8!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    background:var(--bg,var(--zatoi-black))!important;
  }

  /* Orta özel sohbette de mesaj kutusu üstte. */
  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    grid-row:1!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    grid-row:2!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    grid-row:3!important;
  }

  /* Panel relative olsun ki private dock orta sütuna güvenli otursun. */
  .people-chat-panel{
    position:relative!important;
  }
}

/* Daha dar PC/tablet yatay ekranlarında yan sütunları biraz küçült. */
@media (min-width:721px) and (max-width:1100px){
  .app.people-chat-mode > .people-chat-panel{
    grid-template-columns:220px minmax(0,1fr) 220px!important;
  }
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    left:220px!important;
    right:220px!important;
  }
}


/* =========================================================
   V14.34.3 — PC 3 SÜTUN KESİN DÜZELTME
   SOL: Aktifler sürekli görünür
   ORTA: Genel veya seçilen özel sohbet
   SAĞ: Özel Odalar sürekli görünür
   Mobil kurallarına dokunmaz.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel{
    position:relative!important;
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr) 280px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .people-mode-top{
    display:flex!important;
    grid-column:1/-1!important;
    grid-row:1!important;
  }

  /* PC'de mobil sekmeler yok. */
  .people-mobile-nav{
    display:none!important;
  }

  /* HANGİ data-mobile-view seçili olursa olsun sol panel görünür. */
  .people-chat-panel[data-mobile-view] .people-active-panel,
  .people-chat-panel .people-active-panel{
    position:relative!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    padding:12px!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    border-left:0!important;
    border-right:1px solid var(--border,var(--zatoi-border))!important;
    background:var(--panel,var(--zatoi-bg))!important;
    z-index:2!important;
  }

  /* HANGİ data-mobile-view seçili olursa olsun sağ panel görünür. */
  .people-chat-panel[data-mobile-view] .people-rooms-panel,
  .people-chat-panel .people-rooms-panel{
    position:relative!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex-direction:column!important;
    grid-column:3!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    padding:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-left:1px solid var(--border,var(--zatoi-border))!important;
    border-right:0!important;
    background:var(--panel,var(--zatoi-bg))!important;
    z-index:2!important;
  }

  .people-active-panel > .people-panel-heading,
  .people-active-panel > .people-search-wrap,
  .people-active-panel > .people-list,
  .people-rooms-panel > .people-panel-heading,
  .people-rooms-panel > .people-room-list{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .people-active-panel > .people-panel-heading,
  .people-rooms-panel > .people-panel-heading{
    display:flex!important;
  }

  .people-rooms-panel > .people-room-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:6px 0 12px!important;
  }

  /* Orta alan her durumda orta sütunda. */
  .people-chat-panel .people-conversation,
  .people-chat-panel[data-mobile-view="general"] .people-conversation{
    position:relative!important;
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    border:0!important;
    background:var(--bg,var(--zatoi-black))!important;
    z-index:1!important;
  }

  /* Aktifler/Odalar görünüm state'leri PC'de orta alanı gizlemesin. */
  .people-chat-panel[data-mobile-view="active"] .people-conversation,
  .people-chat-panel[data-mobile-view="rooms"] .people-conversation{
    display:grid!important;
    grid-column:2!important;
    grid-row:2!important;
  }

  /* Kompakt sol kullanıcı kartları. */
  .people-active-panel .people-user-card{
    width:100%!important;
    min-height:58px!important;
    margin:0 0 6px!important;
    box-sizing:border-box!important;
  }

  /* Kompakt sağ oda kartları. */
  .people-rooms-panel .people-room-card{
    display:grid!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 0 6px!important;
    padding:7px 8px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  .people-rooms-panel .people-room-avatar{
    width:38px!important;
    height:38px!important;
  }

  /* Özel sohbet seçildiğinde sağ oda listesi aynen kalır.
     Private dock yalnızca ORTA sütunun üstüne gelir. */
  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-panel-heading{
    display:flex!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-room-list{
    display:block!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    position:absolute!important;
    left:280px!important;
    right:280px!important;
    top:0!important;
    bottom:0!important;
    z-index:20!important;
    display:grid!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    background:var(--bg,var(--zatoi-black))!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    grid-row:1!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    grid-row:2!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
}

@media (min-width:721px) and (max-width:1100px){
  .app.people-chat-mode > .people-chat-panel{
    grid-template-columns:220px minmax(0,1fr) 220px!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    left:220px!important;
    right:220px!important;
  }
}


/* =========================================================
   V14.34.4 — ÖZEL SOHBET PC ORTA ALAN + GÖNDER BUTONU FIX
   Private dock artık PC'de DOM olarak orta konuşma paneline taşınır.
   ========================================================= */
@media (min-width:721px){

  /* Private dock artık center panelin çocuğu: absolute hack yok. */
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:5!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    background:var(--bg,var(--zatoi-black))!important;
  }

  /* Özel oda açıkken orta alandaki genel sohbet parçalarını gizle. */
  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-conversation-head,
  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-composer,
  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-messages{
    display:none!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-conversation{
    display:block!important;
    overflow:hidden!important;
  }

  /* Özel sohbet yazma alanı başlığın hemen altında. */
  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    grid-row:1!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    width:100%!important;
    padding:10px 14px!important;
    box-sizing:border-box!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
    background:var(--panel,var(--zatoi-bg))!important;
    pointer-events:auto!important;
    z-index:10!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-input,
  .people-chat-panel[data-mobile-view="private"] #peoplePrivateInput,
  .people-chat-panel[data-mobile-view="private"] #peoplePrivateSend{
    pointer-events:auto!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
  }

  /* Sağ taraf artık yalnızca kompakt oda listesi. */
  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel{
    display:flex!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-panel-heading{
    display:flex!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-rooms-panel > .people-room-list{
    display:block!important;
  }
}


/* =========================================================
   V14.35 — PC ORTA ALAN: GENEL + ÖZEL YAN YANA
   Özel oda kapalı: Genel sohbet %100
   Özel oda açık:   Genel %50 | Özel %50
   Sol Aktifler ve sağ Odalar aynen kalır.
   Mobil düzen değişmez.
   ========================================================= */
@media (min-width:721px){

  /* Özel sohbet açıkken orta conversation alanını iki sütuna böl. */
  .people-chat-panel[data-mobile-view="private"] .people-conversation{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    column-gap:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    background:var(--bg,var(--zatoi-black))!important;
  }

  /* V14.34.4'te private açılınca gizlenen GENEL parçalarını geri getir. */
  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-conversation-head{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-composer{
    display:grid!important;
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-conversation > .people-messages{
    display:block!important;
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }

  /* Özel sohbet dock'u orta alanın SAĞ YARISINA oturur. */
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1 / 4!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-left:1px solid var(--border,var(--zatoi-border))!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--bg,var(--zatoi-black))!important;
    overflow:hidden!important;
    z-index:5!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    display:grid!important;
    grid-column:1!important;
    grid-row:2!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:10px 12px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    display:block!important;
    grid-column:1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }

  /* İki yarıda da başlık/metin taşmasını önle. */
  .people-chat-panel[data-mobile-view="private"] .people-conversation-head,
  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    overflow:hidden!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-conversation-head strong,
  .people-chat-panel[data-mobile-view="private"] .people-conversation-head small,
  .people-chat-panel[data-mobile-view="private"] .people-private-head strong,
  .people-chat-panel[data-mobile-view="private"] .people-private-head small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Mesaj balonları yarım alanda gereksiz genişlemesin. */
  .people-chat-panel[data-mobile-view="private"] .people-message-bubble,
  .people-chat-panel[data-mobile-view="private"] .people-private-message{
    max-width:82%!important;
  }
}

/* Daha dar masaüstünde iki orta yarının kullanılabilir kalması için
   yan sütunları V14.34.4'teki gibi küçült. */
@media (min-width:721px) and (max-width:1100px){
  .people-chat-panel[data-mobile-view="private"] .people-message-bubble,
  .people-chat-panel[data-mobile-view="private"] .people-private-message{
    max-width:90%!important;
  }
}


/* =========================================================
   V14.35.2 — ODA TOGGLE + YENİ MESAJ ÜSTTE
   En yeni mesaj yukarıda, eskiler aşağı doğru.
   ========================================================= */
.people-messages,
.people-private-messages{
  flex-direction:column!important;
  overflow-y:auto!important;
}


/* =========================================================
   V14.35.3 — GENEL / ÖZEL SOHBET GÖRSEL AYRIMI
   Sadece PC. Mobil düzen ve işlevler değişmez.
   ========================================================= */
@media (min-width:721px){

  /* GENEL SOHBET — mevcut koyu lacivert karakter */
  .people-conversation{
    background:
      linear-gradient(180deg, rgba(var(--zatoi-red-rgb),.055), transparent 180px),
      var(--zatoi-bg) !important;
  }

  .people-conversation > .people-conversation-head{
    background:rgba(var(--zatoi-bg-rgb),.96)!important;
    border-bottom:1px solid rgba(var(--zatoi-border-rgb),.28)!important;
    box-shadow:inset 0 3px 0 rgba(var(--zatoi-shadow-rgb),.60)!important;
  }

  .people-conversation > .people-composer{
    background:rgba(var(--zatoi-bg-rgb),.94)!important;
    border-bottom:1px solid rgba(var(--zatoi-border-rgb),.18)!important;
  }

  .people-conversation > .people-messages{
    background:
      radial-gradient(circle at 50% 0%, rgba(var(--zatoi-red-rgb),.055), transparent 34%),
      transparent!important;
  }


  /* ÖZEL SOHBET — hafif mor/mürdüm karakter */
  .people-chat-panel[data-mobile-view="private"] .people-private-dock{
    background:
      linear-gradient(180deg, rgba(var(--zatoi-border-rgb),.11), transparent 190px),
      var(--zatoi-bg)!important;

    /* İki sohbet arasındaki belirgin ama zarif ayırıcı */
    border-left:2px solid rgba(var(--zatoi-border-rgb),.58)!important;
    box-shadow:
      -8px 0 22px rgba(0, 0, 0, .16),
      inset 1px 0 0 rgba(var(--zatoi-shadow-rgb),.06)!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-head{
    background:rgba(var(--zatoi-surface-rgb),.96)!important;
    border-bottom:1px solid rgba(var(--zatoi-border-rgb),.28)!important;
    box-shadow:inset 0 3px 0 rgba(var(--zatoi-shadow-rgb),.68)!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-composer{
    background:rgba(var(--zatoi-bg-rgb),.95)!important;
    border-bottom:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-messages{
    background:
      radial-gradient(circle at 50% 0%, rgba(var(--zatoi-red-rgb),.09), transparent 36%),
      transparent!important;
  }

  /* Özel sohbet input'una da çok hafif mor kimlik */
  .people-chat-panel[data-mobile-view="private"] .people-private-input,
  .people-chat-panel[data-mobile-view="private"] #peoplePrivateInput{
    border-color:rgba(var(--zatoi-border-rgb),.32)!important;
    background:rgba(var(--zatoi-bg-rgb),.92)!important;
  }

  .people-chat-panel[data-mobile-view="private"] .people-private-input:focus,
  .people-chat-panel[data-mobile-view="private"] #peoplePrivateInput:focus{
    border-color:rgba(var(--zatoi-red-rgb),.72)!important;
    box-shadow:0 0 0 3px rgba(var(--zatoi-red-rgb),.10)!important;
  }
}


/* =========================================================
   V14.35.4 — RESPONSIVE SOHBET AKIŞI
   PC:     yeni mesajlar üstte, eskiler aşağıda
   Mobil:  eski mesajlar üstte, yeni mesajlar aşağıda
   ========================================================= */
@media (max-width:720px){
  .people-messages,
  .people-private-messages{
    flex-direction:column!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}


/* =========================================================
   V14.36 — ADMIN SOHBET MODERASYONU
   ========================================================= */
.people-admin-chat-tools{
  display:flex;
  gap:6px;
  margin-left:auto;
}
.people-admin-chat-tools[hidden]{display:none!important}
.people-admin-chat-tools button,
.people-message-admin-actions button{
  border:1px solid var(--border,var(--zatoi-border));
  background:rgba(var(--zatoi-bg-rgb),.88);
  color:var(--text,var(--zatoi-text));
  border-radius:9px;
  cursor:pointer;
}
.people-admin-chat-tools button{
  min-height:32px;
  padding:0 10px;
  font-size:11px;
  font-weight:700;
}
.people-message-meta-badges{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 5px;
}
.people-admin-badge,
.people-announcement-badge,
.people-pinned-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:2px 6px;
  border-radius:999px;
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.06em;
}
.people-admin-badge{
  background:rgba(var(--zatoi-red-rgb),.20);
  border:1px solid rgba(var(--zatoi-border-rgb),.34);
}
.people-announcement-badge{
  background:rgba(245,158,11,.16);
  border:1px solid rgba(245,158,11,.34);
}
.people-pinned-badge{
  background:rgba(var(--zatoi-red-rgb),.15);
  border:1px solid rgba(var(--zatoi-border-rgb),.32);
}
.people-message-foot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-top:4px;
}
.people-message-foot time{
  margin-top:0!important;
}
.people-message-admin-actions{
  display:inline-flex;
  gap:3px;
}
.people-message-admin-actions button{
  width:24px;
  height:22px;
  padding:0;
  font-size:11px;
}
.people-public-profile-moderate{
  border-color:rgba(245,158,11,.38)!important;
}
@media (max-width:720px){
  .people-admin-chat-tools{
    gap:4px;
  }
  .people-admin-chat-tools button{
    min-height:29px;
    padding:0 7px;
    font-size:9px;
  }
}


/* =========================================================
   V14.37 — PC SOHBET ARAYÜZÜ
   Yan paneller, yönet menüsü, sabit mesaj şeridi,
   okunmamış oda vurgusu ve boş alan Zatoi dokusu.
   Mobil düzen korunur.
   ========================================================= */
@media (min-width:721px){
  .people-chat-panel{
    grid-template-columns:260px minmax(0,1fr) 260px!important;
  }

  .people-chat-panel[data-mobile-view="private"]{
    grid-template-columns:260px minmax(0,1fr) 260px!important;
  }

  .people-conversation{
    position:relative!important;
    isolation:isolate;
  }

  .people-conversation::before{
    content:"Z";
    position:absolute;
    left:50%;
    top:58%;
    transform:translate(-50%,-50%);
    z-index:0;
    font-size:clamp(120px,15vw,250px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.08em;
    color:var(--zatoi-link);
    pointer-events:none;
    user-select:none;
  }

  .people-conversation > *{
    position:relative;
    z-index:1;
  }

  .people-active-panel,
  .people-rooms-panel{
    background:rgba(var(--zatoi-bg-rgb),.97)!important;
  }

  .people-room-card.has-unread{
    border-color:rgba(var(--zatoi-border-rgb),.48)!important;
    background:linear-gradient(90deg,rgba(var(--zatoi-red-rgb),.13),rgba(var(--zatoi-surface-rgb),.96))!important;
    box-shadow:inset 3px 0 0 rgba(var(--zatoi-shadow-rgb),.85),0 0 18px rgba(var(--zatoi-shadow-rgb),.06)!important;
  }

  .people-room-unread{
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:var(--zatoi-surface-3)!important;
    color:var(--zatoi-text)!important;
    font-size:10px!important;
    font-weight:900!important;
    box-shadow:0 0 0 3px rgba(var(--zatoi-shadow-rgb),.12)!important;
  }
}

.people-admin-chat-tools{
  position:relative;
  margin-left:auto;
}
.people-admin-manage-toggle{
  min-height:34px!important;
  padding:0 11px!important;
}
.people-admin-manage-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  z-index:80;
  width:220px;
  padding:6px;
  border:1px solid var(--border,var(--zatoi-border));
  border-radius:12px;
  background:var(--zatoi-bg);
  box-shadow:0 16px 38px rgba(0,0,0,.34);
}
.people-admin-manage-menu[hidden]{display:none!important}
.people-admin-manage-menu button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text,var(--zatoi-text));
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.people-admin-manage-menu button:hover{
  background:rgba(255,255,255,.065);
}

.people-pinned-bar{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 14px;
  border:0;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.25);
  background:linear-gradient(90deg,rgba(var(--zatoi-red-rgb),.16),rgba(var(--zatoi-surface-rgb),.94));
  color:var(--text,var(--zatoi-text));
  text-align:left;
  cursor:pointer;
}
.people-pinned-bar[hidden]{display:none!important}
.people-pinned-bar-icon{font-size:16px}
.people-pinned-bar-copy{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:1px;
}
.people-pinned-bar-copy strong{
  font-size:10px;
  color:var(--zatoi-muted);
}
.people-pinned-bar-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted,var(--zatoi-muted));
  font-size:11px;
}
.people-pinned-bar-go{
  font-size:22px;
  color:var(--zatoi-link);
}
.people-message-highlight .people-message-bubble{
  animation:zatoiPinnedPulse 1.35s ease;
}
@keyframes zatoiPinnedPulse{
  0%,100%{box-shadow:inherit}
  35%{box-shadow:0 0 0 3px rgba(var(--zatoi-shadow-rgb),.34),0 0 25px rgba(var(--zatoi-shadow-rgb),.22)}
}

@media (max-width:720px){
  .people-pinned-bar{
    min-height:40px;
    padding:6px 10px;
  }
  .people-pinned-bar-copy small{font-size:10px}
}


/* =========================================================
   V14.37.1 — ADMIN YÖNET MENÜSÜ GÖRÜNÜRLÜK FIX
   Menü aslında açılıyordu fakat üst sohbet başlığındaki
   overflow:hidden tarafından kırpılıyordu.
   ========================================================= */
@media (min-width:721px){
  .people-conversation > .people-conversation-head{
    overflow:visible!important;
    position:relative!important;
    z-index:70!important;
  }

  .people-admin-chat-tools{
    position:relative!important;
    z-index:90!important;
    overflow:visible!important;
  }

  .people-admin-chat-tools.menu-open{
    z-index:120!important;
  }

  .people-admin-manage-menu{
    display:block;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    z-index:130!important;
    overflow:visible!important;
  }

  .people-admin-manage-menu[hidden]{
    display:none!important;
  }

  .people-conversation > .people-composer{
    position:relative!important;
    z-index:2!important;
  }
}


/* =========================================================
   V14.37.2 — MODERASYON UI SADECE ADMIN
   Normal kullanıcılar hiçbir yönetim aksiyonunu görmez.
   ADMIN / SABİT / DUYURU rozetleri bilgi amaçlı görünür kalır.
   ========================================================= */

/* Fail-closed: admin sınıfı yoksa moderasyon kontrollerini kapat. */
body:not(.zatoi-chat-admin) .people-admin-chat-tools,
body:not(.zatoi-chat-admin) .people-admin-manage-menu,
body:not(.zatoi-chat-admin) .people-message-admin-actions,
body:not(.zatoi-chat-admin) .people-public-profile-moderate{
  display:none!important;
}

/* Admin oturumunda JS hidden durumuna saygı göster. */
body.zatoi-chat-admin .people-admin-chat-tools[hidden],
body.zatoi-chat-admin .people-admin-manage-menu[hidden],
body.zatoi-chat-admin .people-message-admin-actions[hidden],
body.zatoi-chat-admin .people-public-profile-moderate[hidden]{
  display:none!important;
}

/* Bunlar yönetim butonu değil; tüm üyeler mesaj durumunu görebilir. */
.people-admin-badge,
.people-announcement-badge,
.people-pinned-badge,
.people-pinned-bar{
  visibility:visible;
}


/* =========================================================
   V14.38 — ZATOI OWNER
   Premium admin kimliği. Yalnızca admin/owner öğelerine uygulanır.
   ========================================================= */

@keyframes zatoiOwnerGlow{
  0%,100%{filter:drop-shadow(0 0 4px rgba(var(--zatoi-shadow-rgb),.32))}
  50%{filter:drop-shadow(0 0 11px rgba(var(--zatoi-shadow-rgb),.55))}
}
@keyframes zatoiOwnerShimmer{
  0%{background-position:200% 50%}
  100%{background-position:-200% 50%}
}
@keyframes zatoiOwnerRing{
  to{transform:rotate(360deg)}
}

/* Genel sohbette OWNER mesajı */
.people-message-row.zatoi-owner-message .people-message-bubble{
  position:relative;
  border:1px solid rgba(var(--zatoi-red-rgb),.52)!important;
  background:
    linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
  box-shadow:
    0 0 0 1px rgba(var(--zatoi-red-rgb),.07),
    0 7px 24px rgba(var(--zatoi-red-rgb),.16),
    0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
  overflow:visible;
}
.people-message-row.zatoi-owner-message .people-message-bubble::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%);
  background-size:220% 100%;
  animation:zatoiOwnerShimmer 6s linear infinite;
  opacity:.65;
}

/* Owner rozeti */
.people-admin-badge.zatoi-owner-badge{
  padding:3px 8px!important;
  border:1px solid rgba(var(--zatoi-red-rgb),.58)!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-red-rgb),.34),rgba(var(--zatoi-red-rgb),.34),rgba(var(--zatoi-red-rgb),.34))!important;
  background-size:200% 100%!important;
  color:var(--zatoi-text)!important;
  box-shadow:0 0 12px rgba(var(--zatoi-red-rgb),.20)!important;
  animation:zatoiOwnerShimmer 7s linear infinite;
  letter-spacing:.075em!important;
}

/* Aktif kullanıcı kartında admin */
.people-user-card.zatoi-owner-card{
  position:relative;
  border-color:rgba(var(--zatoi-red-rgb),.55)!important;
  background:
    linear-gradient(115deg,rgba(var(--zatoi-red-rgb),.28),rgba(var(--zatoi-red-rgb),.30)),
    rgba(var(--zatoi-bg-rgb),.96)!important;
  box-shadow:
    inset 3px 0 0 rgba(var(--zatoi-red-rgb),.72),
    0 0 18px rgba(var(--zatoi-red-rgb),.09)!important;
}
.people-user-card.zatoi-owner-card::after{
  content:"👑";
  position:absolute;
  top:7px;
  right:8px;
  font-size:11px;
  animation:zatoiOwnerGlow 3.2s ease-in-out infinite;
}

/* Admin avatarlarında premium halka.
   Kart yapısı bozulmadan mevcut avatarın etrafında glow. */
.zatoi-owner-card .people-avatar,
.zatoi-owner-message .people-avatar,
.zatoi-owner-profile .people-avatar{
  position:relative;
  border:1px solid rgba(var(--zatoi-red-rgb),.75)!important;
  box-shadow:
    0 0 0 2px rgba(var(--zatoi-red-rgb),.12),
    0 0 13px rgba(var(--zatoi-red-rgb),.30)!important;
  animation:zatoiOwnerGlow 3.6s ease-in-out infinite;
}

/* Profil penceresinde OWNER kimliği */
.zatoi-owner-profile .people-public-profile-card,
.zatoi-owner-profile .people-profile-card{
  border-color:rgba(var(--zatoi-red-rgb),.55)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--zatoi-red-rgb),.16),transparent 42%),
    var(--zatoi-bg)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 32px rgba(var(--zatoi-red-rgb),.12)!important;
}
.zatoi-owner-profile .people-public-profile-name::after,
.zatoi-owner-profile .people-profile-name::after{
  content:"  👑 ZATOI OWNER";
  color:var(--zatoi-text);
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
}

/* Hareket azaltma tercihini koru */
@media (prefers-reduced-motion:reduce){
  .zatoi-owner-badge,
  .zatoi-owner-card::after,
  .zatoi-owner-card .people-avatar,
  .zatoi-owner-message .people-avatar,
  .zatoi-owner-profile .people-avatar,
  .people-message-row.zatoi-owner-message .people-message-bubble::before{
    animation:none!important;
  }
}


/* =========================================================
   V14.38.1 — ZATOI USER
   Owner tasarımının daha soluk, sakin normal üye versiyonu.
   Owner görünümü bilinçli olarak daha güçlü kalır.
   ========================================================= */

@keyframes zatoiUserGlow{
  0%,100%{filter:drop-shadow(0 0 2px rgba(var(--zatoi-shadow-rgb),.12))}
  50%{filter:drop-shadow(0 0 5px rgba(var(--zatoi-shadow-rgb),.20))}
}
@keyframes zatoiUserShimmer{
  0%{background-position:200% 50%}
  100%{background-position:-200% 50%}
}

/* Normal üye mesajı: mevcut renk yapısını bozmadan hafif premium çerçeve */
.people-message-row.zatoi-user-message .people-message-bubble{
  position:relative;
  border-color:rgba(var(--zatoi-border-rgb),.24)!important;
  box-shadow:
    0 5px 15px rgba(0,0,0,.08),
    0 0 10px rgba(var(--zatoi-shadow-rgb),.035)!important;
  overflow:visible;
}
.people-message-row.zatoi-user-message .people-message-bubble::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.045) 49%,transparent 68%);
  background-size:240% 100%;
  animation:zatoiUserShimmer 10s linear infinite;
  opacity:.42;
}

/* Aktif kullanıcı kartı: Owner'ın daha soluk versiyonu */
.people-user-card.zatoi-user-card{
  position:relative;
  border-color:rgba(var(--zatoi-border-rgb),.25)!important;
  background:
    linear-gradient(115deg,rgba(var(--zatoi-red-rgb),.10),rgba(var(--zatoi-border-rgb),.10)),
    rgba(var(--zatoi-bg-rgb),.94)!important;
  box-shadow:
    inset 2px 0 0 rgba(var(--zatoi-shadow-rgb),.25),
    0 0 11px rgba(var(--zatoi-shadow-rgb),.035)!important;
}

/* Normal kullanıcı avatarı: çok hafif halka/glow */
.zatoi-user-card .people-avatar,
.zatoi-user-message .people-avatar,
.zatoi-user-profile .people-avatar{
  border:1px solid rgba(var(--zatoi-red-rgb),.34)!important;
  box-shadow:
    0 0 0 1px rgba(var(--zatoi-red-rgb),.07),
    0 0 7px rgba(var(--zatoi-red-rgb),.09)!important;
  animation:zatoiUserGlow 5.5s ease-in-out infinite;
}

/* Normal üye profili: sade premium görünüm */
.zatoi-user-profile .people-public-profile-card,
.zatoi-user-profile .people-profile-card{
  border-color:rgba(var(--zatoi-border-rgb),.27)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--zatoi-border-rgb),.07),transparent 42%),
    var(--zatoi-bg)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.38),0 0 20px rgba(var(--zatoi-shadow-rgb),.045)!important;
}

/* Owner'ın görsel üstünlüğünü garanti et */
.people-user-card.zatoi-owner-card{
  z-index:1;
}
.people-message-row.zatoi-owner-message .people-message-bubble{
  z-index:1;
}

/* Mobilde efektleri biraz daha hafif tut */
@media (max-width:760px){
  .people-message-row.zatoi-user-message .people-message-bubble::before{
    opacity:.28;
  }
  .zatoi-user-card .people-avatar,
  .zatoi-user-message .people-avatar,
  .zatoi-user-profile .people-avatar{
    animation-duration:7s;
  }
}

@media (prefers-reduced-motion:reduce){
  .zatoi-user-card .people-avatar,
  .zatoi-user-message .people-avatar,
  .zatoi-user-profile .people-avatar,
  .people-message-row.zatoi-user-message .people-message-bubble::before{
    animation:none!important;
  }
}


/* =========================================================
   V14.38.2 — MOBILE ZATOI USER FIX
   Normal üye premium görünümünü mobil sohbet yapısına da uygular.
   OWNER kuralları daha güçlü kalır.
   ========================================================= */

@media (max-width:760px){

  /* Mobil normal üye mesaj balonu */
  .people-message-row.zatoi-user-message .people-message-bubble,
  .people-message-row.zatoi-user-message .people-message-content,
  .zatoi-user-message .people-message{
    position:relative;
    border:1px solid rgba(var(--zatoi-border-rgb),.30)!important;
    box-shadow:
      0 4px 13px rgba(0,0,0,.08),
      0 0 9px rgba(var(--zatoi-shadow-rgb),.065)!important;
  }

  /* Mobilde efekt masaüstünden biraz daha görünür */
  .people-message-row.zatoi-user-message .people-message-bubble::before{
    opacity:.40!important;
    background:linear-gradient(
      110deg,
      transparent 28%,
      rgba(255,255,255,.060) 49%,
      transparent 70%
    )!important;
    background-size:240% 100%!important;
  }

  /* Mobil avatar */
  .zatoi-user-message .people-avatar,
  .zatoi-user-message .people-message-avatar,
  .zatoi-user-card .people-avatar,
  .zatoi-user-card .people-user-avatar{
    border:1px solid rgba(var(--zatoi-red-rgb),.42)!important;
    box-shadow:
      0 0 0 1px rgba(var(--zatoi-red-rgb),.09),
      0 0 8px rgba(var(--zatoi-red-rgb),.14)!important;
    animation:zatoiUserGlow 6s ease-in-out infinite;
  }

  /* Mobil Active sekmesindeki normal kullanıcı kartları */
  .people-user-card.zatoi-user-card{
    border:1px solid rgba(var(--zatoi-border-rgb),.30)!important;
    background:
      linear-gradient(115deg,rgba(var(--zatoi-red-rgb),.13),rgba(var(--zatoi-border-rgb),.12)),
      rgba(var(--zatoi-bg-rgb),.95)!important;
    box-shadow:
      inset 2px 0 0 rgba(var(--zatoi-shadow-rgb),.30),
      0 0 10px rgba(var(--zatoi-shadow-rgb),.055)!important;
  }

  /* Mobil profil */
  .zatoi-user-profile .people-public-profile-card,
  .zatoi-user-profile .people-profile-card{
    border:1px solid rgba(var(--zatoi-border-rgb),.31)!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(var(--zatoi-border-rgb),.09),transparent 44%),
      var(--zatoi-bg)!important;
    box-shadow:
      0 16px 42px rgba(0,0,0,.38),
      0 0 17px rgba(var(--zatoi-shadow-rgb),.06)!important;
  }

  /* OWNER mobilde USER tarafından ezilmesin */
  .people-message-row.zatoi-owner-message .people-message-bubble{
    border-color:rgba(var(--zatoi-red-rgb),.52)!important;
    box-shadow:
      0 0 0 1px rgba(var(--zatoi-red-rgb),.07),
      0 7px 24px rgba(var(--zatoi-red-rgb),.16),
      0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
  }

  .people-user-card.zatoi-owner-card{
    border-color:rgba(var(--zatoi-red-rgb),.55)!important;
    box-shadow:
      inset 3px 0 0 rgba(var(--zatoi-red-rgb),.72),
      0 0 18px rgba(var(--zatoi-red-rgb),.09)!important;
  }
}


/* =========================================================
   V14.38.3 — MOBILE USER POLISH + PINNED BAR LAYER FIX
   - Normal USER: daha koyu mavi/lacivert premium görünüm
   - OWNER üstünlüğü korunur
   - Sabit mesaj alanının üstüne sohbet balonu taşması engellenir
   ========================================================= */

@media (max-width:760px){

  /* ---------- NORMAL USER / MOBILE ---------- */
  .people-message-row.zatoi-user-message .people-message-bubble{
    background:
      linear-gradient(145deg,
        rgba(var(--zatoi-surface-3-rgb),.96) 0%,
        rgba(var(--zatoi-surface-3-rgb),.96) 48%,
        rgba(var(--zatoi-surface-3-rgb),.96) 100%)!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.42)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 6px 16px rgba(0,0,0,.13),
      0 0 13px rgba(var(--zatoi-shadow-rgb),.10)!important;
  }

  .people-message-row.zatoi-user-message .people-message-bubble::before{
    opacity:.46!important;
    background:
      linear-gradient(112deg,
        transparent 26%,
        rgba(255,255,255,.075) 48%,
        transparent 69%)!important;
    background-size:245% 100%!important;
    animation:zatoiUserShimmer 11s linear infinite!important;
  }

  /* USER avatar / yıldız alanı: Owner'dan daha soluk */
  .zatoi-user-message .people-avatar,
  .zatoi-user-message .people-message-avatar{
    border-color:rgba(var(--zatoi-red-rgb),.46)!important;
    box-shadow:
      0 0 0 1px rgba(var(--zatoi-red-rgb),.10),
      0 0 9px rgba(var(--zatoi-red-rgb),.17)!important;
    animation:zatoiUserGlow 5.8s ease-in-out infinite!important;
  }

  /* ---------- SABİT MESAJ / MOBILE ---------- */

  /* Sabit mesaj çubuğu her zaman sohbet mesajlarından üstte. */
  .people-pinned-bar{
    position:relative;
    z-index:30!important;
    isolation:isolate;
    background:
      linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.985),rgba(var(--zatoi-surface-rgb),.985))!important;
    box-shadow:
      0 1px 0 rgba(var(--zatoi-shadow-rgb),.30),
      0 8px 18px rgba(var(--zatoi-shadow-rgb),.28)!important;
  }

  /* Mesaj viewport'u kendi katmanında kırpılır.
     Böylece kaydırılan balonlar pinned bar üzerine çizilemez. */
  .people-messages,
  .people-message-list,
  .people-general-messages{
    position:relative;
    z-index:1;
    overflow-x:hidden!important;
    isolation:isolate;
  }

  /* Genel sohbetin konuşma gövdesi sabit barın katmanını korur. */
  .people-conversation-body,
  .people-chat-messages-wrap{
    position:relative;
    isolation:isolate;
    overflow:hidden;
  }

  /* Mesajların kendi z-index'i pinned bardan düşük kalır. */
  .people-message-row,
  .people-message-bubble{
    z-index:2;
  }

  /* OWNER mobil görünümü USER polish tarafından ezilmesin. */
  .people-message-row.zatoi-owner-message .people-message-bubble{
    background:
      linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
    border-color:rgba(var(--zatoi-red-rgb),.52)!important;
    box-shadow:
      0 0 0 1px rgba(var(--zatoi-red-rgb),.07),
      0 7px 24px rgba(var(--zatoi-red-rgb),.16),
      0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .people-message-row.zatoi-user-message .people-message-bubble::before,
  .zatoi-user-message .people-avatar,
  .zatoi-user-message .people-message-avatar{
    animation:none!important;
  }
}


/* =========================================================
   V14.38.5 — MOBILE AI REGRESSION FIX
   V14.38.4'teki side-panel/chat-column zorlamaları kaldırıldı.
   AI mobil yerleşimine dokunulmaz.
   Sohbet görsel katmanları yalnızca people-chat-mode içinde çalışır.
   ========================================================= */

/* AI modunda People Chat paneli görünmez.
   Burada side-panel, chat-column, composer veya toolbar'a dokunmuyoruz. */
.app:not(.people-chat-mode) .people-chat-panel{
  display:none!important;
}

/* Sohbet modu kendi katmanında çalışır. */
.app.people-chat-mode .people-chat-panel{
  isolation:isolate;
}

/* Sohbet dışındayken chat'e özel sabit/moderasyon katmanları kapalı. */
.app:not(.people-chat-mode) .people-pinned-bar,
.app:not(.people-chat-mode) .people-admin-chat-tools,
.app:not(.people-chat-mode) .people-admin-manage-menu,
.app:not(.people-chat-mode) .people-public-profile-moderate{
  display:none!important;
}

/* Mobilde AI layout'una hiçbir display/width/overflow zorlaması yok. */
@media (max-width:760px){
  .app:not(.people-chat-mode) .people-chat-panel{
    display:none!important;
  }

  .app.people-chat-mode .people-chat-panel{
    isolation:isolate;
  }
}


/* =========================================================
   V14.38.8 — MOBILE AI STRUCTURAL HEADER FIX
   Gerçek DOM:
   .chat-column
     > .chat-top (başlık + .zatoi-mode-switch)
     > #messages
     > .mobile-input-area

   Mobilde chat-top eski 60px yüksekliğe zorlandığı için mod sekmesi
   header'ın dışına taşıyor ve #messages sekmenin altına giriyordu.
   Çözüm: header'a mobilde gerçek yüksekliğini ver; mesaj alanı flex'te
   kalan alanı kullansın. Z-index/transform ile mesajları yamalamıyoruz.
   ========================================================= */

@media (max-width:800px){

  /* Başlık + AI/Sohbet sekmesi aynı header içinde gerçekten yer kaplasın. */
  .chat-column > .chat-top{
    height:auto!important;
    min-height:126px!important;
    flex:0 0 auto!important;
    padding:0 10px 10px!important;
    overflow:visible!important;
    position:relative;
    z-index:5;
  }

  /* Gerçek mod seçici normal akışta header'ın ikinci satırında kalsın. */
  .chat-column > .chat-top > .zatoi-mode-switch{
    position:absolute;
    left:18px;
    right:18px;
    bottom:8px;
    width:auto!important;
    z-index:6;
  }

  /* Gerçek AI mesaj viewport'u artık header bittikten sonra başlar. */
  .chat-column > #messages.messages{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:15px 11px 110px!important;
    position:relative;
    z-index:1;
  }

  /* Mobil composer sabit davranışını koru. */
  .chat-column > .mobile-input-area{
    z-index:20;
  }
}


/* =========================================================
   V14.38.10 — SAFE MOBILE INPUT POLISH
   Temel: çalışan V14.38.8.
   Üst header, sekmeler, mesaj viewport'u ve scroll AYNI bırakıldı.
   Sadece mobil AI textarea içindeki dikdörtgen odak çerçevesi kaldırılır.
   ========================================================= */

@media (max-width:800px){
  .chat-column > .mobile-input-area .input-box textarea,
  .chat-column > .mobile-input-area textarea{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    -webkit-appearance:none;
    appearance:none;
  }

  .chat-column > .mobile-input-area .input-box textarea:focus,
  .chat-column > .mobile-input-area .input-box textarea:focus-visible,
  .chat-column > .mobile-input-area textarea:focus,
  .chat-column > .mobile-input-area textarea:focus-visible {
      outline: 2px solid var(--zatoi-brand-red) !important;
      outline-offset: 2px !important;
      border-color: var(--zatoi-brand-red) !important;
      box-shadow: 0 0 0 3px rgba(var(--zatoi-red-rgb),.25) !important;
    }
}


/* =========================================================
   V14.38.11 — MOBILE HEADER DÜZENİ
   Sadece mobil Zatoi AI üst alanı:
   - AI / Sohbet seçici en üstte ve ortada
   - Geçmiş butonu tam sol köşede
   - Menü butonu tam sağ köşede
   - Üçü birbirinin üzerine binmez
   - Sohbet başlığı ikinci satırda
   - Mesaj viewport / composer mantığı korunur
   ========================================================= */

@media (max-width:800px){

  .chat-column > .chat-top{
    height:136px!important;
    min-height:136px!important;
    flex:0 0 136px!important;
    padding:0!important;
    position:relative!important;
    overflow:visible!important;
  }

  /* AI / Sohbet ayrımı: üst orta. Yanlarda butonlara güvenli alan bırak. */
  .chat-column > .chat-top > .zatoi-mode-switch{
    position:absolute!important;
    top:8px!important;
    left:64px!important;
    right:64px!important;
    bottom:auto!important;
    width:auto!important;
    height:54px!important;
    margin:0!important;
    z-index:7!important;
  }

  .chat-column > .chat-top > .zatoi-mode-switch .zatoi-mode-btn{
    min-width:0!important;
    height:44px!important;
    padding:8px 10px!important;
    white-space:nowrap!important;
  }

  /* Sol geçmiş: köşeye sıfır, switch alanına girmez. */
  .chat-column > .chat-top > .mobile-history-quick-btn{
    display:inline-flex!important;
    position:absolute!important;
    top:8px!important;
    left:0!important;
    width:56px!important;
    min-width:56px!important;
    height:54px!important;
    margin:0!important;
    border-radius:0 14px 14px 0!important;
    z-index:8!important;
  }

  /* Sağ menü: köşeye sıfır, switch alanına girmez. */
  .chat-column > .chat-top > .mobile-menu-btn{
    display:inline-flex!important;
    position:absolute!important;
    top:8px!important;
    right:0!important;
    width:56px!important;
    height:54px!important;
    margin:0!important;
    border-radius:14px 0 0 14px!important;
    z-index:8!important;
  }

  /* Başlık ayrı ikinci satır: hiçbir kontrolün altında kalmaz. */
  .chat-column > .chat-top > .chat-title{
    position:absolute!important;
    top:76px!important;
    left:64px!important;
    right:64px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 8px!important;
    text-align:center!important;
    z-index:5!important;
  }

  /* Mesaj alanı 14.38.8/10 davranışını korur; yalnız yeni header sonrası başlar. */
  .chat-column > #messages.messages{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:15px 11px 110px!important;
  }
}

/* Çok dar telefonlarda yazılar taşmasın. */
@media (max-width:390px){
  .chat-column > .chat-top > .zatoi-mode-switch{
    left:58px!important;
    right:58px!important;
  }
  .chat-column > .chat-top > .mobile-history-quick-btn,
  .chat-column > .chat-top > .mobile-menu-btn{
    width:50px!important;
    min-width:50px!important;
  }
  .chat-column > .chat-top > .zatoi-mode-switch .zatoi-mode-btn{
    font-size:14px!important;
    padding:7px 5px!important;
  }
}


/* =========================================================
   V14.38.12 — MOBILE PEOPLE CHAT LONG MESSAGE WRAP FIX
   Yalnızca mobil 💬 Sohbet mesajlarını hedefler.
   Uzun metin/balon ekran genişliğini aşamaz.
   AI ve PC yerleşimine dokunmaz.
   ========================================================= */

@media (max-width:800px){

  .people-chat-panel .people-message-row{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel .people-message-bubble{
    max-width:calc(100vw - 44px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .people-chat-panel .people-message-text,
  .people-chat-panel .people-message-content,
  .people-chat-panel .people-message-bubble{
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-wrap:break-word!important;
    word-break:break-word!important;
    min-width:0!important;
  }

  /* Owner/User efektleri balonun genişliğini büyütemez. */
  .people-chat-panel .zatoi-owner-message,
  .people-chat-panel .zatoi-user-message{
    max-width:100%!important;
    min-width:0!important;
  }
}


/* V14.38.13 — MOBILE PINNED ANNOUNCEMENT FIX */
@media (max-width:800px){
  .people-chat-panel .people-pinned-bar{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    padding-right:14px!important;
  }

  .people-chat-panel .people-pinned-bar > *{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel .people-pinned-bar .people-pinned-text,
  .people-chat-panel .people-pinned-bar .people-pinned-message,
  .people-chat-panel .people-pinned-bar .people-pinned-content,
  .people-chat-panel .people-pinned-bar p,
  .people-chat-panel .people-pinned-bar span{
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-overflow:clip!important;
  }
}


/* =========================================================
   V14.38.14 — EXACT MOBILE PINNED BAR FIX
   Gerçek DOM selector'ları kullanılır.
   Sabit alan artık dev boşluk oluşturmaz; metin satıra sarılır.
   ========================================================= */
@media (max-width:800px){

  #peoplePinnedBar.people-pinned-bar{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    align-items:flex-start!important;
    gap:9px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #peoplePinnedBar.people-pinned-bar[hidden]{
    display:none!important;
  }

  #peoplePinnedBar .people-pinned-bar-icon{
    flex:0 0 auto!important;
    margin-top:2px!important;
  }

  #peoplePinnedBar .people-pinned-bar-copy{
    display:flex!important;
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    flex-direction:column!important;
    gap:2px!important;
    overflow:visible!important;
  }

  #peoplePinnedBar .people-pinned-bar-copy strong{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.2!important;
  }

  #peoplePinnedBarText{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:1.35!important;
  }

  #peoplePinnedBar .people-pinned-bar-go{
    flex:0 0 auto!important;
    align-self:center!important;
  }
}


/* =========================================================
   V14.38.15 — COMPACT MOBILE PINNED BAR
   Metin sarma korunur; yalnız gereksiz dikey boşluk kaldırılır.
   ========================================================= */
@media (max-width:800px){

  #peoplePinnedBar.people-pinned-bar{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 14px 10px 18px!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:flex-start!important;
  }

  #peoplePinnedBar .people-pinned-bar-copy{
    align-self:center!important;
    justify-content:center!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }

  #peoplePinnedBar .people-pinned-bar-copy strong,
  #peoplePinnedBarText{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }

  #peoplePinnedBar .people-pinned-bar-go{
    align-self:center!important;
    margin-left:auto!important;
  }
}


/* =========================================================
   V14.42.5 — CLEANUP NOTE
   Eski V14.38.16–V14.38.21 mobil Genel mesaj yamaları kaldırıldı.
   Mobil Genel için dosyanın sonunda tek kanonik kural seti kullanılır.
   ========================================================= */

/* =========================================================
   V14.38.22 — DESKTOP GENERAL CHAT TOP ALIGNMENT
   SADECE PC (min-width:721px)
   - Genel sohbet mesaj alanı üstten başlar.
   - Sabit mesaj, mesaj listesinin üstünde kalır.
   - Mobil V14.38.21 düzenine dokunulmaz.
   ========================================================= */
@media (min-width:721px){

  /* Genel sohbet kolonunu yukarıdan aşağı doğal sıraya sok. */
  .people-chat-panel .people-conversation{
    align-content:start!important;
  }

  /* Sabit mesaj varsa mesajlardan önce, en üstte göster. */
  .people-chat-panel #peoplePinnedBar{
    order:1!important;
    align-self:stretch!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }

  /* Genel mesaj listesi sabit mesajın hemen altından başlasın. */
  .people-chat-panel #peopleMessages{
    order:2!important;
    align-content:start!important;
    justify-content:flex-start!important;
    padding-top:12px!important;
  }

  /* Composer mevcut masaüstü konumunu korusun. */
  .people-chat-panel #peopleComposer{
    order:3!important;
  }

  /* Mesajlar boş alanın ortasına/alta itilmesin. */
  .people-chat-panel #peopleMessages > .people-message-row{
    align-self:auto!important;
  }
}


/* =========================================================
   V14.38.23 — DESKTOP FULL GENERAL COLUMN FROM PAGE TOP
   SADECE PC
   - Orta "Genel Sohbet" kolonu sayfanın üstünden başlar.
   - Başlık + sabit/duyuru üst bölgede kalır.
   - Mesajlar onların altında akar.
   - Mobil kurallara dokunulmaz.
   ========================================================= */
@media (min-width:721px){

  /* Sohbet ana gövdesinin orta kolonunu tam yükseklikte yukarı taşı. */
  .people-chat-panel{
    position:relative!important;
  }

  .people-chat-panel .people-center,
  .people-chat-panel .people-center-column,
  .people-chat-panel .people-main,
  .people-chat-panel .people-conversation{
    align-self:stretch!important;
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Genel sohbet kolonu kendi içinde: başlık -> pinned -> mesajlar -> composer */
  .people-chat-panel .people-conversation{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    align-content:stretch!important;
    height:100%!important;
    min-height:0!important;
  }

  .people-chat-panel .people-conversation-head{
    grid-row:1!important;
    margin-top:0!important;
  }

  /* Sabit mesaj / duyuru daima başlığın hemen altında, üstte. */
  .people-chat-panel #peoplePinnedBar{
    grid-row:2!important;
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    width:100%!important;
    margin:0!important;
    align-self:start!important;
  }

  .people-chat-panel #peopleMessages{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
    align-content:start!important;
    padding-top:12px!important;
  }

  .people-chat-panel #peopleComposer{
    grid-row:4!important;
  }
}


/* =========================================================
   V14.38.24 — DESKTOP GENERAL CHAT FLOW POLISH
   SADECE PC (>=721px)
   1) Mesajlar pinned bar'ın hemen altından kompakt akar.
   2) Mine sağda / theirs solda kalır.
   3) Owner/duyuru kartları içerik kadar yükselir.
   4) Genel Sohbet başlığı + alt açıklama nefes alır.
   MOBİL KURALLARA DOKUNULMAZ.
   ========================================================= */
@media (min-width:721px){

  /* Başlık satırındaki başlık/açıklama sıkışmasını düzelt. */
  .people-chat-panel .people-conversation-head{
    gap:10px!important;
  }

  .people-chat-panel .people-conversation-head h2,
  .people-chat-panel .people-conversation-head h3,
  .people-chat-panel .people-conversation-title{
    margin-right:10px!important;
  }

  .people-chat-panel .people-conversation-subtitle,
  .people-chat-panel .people-conversation-head small{
    margin-left:2px!important;
  }

  /* Mesaj listesi viewport boşluğunu mesajlara dağıtmasın. */
  .people-chat-panel #peopleMessages{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    align-content:initial!important;
    gap:12px!important;
    padding:14px 20px 18px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  /* Her satır doğal yüksekliğinde kalsın. */
  .people-chat-panel #peopleMessages > .people-message-row{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    align-items:flex-start!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.mine{
    justify-content:flex-end!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.theirs{
    justify-content:flex-start!important;
  }

  /* Kartlar artık boş yüksekliği dolduramaz. */
  .people-chat-panel #peopleMessages .people-message-bubble,
  .people-chat-panel #peopleMessages .zatoi-owner-message,
  .people-chat-panel #peopleMessages .zatoi-user-message{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:flex-start!important;
  }

  /* Owner / duyuru uzun metinde geniş olabilir ama gereksiz devleşmez. */
  .people-chat-panel #peopleMessages .zatoi-owner-message{
    width:auto!important;
    max-width:min(72%, 760px)!important;
  }

  /* Normal kullanıcı kartı kompakt kalsın. */
  .people-chat-panel #peopleMessages .zatoi-user-message{
    width:auto!important;
    max-width:min(62%, 620px)!important;
  }

  /* Kart içindeki bölümler de doğal yükseklik. */
  .people-chat-panel #peopleMessages .people-message-sender,
  .people-chat-panel #peopleMessages .people-message-meta-badges,
  .people-chat-panel #peopleMessages .people-message-text,
  .people-chat-panel #peopleMessages .people-message-foot{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .people-chat-panel #peopleMessages .people-message-meta-badges{
    margin-top:5px!important;
    margin-bottom:6px!important;
  }

  .people-chat-panel #peopleMessages .people-message-text{
    margin-top:0!important;
    margin-bottom:0!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .people-chat-panel #peopleMessages .people-message-foot{
    margin-top:6px!important;
  }
}


/* =========================================================
   V14.38.25 — DESKTOP GENERAL MESSAGE WIDTH FIX
   SADECE PC (>=721px)
   - V14.38.24'te width:auto yüzünden çöken kart genişliklerini düzeltir.
   - Mesajlar sabit mesajın hemen altında doğal akışta kalır.
   - Normal kullanıcı kartı kompakt, owner/duyuru kartı daha geniştir.
   - Mine sağda / theirs solda kalır.
   - Mobil kurallara DOKUNMAZ.
   ========================================================= */
@media (min-width:721px){

  /* Satır tüm orta kolonu kullanır; kartın hizasını satır belirler. */
  .people-chat-panel #peopleMessages > .people-message-row{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.mine{
    justify-content:flex-end!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.theirs{
    justify-content:flex-start!important;
  }

  /* NORMAL USER:
     width:auto kaldırıldı. Kart artık yazı kadar daralıp sütun gibi çökmez. */
  .people-chat-panel #peopleMessages > .people-message-row.zatoi-user-message{
    width:100%!important;
    max-width:100%!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.zatoi-user-message > .people-message-bubble{
    width:clamp(300px, 42%, 560px)!important;
    max-width:560px!important;
    min-width:300px!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }

  /* OWNER / DUYURU:
     Uzun metin rahat okunur; yine de tüm ekranı gereksiz doldurmaz. */
  .people-chat-panel #peopleMessages > .people-message-row.zatoi-owner-message{
    width:100%!important;
    max-width:100%!important;
  }

  .people-chat-panel #peopleMessages > .people-message-row.zatoi-owner-message > .people-message-bubble{
    width:min(68%, 760px)!important;
    max-width:760px!important;
    min-width:420px!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }

  /* Genel fallback: özel sınıf gelmeyen mesaj da çökmeyecek. */
  .people-chat-panel #peopleMessages > .people-message-row:not(.zatoi-user-message):not(.zatoi-owner-message) > .people-message-bubble{
    width:clamp(300px, 42%, 560px)!important;
    max-width:560px!important;
    min-width:300px!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }

  /* İçerik genişliği kartı taşırmasın. */
  .people-chat-panel #peopleMessages .people-message-sender,
  .people-chat-panel #peopleMessages .people-message-meta-badges,
  .people-chat-panel #peopleMessages .people-message-text,
  .people-chat-panel #peopleMessages .people-message-foot{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .people-chat-panel #peopleMessages .people-message-text{
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  /* Mesajlar pinned alanın hemen altında, 12px aralıkla doğal yükseklikte akar. */
  .people-chat-panel #peopleMessages{
    justify-content:flex-start!important;
    align-items:stretch!important;
    align-content:flex-start!important;
    gap:12px!important;
  }
}

/* =========================================================
   V14.38.27 — PC GENERAL COLUMN REALLY FROM PAGE TOP
   SADECE MASAÜSTÜ (>=721px)
   - Orta Genel Sohbet kolonu uygulamanın en tepesinden başlar.
   - Sol Aktif Kullanıcılar ve sağ Özel Odalar eski yerinde kalır.
   - Sabit mesaj/duyuru başlığın hemen altında kalır.
   - Mesajlar onun altından doğal şekilde akar.
   - Mobil kurallara dokunulmaz.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel{
    grid-template-columns:260px minmax(0,1fr) 260px!important;
    grid-template-rows:72px minmax(0,1fr)!important;
    height:100vh!important;
    min-height:0!important;
    overflow:hidden!important;
    position:relative!important;
  }

  /* Üst marka / mod alanı sadece sol ve sağ köşeleri kullanır.
     Orta kolonun üstünü kapatmaz. */
  .app.people-chat-mode > .people-chat-panel > .people-mode-top{
    grid-column:1 / -1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr) 260px!important;
    align-items:center!important;
    width:100%!important;
    min-height:72px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
    pointer-events:none!important;
    z-index:20!important;
  }

  .app.people-chat-mode .people-mode-brand{
    grid-column:1!important;
    padding:0 16px!important;
    pointer-events:auto!important;
  }

  .app.people-chat-mode .people-mode-switch{
    grid-column:3!important;
    justify-self:end!important;
    margin-right:12px!important;
    pointer-events:auto!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-active-panel{
    grid-column:1!important;
    grid-row:2!important;
    min-height:0!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-rooms-panel{
    grid-column:3!important;
    grid-row:2!important;
    min-height:0!important;
  }

  /* ANA DÜZELTME:
     Genel Sohbet, people-mode-top satırını da kapsayarak en tepeden başlar. */
  .app.people-chat-mode > .people-chat-panel > .people-conversation{
    grid-column:2!important;
    grid-row:1 / 3!important;
    align-self:stretch!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:30!important;
    background:var(--bg,var(--zatoi-black))!important;
    border-left:1px solid var(--border,var(--zatoi-border))!important;
    border-right:1px solid var(--border,var(--zatoi-border))!important;
    border-top:3px solid rgba(var(--zatoi-border-rgb),.72)!important;
  }

  .app.people-chat-mode .people-conversation-head{
    grid-row:1!important;
    min-height:72px!important;
    margin:0!important;
    padding:10px 18px!important;
    box-sizing:border-box!important;
  }

  .app.people-chat-mode #peoplePinnedBar{
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    position:relative!important;
    top:auto!important;
    z-index:30!important;
  }

  .app.people-chat-mode #peopleMessages{
    grid-row:3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    align-content:flex-start!important;
    gap:10px!important;
    min-height:0!important;
    padding:12px 18px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  .app.people-chat-mode #peopleComposer{
    grid-row:4!important;
  }
}

/* =========================================================
   V14.38.28 — PC HEADER SYMMETRY
   SADECE MASAÜSTÜ (>=721px)
   - Sol / orta / sağ başlık satırları aynı yükseklikte.
   - Genel Sohbet başlığı orta sütunun tamamını doldurur.
   - Yönet butonu aynı satırda dikey merkezde kalır.
   - Mesaj, sabit mesaj, mobil ve AI görünümü değişmez.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel{
    --people-pc-head-height:80px;
    grid-template-rows:var(--people-pc-head-height) minmax(0,1fr)!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top{
    min-height:var(--people-pc-head-height)!important;
    height:var(--people-pc-head-height)!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-active-panel,
  .app.people-chat-mode > .people-chat-panel > .people-rooms-panel{
    border-top:1px solid var(--border,var(--zatoi-border))!important;
  }

  .app.people-chat-mode .people-active-head,
  .app.people-chat-mode .people-rooms-head{
    min-height:var(--people-pc-head-height)!important;
    height:var(--people-pc-head-height)!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-conversation{
    grid-template-rows:var(--people-pc-head-height) auto minmax(0,1fr) auto!important;
  }

  .app.people-chat-mode .people-conversation-head{
    width:100%!important;
    max-width:none!important;
    min-height:var(--people-pc-head-height)!important;
    height:var(--people-pc-head-height)!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
  }

  .app.people-chat-mode .people-conversation-head > *{
    min-width:0!important;
  }

  .app.people-chat-mode .people-conversation-head .people-conversation-title,
  .app.people-chat-mode .people-conversation-head .people-conversation-info,
  .app.people-chat-mode .people-conversation-head .people-conversation-heading{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  .app.people-chat-mode .people-admin-chat-tools{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}


/* =========================================================
   V14.38.29 — PC GENEL SOHBET: ÖZEL ODA GİBİ ÜSTTEN AKIŞ
   SADECE MASAÜSTÜ (>=721px)
   - Mobil görünüm değişmez.
   - Sabit mesaj başlığın hemen altında kalır.
   - Genel mesaj yazma alanı sabit mesajın hemen altında olur.
   - Yeni mesajlar bunun altında, yukarıdan aşağı doğru akar.
   - Özel oda mantığıyla aynı görsel sıra elde edilir.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel > .people-conversation{
    grid-template-rows:
      var(--people-pc-head-height,80px)
      auto
      auto
      minmax(0,1fr)!important;
  }

  .app.people-chat-mode #peoplePinnedBar{
    grid-row:2!important;
  }

  .app.people-chat-mode #peopleComposer{
    grid-row:3!important;
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    margin:0!important;
    padding:10px 14px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border,var(--zatoi-border))!important;
    background:var(--panel,var(--zatoi-bg))!important;
    z-index:25!important;
  }

  .app.people-chat-mode #peopleComposer input{
    height:46px!important;
    border-radius:12px!important;
  }

  .app.people-chat-mode #peopleComposer button{
    width:50px!important;
    min-width:50px!important;
    height:46px!important;
    border-radius:12px!important;
  }

  .app.people-chat-mode #peopleMessages{
    grid-row:4!important;
    min-height:0!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    padding-top:12px!important;
    padding-bottom:18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}


/* =========================================================
   V14.38.30 — PC ÖZEL ODA AÇIKKEN GENEL SOHBET AKIŞ FIX
   SADECE MASAÜSTÜ (>=721px)
   Genel yarı:
   Başlık -> Sabit mesaj -> Mesaj yazma -> Mesajlar
   Özel yarı kendi düzenini korur.
   Mobil değişmez.
   ========================================================= */
@media (min-width:721px){

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:
      var(--people-pc-head-height,80px)
      auto
      auto
      minmax(0,1fr)!important;
  }

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation > .people-conversation-head{
    grid-column:1!important;
    grid-row:1!important;
  }

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation > #peoplePinnedBar{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
  }

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation > #peopleComposer{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
  }

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation > #peopleMessages{
    grid-column:1!important;
    grid-row:4!important;
    min-width:0!important;
    min-height:0!important;
  }

  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"] > .people-conversation > .people-private-dock{
    grid-column:2!important;
    grid-row:1 / 5!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
  }
}

/* =========================================================
   V14.38.31 — ÜST MESAJ ALANI: 2 DUYURU + 1 SABİT MESAJ
   PC + Mobil ortak görsel destek.
   Mevcut sohbet akışına dokunmaz.
   ========================================================= */
#peoplePinnedBar.people-pinned-bar{
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  padding:7px 10px!important;
  text-align:left!important;
}
#peoplePinnedBar.people-pinned-bar[hidden]{
  display:none!important;
}
#peoplePinnedBar .people-top-message-card{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
#peoplePinnedBar .people-top-message-card.is-announcement{
  background:rgba(245,158,11,.08)!important;
  border:1px solid rgba(245,158,11,.22)!important;
}
#peoplePinnedBar .people-top-message-card.is-pinned{
  background:rgba(var(--zatoi-red-rgb),.08)!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  cursor:pointer!important;
}
#peoplePinnedBar .people-top-message-card .people-pinned-bar-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#peoplePinnedBar .people-top-message-card small{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width:720px){
  #peoplePinnedBar.people-pinned-bar{
    gap:5px!important;
    padding:6px 8px!important;
  }
  #peoplePinnedBar .people-top-message-card{
    padding:7px 8px!important;
  }
}

/* =========================================================
   V14.38.32 — OKUNMAMIŞ ÖZEL ODA KIRMIZI VURGU
   Mevcut unread sayacı kullanılır.
   Index / Worker mantığı değişmez.
   ========================================================= */

/* PC + ortak: okunmamış oda hafif bordo/kırmızı vurgulu */
.people-room-card.has-unread{
  border-color:rgba(239,68,68,.52)!important;
  background:linear-gradient(
    90deg,
    rgba(127,29,29,.24),
    rgba(69,10,10,.13) 42%,
    rgba(var(--zatoi-surface-rgb),.96)
  )!important;
  box-shadow:
    inset 3px 0 0 rgba(239,68,68,.90),
    0 0 18px rgba(239,68,68,.08)!important;
}

/* Okunmamış oda içindeki isim de çok hafif öne çıksın */
.people-room-card.has-unread .people-room-info strong{
  color:#ffe4e6!important;
}

/* Sayaç kırmızı */
.people-room-card.has-unread .people-room-unread{
  background:#ef4444!important;
  color:var(--zatoi-text)!important;
  box-shadow:
    0 0 0 3px rgba(239,68,68,.14),
    0 0 12px rgba(239,68,68,.16)!important;
}

/* Mobil Odalar görünümünde de aynı, ama gözü yormayacak kadar hafif */
@media (max-width:720px){
  .people-chat-panel[data-mobile-view="rooms"] .people-room-card.has-unread{
    border-color:rgba(239,68,68,.48)!important;
    background:linear-gradient(
      90deg,
      rgba(127,29,29,.22),
      rgba(69,10,10,.11) 48%,
      rgba(var(--zatoi-surface-rgb),.96)
    )!important;
    box-shadow:
      inset 3px 0 0 rgba(239,68,68,.88),
      0 0 14px rgba(239,68,68,.07)!important;
  }

  /* Mobil Odalar sekmesindeki okunmamış nokta da kırmızı */
  #peopleMobileRoomsTab.has-unread::after{
    background:#ef4444!important;
    box-shadow:0 0 0 3px rgba(239,68,68,.14)!important;
  }
}

/* =========================================================
   V14.39.0 — MESAJ ETKİLEŞİM PAKETİ / AŞAMA 1
   ↩️ Genel + özel sohbette güvenli mesaj yanıtlama
   ========================================================= */

.people-reply-preview{
  grid-column:1 / -1;
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  margin:0 0 6px;
  box-sizing:border-box;
  border:1px solid rgba(var(--zatoi-border-rgb),.22);
  border-left:3px solid rgba(var(--zatoi-border-rgb),.85);
  border-radius:9px;
  background:rgba(var(--zatoi-red-rgb),.10);
}
.people-reply-preview[hidden]{display:none!important}
.people-reply-preview-icon{flex:0 0 auto;font-size:13px}
.people-reply-preview-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.people-reply-preview-copy strong{
  font-size:11px;
  line-height:1.2;
  color:var(--zatoi-text);
}
.people-reply-preview-copy small{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  line-height:1.25;
  color:var(--zatoi-muted);
}
.people-reply-cancel{
  flex:0 0 auto;
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(var(--zatoi-border-rgb),.10)!important;
  color:var(--zatoi-text)!important;
  cursor:pointer;
  font-size:18px!important;
  line-height:1!important;
}
.people-replied-message,
.people-private-replied-message{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  margin:0 0 7px;
  padding:6px 8px;
  box-sizing:border-box;
  border:0;
  border-left:3px solid rgba(var(--zatoi-border-rgb),.72);
  border-radius:7px;
  background:rgba(var(--zatoi-red-rgb),.38);
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.people-replied-message strong,
.people-private-replied-message strong{
  max-width:100%;
  font-size:11px;
  line-height:1.2;
  color:var(--zatoi-text);
}
.people-replied-message span,
.people-private-replied-message span{
  display:block;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  line-height:1.25;
  color:var(--zatoi-muted);
}
.people-message-reply-action{
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  padding:0!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--zatoi-muted)!important;
  cursor:pointer;
  opacity:.78;
  font-size:13px!important;
  line-height:1!important;
}
.people-message-reply-action:hover{
  opacity:1;
  background:rgba(var(--zatoi-red-rgb),.12)!important;
  color:var(--zatoi-text)!important;
}
.people-private-message-foot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  margin-top:4px;
}
.people-message-highlight .people-message-bubble,
.people-message-highlight.people-private-bubble{
  outline:2px solid rgba(var(--zatoi-border-rgb),.58)!important;
  outline-offset:2px;
}
@media (max-width:720px){
  .people-reply-preview{
    padding:6px 8px;
    margin-bottom:5px;
  }
  .people-message-reply-action{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
  }
}

/* =========================================================
   V14.39.1 — YANITLAMA A1 DÜZELTME
   1) Yanıt önizlemesi açıkken input ayrı satırda kalır.
      Daralan input / tersten yazılıyor hissi engellenir.
   2) Genel normal kullanıcı kartı tekrar kompakt kalır.
   Worker ve Index değişmez.
   ========================================================= */

/* Genel ve özel composer: cevap önizlemesi üst satır, input + gönder alt satır. */
.people-composer,
.people-private-composer{
  flex-wrap:wrap!important;
}

.people-composer > .people-reply-preview,
.people-private-composer > .people-reply-preview{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  order:0!important;
}

.people-composer > input,
.people-private-composer > input{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:left!important;
  order:1!important;
}

.people-composer > #peopleSendButton,
.people-private-composer > #peoplePrivateSend{
  flex:0 0 auto!important;
  order:2!important;
}

/* Türkçe/Latin mesaj yazımında caret ve karakter sırası daima doğal soldan sağa. */
#peopleMessageInput,
#peoplePrivateInput{
  direction:ltr!important;
  unicode-bidi:plaintext!important;
  text-align:left!important;
}

/* PC Genel: normal kullanıcı kartı eski kompakt davranışına dönsün. */
@media (min-width:721px){
  .people-chat-panel #peopleMessages > .people-message-row.zatoi-user-message > .people-message-bubble{
    width:fit-content!important;
    max-width:min(72%,560px)!important;
    min-width:180px!important;
    flex:0 0 auto!important;
  }

  /* Yanıt kutusu kartı gereksiz yere büyütmesin. */
  .people-chat-panel #peopleMessages .people-replied-message{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* Mobil mesaj kartı davranışına dokunma; yalnızca yazım yönünü koru. */
@media (max-width:720px){
  #peopleMessageInput,
  #peoplePrivateInput{
    direction:ltr!important;
    unicode-bidi:plaintext!important;
    text-align:left!important;
  }
}

/* V14.40.0 — A2 MESAJ TEPKİLERİ */
.people-reaction-summary{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0}
.people-reaction-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:auto!important;min-width:31px!important;height:24px!important;padding:0 6px!important;border:1px solid rgba(var(--zatoi-border-rgb),.18)!important;border-radius:999px!important;background:rgba(var(--zatoi-red-rgb),.42)!important;color:var(--zatoi-text)!important;cursor:pointer!important;font-size:12px!important;line-height:1!important}
.people-reaction-chip b{font-size:10px;font-weight:700;color:var(--zatoi-text)}
.people-reaction-chip.mine{border-color:rgba(var(--zatoi-red-rgb),.52)!important;background:rgba(var(--zatoi-red-rgb),.20)!important}
.people-message-reaction-action{width:25px!important;min-width:25px!important;height:25px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--zatoi-muted)!important;cursor:pointer!important;font-size:15px!important;line-height:1!important;opacity:.82}
.people-message-reaction-action:hover{opacity:1;background:rgba(var(--zatoi-red-rgb),.12)!important;color:var(--zatoi-text)!important}
.people-message-foot,.people-private-message-foot{position:relative!important}
.people-reaction-picker{position:absolute;right:28px;bottom:30px;z-index:170;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(var(--zatoi-border-rgb),.22);border-radius:11px;background:var(--zatoi-bg);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.people-reaction-picker button{width:31px!important;min-width:31px!important;height:31px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;cursor:pointer!important;font-size:17px!important;line-height:1!important}
.people-reaction-picker button:hover{background:rgba(var(--zatoi-border-rgb),.14)!important}
@media(max-width:720px){.people-message-reaction-action{width:28px!important;min-width:28px!important;height:28px!important}.people-reaction-picker{right:24px;bottom:32px}}

/* =========================================================
   V14.40.2 — MESAJ BALONLARI SÜTUNU DOLDURSUN
   Genel + Özel / PC + Mobil
   Sadece görünüm değişikliği.
   ========================================================= */

/* GENEL SOHBET: her mesaj satırı ve balonu kullanılabilir sütun genişliğini doldursun. */
#peopleMessages > .people-message-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#peopleMessages > .people-message-row > .people-message-bubble,
.people-chat-panel #peopleMessages > .people-message-row.zatoi-user-message > .people-message-bubble{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:1 1 100%!important;
  box-sizing:border-box!important;
}

/* ÖZEL SOHBET: balonlar da kendi sohbet sütununun tamamını kullansın. */
#peoplePrivateMessages > .people-private-message,
#peoplePrivateMessages > .people-private-message-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#peoplePrivateMessages .people-private-bubble{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Yanıt kutuları ana balonun içinde tam genişlikte kalsın. */
#peopleMessages .people-replied-message,
#peoplePrivateMessages .people-private-replied-message{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Mobilde de ekran dışına taşmadan mevcut içerik alanını doldur. */
@media (max-width:720px){
  #peopleMessages > .people-message-row > .people-message-bubble,
  #peoplePrivateMessages .people-private-bubble{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* =========================================================
   V14.41.0 — AVATARLI DIŞ KULLANICI KARTI
   Kimlik bilgileri balon dışına taşındı; balon karttan açılıyormuş gibi görünür.
   ========================================================= */

#peopleMessages > .people-message-row,
#peoplePrivateMessages > .people-private-message-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  align-items:start!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
}

.people-message-user-card,
.people-private-user-card{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:7px!important;
  width:118px!important;
  min-width:118px!important;
  min-height:54px!important;
  padding:7px 8px!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  border-radius:13px 0 0 13px!important;
  background:rgba(var(--zatoi-bg-rgb),.94)!important;
  color:var(--zatoi-text)!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14)!important;
}
.people-message-user-card::after,
.people-private-user-card::after{
  content:""!important;
  position:absolute!important;
  right:-9px!important;
  top:19px!important;
  width:17px!important;
  height:17px!important;
  background:inherit!important;
  border-top:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  border-right:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  transform:rotate(45deg)!important;
  z-index:-1!important;
}
.people-message-user-card .people-message-sender-avatar,
.people-private-user-card .people-message-sender-avatar{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
}
.people-message-user-card-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.people-message-user-card-copy strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.people-message-user-card-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:.65!important;
  font-size:9px!important;
}
.people-message-user-card-role{
  grid-column:2!important;
  grid-row:2!important;
  margin-top:2px!important;
  font-size:8px!important;
  font-weight:700!important;
  opacity:.78!important;
}
#peopleMessages > .people-message-row > .people-message-bubble,
#peoplePrivateMessages > .people-private-message-row > .people-private-bubble{
  grid-column:2!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  border-radius:0 14px 14px 14px!important;
  box-sizing:border-box!important;
}

/* Kendi mesajında kart sağda, balon karttan sola açılır. */
#peopleMessages > .people-message-row.mine,
#peoplePrivateMessages > .people-private-message-row.mine{
  grid-template-columns:minmax(0,1fr) 118px!important;
}
#peopleMessages > .people-message-row.mine > .people-message-user-card,
#peoplePrivateMessages > .people-private-message-row.mine > .people-private-user-card{
  grid-column:2!important;
  grid-row:1!important;
  border-radius:0 13px 13px 0!important;
}
#peopleMessages > .people-message-row.mine > .people-message-user-card::after,
#peoplePrivateMessages > .people-private-message-row.mine > .people-private-user-card::after{
  right:auto!important;
  left:-9px!important;
  border-right:0!important;
  border-top:0!important;
  border-left:1px solid rgba(var(--zatoi-red-rgb),.20)!important;
  border-bottom:1px solid rgba(var(--zatoi-red-rgb),.20)!important;
}
#peopleMessages > .people-message-row.mine > .people-message-bubble,
#peoplePrivateMessages > .people-private-message-row.mine > .people-private-bubble{
  grid-column:1!important;
  grid-row:1!important;
  border-radius:14px 0 14px 14px!important;
}

/* Admin kartı mevcut owner temasını koruyarak hafif vurgulu. */
#peopleMessages > .zatoi-owner-message > .people-message-user-card{
  border-color:rgba(var(--zatoi-red-rgb),.36)!important;
  background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.92),rgba(var(--zatoi-surface-3-rgb),.92))!important;
}

/* Kimlik artık dış kartta; balonda sadece sabit/duyuru gibi mesaj durumu rozetleri kalır. */
#peopleMessages .people-message-meta-badges:empty{display:none!important;}

@media(max-width:720px){
  #peopleMessages > .people-message-row,
  #peoplePrivateMessages > .people-private-message-row{
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  #peopleMessages > .people-message-row.mine,
  #peoplePrivateMessages > .people-private-message-row.mine{
    grid-template-columns:minmax(0,1fr) 92px!important;
  }
  .people-message-user-card,
  .people-private-user-card{
    width:92px!important;
    min-width:92px!important;
    min-height:48px!important;
    padding:6px!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    column-gap:5px!important;
  }
  .people-message-user-card .people-message-sender-avatar,
  .people-private-user-card .people-message-sender-avatar{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    font-size:11px!important;
  }
  .people-message-user-card-copy strong{font-size:10px!important;}
  .people-message-user-card-copy small{font-size:8px!important;}
  .people-message-user-card-role{font-size:7px!important;}
}

/* V14.42.0 — A3 MESAJ DÜZENLEME */
.people-message-edit-action{width:25px!important;min-width:25px!important;height:25px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--zatoi-muted)!important;cursor:pointer!important;font-size:13px!important}
.people-message-edit-action:hover{background:rgba(250,204,21,.10)!important;color:#fde68a!important}
.people-message-edited{font-size:9px!important;opacity:.58!important;font-style:italic!important;white-space:nowrap!important}
.people-inline-edit{width:100%!important;margin:4px 0 8px!important}
.people-inline-edit textarea{display:block!important;width:100%!important;min-height:68px!important;max-height:180px!important;resize:vertical!important;box-sizing:border-box!important;padding:10px 11px!important;border:1px solid rgba(var(--zatoi-border-rgb),.38)!important;border-radius:10px!important;outline:none!important;background:rgba(var(--zatoi-red-rgb),.55)!important;color:var(--zatoi-text)!important;font:inherit!important;direction:ltr!important;unicode-bidi:plaintext!important;text-align:left!important}
.people-inline-edit textarea:focus{border-color:rgba(var(--zatoi-red-rgb),.82)!important;box-shadow:0 0 0 3px rgba(var(--zatoi-red-rgb),.12)!important}
.people-inline-edit-actions{display:flex!important;justify-content:flex-end!important;gap:6px!important;margin-top:6px!important}
.people-inline-edit-actions button{width:auto!important;height:29px!important;padding:0 10px!important;border:1px solid rgba(var(--zatoi-border-rgb),.22)!important;border-radius:8px!important;background:rgba(var(--zatoi-red-rgb),.62)!important;color:var(--zatoi-text)!important;cursor:pointer!important;font-size:11px!important}
.people-inline-edit-actions .save{border-color:rgba(var(--zatoi-border-rgb),.40)!important;background:rgba(var(--zatoi-red-rgb),.28)!important;color:var(--zatoi-text)!important}
@media(max-width:720px){.people-message-edit-action{width:28px!important;min-width:28px!important;height:28px!important}}

/* =========================================================
   V14.42.5 — MOBİL GENEL TEK KANONİK MESAJ SİSTEMİ
   Yalnızca <=720px + Genel sekmesi.
   PC ve Özel Oda etkilenmez.
   ========================================================= */
@media (max-width:720px){

  /* Mesaj listesi viewport'u doldurur; çocuklar doğal blok akışındadır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  .people-conversation > #peopleMessages.people-messages{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 22px 16px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  /* Her mesaj bağımsız ve doğal yükseklikte bir satırdır.
     all:unset eski display/grid/flex/height kalıntılarını burada keser. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row{
    all:unset!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    align-content:start!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 12px 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Mobil Genel'de mine/theirs yön değiştirmez:
     kullanıcı kartı daima solda, mesaj daima sağda. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.mine,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.theirs{
    grid-template-columns:92px minmax(0,1fr)!important;
  }

  /* Kullanıcı kartı */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row > .people-message-user-card{
    all:unset!important;
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:5px!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:auto!important;
    min-height:48px!important;
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
    border-radius:13px 0 0 13px!important;
    background:rgba(var(--zatoi-bg-rgb),.94)!important;
    color:var(--zatoi-text)!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:0 5px 16px rgba(0,0,0,.14)!important;
    z-index:2!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .zatoi-owner-message > .people-message-user-card{
    border-color:rgba(var(--zatoi-red-rgb),.36)!important;
    background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.92),rgba(var(--zatoi-surface-3-rgb),.92))!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row > .people-message-user-card::after{
    content:""!important;
    position:absolute!important;
    right:-9px!important;
    left:auto!important;
    top:19px!important;
    width:17px!important;
    height:17px!important;
    background:inherit!important;
    border-top:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
    border-right:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
    border-left:0!important;
    border-bottom:0!important;
    transform:rotate(45deg)!important;
    z-index:-1!important;
  }

  /* Avatar + kart metinleri */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-user-card .people-message-sender-avatar{
    grid-column:1!important;
    grid-row:1 / 3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    border-radius:50%!important;
    font-size:11px!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-user-card-copy{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-user-card-copy strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-user-card-copy small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.2!important;
    opacity:.72!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-user-card-role{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:2px!important;
    font-size:7px!important;
    font-weight:700!important;
    opacity:.78!important;
  }

  /* Mesaj balonu: eski tüm flex/grid boyutlandırmasını sıfırla. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row > .people-message-bubble{
    all:unset!important;
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:48px!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.24)!important;
    border-radius:0 14px 14px 14px!important;
    background:linear-gradient(145deg,rgba(var(--zatoi-surface-3-rgb),.96),rgba(var(--zatoi-surface-3-rgb),.96) 48%,rgba(var(--zatoi-surface-3-rgb),.96))!important;
    color:var(--zatoi-text)!important;
    font-size:14px!important;
    line-height:1.45!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.13),0 0 13px rgba(var(--zatoi-shadow-rgb),.10)!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .zatoi-owner-message > .people-message-bubble{
    background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
    border-color:rgba(var(--zatoi-red-rgb),.52)!important;
    box-shadow:0 0 0 1px rgba(var(--zatoi-red-rgb),.07),0 7px 24px rgba(var(--zatoi-red-rgb),.16),0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
  }

  /* İç öğelerde eski order/flex/stretch kalıntılarını sıfırla. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-meta-badges{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 6px 0!important;
    padding:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-meta-badges:empty{
    display:none!important;
    margin:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-text{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:9px 11px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    background:rgba(var(--zatoi-red-rgb),.30)!important;
    color:inherit!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:1.42!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:7px 0 0 0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-foot time{
    display:inline!important;
    margin:0!important;
    font-size:9px!important;
    opacity:.68!important;
  }

  /* Yanıt kutusu varsa balonun doğal yüksekliğine katılır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-replied-message{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 7px 0!important;
    box-sizing:border-box!important;
  }
}

/* =========================================================
   V14.43.0 — DUYURU + SABİT AÇILIR/KAPANIR PERDE
   Index ile birlikte çalışır. Worker değişmez.
   ========================================================= */
#peoplePinnedBar.people-pinned-bar{
  overflow:hidden!important;
}

#peoplePinnedBar .people-top-curtain-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.22)!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.96),rgba(var(--zatoi-red-rgb),.18))!important;
  cursor:pointer!important;
  user-select:none!important;
}

#peoplePinnedBar .people-top-curtain-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:var(--text,var(--zatoi-text))!important;
}

#peoplePinnedBar .people-top-curtain-title strong{
  font-size:12px!important;
  white-space:nowrap!important;
}

#peoplePinnedBar .people-top-curtain-title small{
  min-width:0!important;
  color:var(--muted,var(--zatoi-muted))!important;
  font-size:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#peoplePinnedBar .people-top-curtain-icon{
  flex:0 0 auto!important;
}

#peoplePinnedBar .people-top-curtain-chevron{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--zatoi-text)!important;
  font-size:17px!important;
  line-height:1!important;
  transform:rotate(0deg)!important;
  transition:transform .22s ease!important;
}

#peoplePinnedBar .people-top-curtain-content{
  display:grid!important;
  grid-template-rows:1fr!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-height:360px!important;
  opacity:1!important;
  overflow:hidden!important;
  transition:max-height .24s ease,opacity .18s ease,margin .24s ease!important;
  margin-top:0!important;
}

/* Kapalı: sadece ince başlık şeridi kalır. */
#peoplePinnedBar.is-collapsed .people-top-curtain-content{
  max-height:0!important;
  opacity:0!important;
  margin:0!important;
  pointer-events:none!important;
}

#peoplePinnedBar.is-collapsed .people-top-curtain-chevron{
  transform:rotate(180deg)!important;
}

/* Eski doğrudan çocuk kart düzenini yeni content sarmalayıcısında da koru. */
#peoplePinnedBar .people-top-curtain-content > .people-top-message-card{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}

#peoplePinnedBar .people-top-curtain-content > .people-top-message-card.is-announcement{
  background:rgba(245,158,11,.08)!important;
  border:1px solid rgba(245,158,11,.22)!important;
}

#peoplePinnedBar .people-top-curtain-content > .people-top-message-card.is-pinned{
  background:rgba(var(--zatoi-red-rgb),.08)!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
  cursor:pointer!important;
}

@media (max-width:720px){
  #peoplePinnedBar.people-pinned-bar{
    gap:5px!important;
    padding:5px 8px!important;
  }

  #peoplePinnedBar .people-top-curtain-toggle{
    min-height:36px!important;
    padding:6px 9px!important;
  }

  #peoplePinnedBar .people-top-curtain-title strong{
    font-size:11px!important;
  }

  #peoplePinnedBar .people-top-curtain-title small{
    font-size:8px!important;
  }

  #peoplePinnedBar .people-top-curtain-content > .people-top-message-card{
    padding:7px 8px!important;
  }
}

/* =========================================================
   V14.43.1 — KAPALI PERDE GÖRÜNÜRLÜK GARANTİSİ
   Kapalı durumda eski pinned-bar CSS'lerinden bağımsız,
   sabit 42px erişilebilir başlık şeridi.
   ========================================================= */
#peoplePinnedBar.people-pinned-bar.is-collapsed{
  display:flex!important;
  position:relative!important;
  flex-direction:column!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.34)!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.985),rgba(var(--zatoi-surface-rgb),.985))!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

/* Kapalı görünüm DOM içeriğine bağlı değil. */
#peoplePinnedBar.people-pinned-bar.is-collapsed::before{
  content:"📌  Duyurular & Sabitler";
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  padding:0 44px 0 14px!important;
  box-sizing:border-box!important;
  color:var(--zatoi-text)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  z-index:5!important;
}

#peoplePinnedBar.people-pinned-bar.is-collapsed::after{
  content:"⌄";
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--zatoi-text)!important;
  font-size:16px!important;
  line-height:1!important;
  z-index:6!important;
}

/* Kapalıyken gerçek başlık ve kartlar tamamen gizlenir;
   pseudo başlık tek görünür kaynak olur. */
#peoplePinnedBar.people-pinned-bar.is-collapsed > .people-top-curtain-toggle,
#peoplePinnedBar.people-pinned-bar.is-collapsed > .people-top-curtain-content{
  display:none!important;
}

/* Açık durumda pseudo katman yok. */
#peoplePinnedBar.people-pinned-bar:not(.is-collapsed)::before,
#peoplePinnedBar.people-pinned-bar:not(.is-collapsed)::after{
  content:none!important;
}

@media (max-width:720px){
  #peoplePinnedBar.people-pinned-bar.is-collapsed{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}

/* =========================================================
   V14.43.2 — PERDEYİ CHILD HEADER'DAN BAĞIMSIZLAŞTIR
   Başlık her durumda parent #peoplePinnedBar tarafından çizilir.
   ========================================================= */
#peoplePinnedBar.people-pinned-bar{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:40px!important;
  max-height:none!important;
  padding:46px 8px 6px!important;
  margin:0!important;
  gap:5px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.34)!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.985),rgba(var(--zatoi-surface-rgb),.985))!important;
}

/* Eski gerçek toggle artık kullanılmıyor. */
#peoplePinnedBar.people-pinned-bar > .people-top-curtain-toggle{
  display:none!important;
}

/* Başlık parent üzerinde DAİMA görünür. */
#peoplePinnedBar.people-pinned-bar::before{
  content:"📌  Duyurular & Sabitler";
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 46px 0 14px!important;
  box-sizing:border-box!important;
  color:var(--zatoi-text)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.99),rgba(var(--zatoi-surface-rgb),.99))!important;
  z-index:10!important;
  pointer-events:none!important;
}

#peoplePinnedBar.people-pinned-bar::after{
  content:"⌃";
  position:absolute!important;
  right:12px!important;
  top:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--zatoi-text)!important;
  font-size:16px!important;
  line-height:1!important;
  z-index:11!important;
  pointer-events:none!important;
}

/* Açık içerik */
#peoplePinnedBar.people-pinned-bar > .people-top-curtain-content{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  gap:6px!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:auto!important;
}

/* Kapalı: yalnız 40px parent başlığı. */
#peoplePinnedBar.people-pinned-bar.is-collapsed{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:40px 0 0!important;
  gap:0!important;
}

#peoplePinnedBar.people-pinned-bar.is-collapsed > .people-top-curtain-content{
  display:none!important;
}

/* Önceki V14.43.1 pseudo kapatma kuralını kesin olarak geçersiz kıl. */
#peoplePinnedBar.people-pinned-bar:not(.is-collapsed)::before{
  content:"📌  Duyurular & Sabitler"!important;
}
#peoplePinnedBar.people-pinned-bar:not(.is-collapsed)::after{
  content:"⌃"!important;
}

@media (max-width:720px){
  #peoplePinnedBar.people-pinned-bar{
    min-height:40px!important;
    padding:45px 8px 5px!important;
  }
  #peoplePinnedBar.people-pinned-bar.is-collapsed{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:40px 0 0!important;
  }
}

/* =========================================================
   V14.43.3 — PERDE: DOĞRUDAN KART MİMARİSİ
   Wrapper kaldırıldı; çalışan V14.42.5 kart yapısı korunur.
   ========================================================= */
#peoplePinnedBar.people-pinned-bar{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:40px!important;
  max-height:none!important;
  margin:0!important;
  padding:46px 8px 6px!important;
  gap:6px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  border-bottom:1px solid rgba(var(--zatoi-border-rgb),.34)!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.985),rgba(var(--zatoi-surface-rgb),.985))!important;
}
#peoplePinnedBar.people-pinned-bar::before{
  content:"📌  Duyurular & Sabitler"!important;
  position:absolute!important; left:0!important; right:0!important; top:0!important;
  height:40px!important; display:flex!important; align-items:center!important;
  padding:0 46px 0 14px!important; box-sizing:border-box!important;
  color:var(--zatoi-text)!important; font-size:11px!important; font-weight:800!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-surface-rgb),.99),rgba(var(--zatoi-surface-rgb),.99))!important;
  z-index:10!important; pointer-events:none!important;
}
#peoplePinnedBar.people-pinned-bar::after{
  content:"⌃"!important;
  position:absolute!important; right:12px!important; top:8px!important;
  width:24px!important; height:24px!important; display:flex!important;
  align-items:center!important; justify-content:center!important;
  border-radius:8px!important; background:rgba(255,255,255,.05)!important;
  color:var(--zatoi-text)!important; font-size:16px!important; line-height:1!important;
  z-index:11!important; pointer-events:none!important;
}
#peoplePinnedBar.people-pinned-bar > .people-top-message-card{
  position:relative!important; display:flex!important; flex:0 0 auto!important;
  width:100%!important; min-width:0!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  margin:0!important; padding:8px 10px!important;
  align-items:center!important; gap:9px!important; box-sizing:border-box!important;
  opacity:1!important; visibility:visible!important; overflow:hidden!important;
}
#peoplePinnedBar.people-pinned-bar.is-collapsed{
  height:40px!important; min-height:40px!important; max-height:40px!important;
  padding:40px 0 0!important; gap:0!important; overflow:hidden!important;
}
#peoplePinnedBar.people-pinned-bar.is-collapsed::after{content:"⌄"!important;}
#peoplePinnedBar.people-pinned-bar.is-collapsed > .people-top-message-card{display:none!important;}
#peoplePinnedBar > .people-top-curtain-toggle,
#peoplePinnedBar > .people-top-curtain-content{display:none!important;}

@media (max-width:720px){
  #peoplePinnedBar.people-pinned-bar{padding:45px 8px 5px!important;gap:5px!important;}
  #peoplePinnedBar.people-pinned-bar > .people-top-message-card{padding:7px 8px!important;}
  #peoplePinnedBar.people-pinned-bar.is-collapsed{
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:40px 0 0!important;
  }
}

/* =========================================================
   V14.43.4 — MOBİL GENEL PERDE GRID ROW FIX
   Kök neden:
   Mobil .people-conversation hâlâ 3 satırdı:
   başlık / mesajlar / composer.
   #peoplePinnedBar ayrı bir grid satırı almadığı için açılan kartlar
   mesaj listesinin ÜZERİNE taşıyordu.

   Yeni mobil sıra:
   1) Genel başlık
   2) Duyuru & Sabit perde (auto = açık yüksekliği kadar)
   3) Mesaj listesi (kalan alan)
   4) Composer
   ========================================================= */
@media (max-width:720px){

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    align-content:stretch!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > .people-conversation-head{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > #peoplePinnedBar{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    z-index:20!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > #peoplePinnedBar.is-collapsed{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > #peopleMessages{
    grid-column:1!important;
    grid-row:3!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > #peopleComposer{
    grid-column:1!important;
    grid-row:4!important;
    position:relative!important;
    min-width:0!important;
    z-index:30!important;
  }
}

/* =========================================================
   V14.44.0 — ARDIŞIK AYNI KULLANICI MESAJLARINI GRUPLAMA
   Veritabanı mesajları ayrı kalır; yalnız render gruplanır.
   ========================================================= */

/* GENERAL */
.people-message-group > .people-message-group-stack{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}

.people-message-group > .people-message-group-stack > .people-message-bubble{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}

/* İlk mesaj karta bağlanır; devam mesajları hafif yuvarlanır. */
.people-message-group > .people-message-group-stack > .people-message-bubble:first-child{
  border-radius:0 14px 14px 14px!important;
}
.people-message-group > .people-message-group-stack > .people-message-bubble:not(:first-child){
  border-radius:14px!important;
}

/* PRIVATE */
.people-private-message-group > .people-private-message-group-stack{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}

.people-private-message-group > .people-private-message-group-stack > .people-private-bubble{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}

.people-private-message-group > .people-private-message-group-stack > .people-private-bubble:first-child{
  border-radius:0 14px 14px 14px!important;
}
.people-private-message-group > .people-private-message-group-stack > .people-private-bubble:not(:first-child){
  border-radius:14px!important;
}

/* Desktop'ta kendi mesajlarının sağ-sol ters düzenini koru. */
@media (min-width:721px){
  .people-message-group.mine > .people-message-group-stack,
  .people-private-message-group.mine > .people-private-message-group-stack{
    grid-column:1!important;
  }
}

/* Mobil Genel V14.42.5 kanonik yapıyla uyum:
   kart solda, grup stack sağda. */
@media (max-width:720px){
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group > .people-message-group-stack{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble{
    all:unset!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:48px!important;
    margin:0!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.24)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(var(--zatoi-surface-3-rgb),.96),rgba(var(--zatoi-surface-3-rgb),.96) 48%,rgba(var(--zatoi-surface-3-rgb),.96))!important;
    color:var(--zatoi-text)!important;
    font-size:14px!important;
    line-height:1.45!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.13),0 0 13px rgba(var(--zatoi-shadow-rgb),.10)!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .zatoi-owner-message
  > .people-message-group-stack > .people-message-bubble{
    background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
    border-color:rgba(var(--zatoi-red-rgb),.52)!important;
    box-shadow:0 0 0 1px rgba(var(--zatoi-red-rgb),.07),0 7px 24px rgba(var(--zatoi-red-rgb),.16),0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble:first-child{
    border-radius:0 14px 14px 14px!important;
  }
}

/* Gruplanmış her alt mesajın highlight/edit hedefi bağımsız kalır. */
.people-message-group-item.people-message-highlight,
.people-private-message-group-item.people-message-highlight{
  position:relative!important;
  z-index:3!important;
}

/* =========================================================
   V14.44.1 — TEK DIŞ BALON / BAĞIMSIZ MESAJ SATIRLARI
   V14.44.0 gruplama mantığı korunur.
   Aynı kullanıcının ardışık mesajlarında dış görünüm tek balondur;
   reply/reaction/edit/pin/delete hedefleri mesaj bazında kalır.
   ========================================================= */

/* GENERAL: stack artık tek büyük balonun kendisi */
.people-message-group > .people-message-group-stack{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.24)!important;
  border-radius:0 14px 14px 14px!important;
  background:linear-gradient(145deg,rgba(var(--zatoi-surface-3-rgb),.96),rgba(var(--zatoi-surface-3-rgb),.96) 48%,rgba(var(--zatoi-surface-3-rgb),.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.13),0 0 13px rgba(var(--zatoi-shadow-rgb),.10)!important;
  box-sizing:border-box!important;
}

/* Admin grubunda tek dış marka balonu */
.people-message-group.zatoi-owner-message > .people-message-group-stack{
  background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
  border-color:rgba(var(--zatoi-red-rgb),.52)!important;
  box-shadow:0 0 0 1px rgba(var(--zatoi-red-rgb),.07),0 7px 24px rgba(var(--zatoi-red-rgb),.16),0 0 22px rgba(var(--zatoi-red-rgb),.10)!important;
}

/* Her DB mesajı aynı dış balon içindeki bağımsız satırdır */
.people-message-group > .people-message-group-stack > .people-message-bubble{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Ardışık mesajlar arasında hafif ayraç */
.people-message-group > .people-message-group-stack > .people-message-bubble + .people-message-bubble{
  border-top:1px solid rgba(var(--zatoi-border-rgb),.105)!important;
}

/* İç mesaj metninin mevcut okunabilir paneli korunur */
.people-message-group > .people-message-group-stack > .people-message-bubble:first-child,
.people-message-group > .people-message-group-stack > .people-message-bubble:not(:first-child){
  border-radius:0!important;
}

/* PRIVATE: aynı mantık */
.people-private-message-group > .people-private-message-group-stack{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--zatoi-border-rgb),.34)!important;
  border-radius:0 14px 14px 14px!important;
  background:linear-gradient(145deg,rgba(var(--zatoi-surface-2-rgb),.94),rgba(var(--zatoi-surface-2-rgb),.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.13)!important;
  box-sizing:border-box!important;
}

.people-private-message-group > .people-private-message-group-stack > .people-private-bubble{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.people-private-message-group > .people-private-message-group-stack > .people-private-bubble + .people-private-bubble{
  border-top:1px solid rgba(var(--zatoi-border-rgb),.105)!important;
}

/* Mobilde V14.44.0'ın alt mesajlara tekrar ayrı büyük balon çizmesini iptal et.
   Kullanıcı kartı solda, tek grup balonu sağda kalır. */
@media (max-width:720px){
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group > .people-message-group-stack{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.24)!important;
    border-radius:0 14px 14px 14px!important;
    background:linear-gradient(145deg,rgba(var(--zatoi-surface-3-rgb),.96),rgba(var(--zatoi-surface-3-rgb),.96) 48%,rgba(var(--zatoi-surface-3-rgb),.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.13),0 0 13px rgba(var(--zatoi-shadow-rgb),.10)!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .zatoi-owner-message > .people-message-group-stack{
    background:linear-gradient(135deg,rgba(var(--zatoi-surface-3-rgb),.88),rgba(var(--zatoi-surface-3-rgb),.88))!important;
    border-color:rgba(var(--zatoi-red-rgb),.52)!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble:first-child,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble:not(:first-child){
    all:unset!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 11px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--zatoi-text)!important;
    font-size:14px!important;
    line-height:1.45!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble + .people-message-bubble{
    border-top:1px solid rgba(var(--zatoi-border-rgb),.105)!important;
  }
}

/* =========================================================
   V14.45.0 — MOBİL MODERN MESAJ ALANI / AŞAMA 1
   Hedef:
   - Benim mesajlarım sağda, kompakt marka renkli grup
   - Diğer kullanıcılar solda avatar + isim + kompakt grup
   - V14.44.1 ardışık mesaj gruplama korunur
   - Reply / reaction / edit / pin / admin delete DOM'u korunur
   - Desktop ve private düzenine dokunulmaz
   ========================================================= */
@media (max-width:720px){

  /* Mesaj listesini daha ferah ama kompakt yap. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages{
    padding:12px 12px 18px!important;
  }

  /* Eski 142px kullanıcı kartı + dev balon gridini kaldır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.people-message-group,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.people-message-group.mine{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:4px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* DİĞER KULLANICI: avatar solda. Kart görünümü tamamen kaldırılır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card::before,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card::after{
    content:none!important;
    display:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card
  .people-message-sender-avatar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:50%!important;
    margin:0!important;
    font-size:16px!important;
    border:1px solid rgba(var(--zatoi-red-rgb),.42)!important;
    background:linear-gradient(145deg,var(--zatoi-brand-red),var(--zatoi-brand-red-deep))!important;
    box-shadow:0 4px 14px rgba(var(--zatoi-red-rgb),.22)!important;
  }

  /* İsim, mesaj grubunun üstünde küçük ve sade. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card
  .people-message-user-card-copy{
    position:absolute!important;
    left:51px!important;
    top:-1px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:max-content!important;
    max-width:220px!important;
    pointer-events:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card
  .people-message-user-card-copy strong{
    color:var(--zatoi-text)!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card
  .people-message-user-card-copy small{
    display:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-user-card
  .people-message-user-card-role{
    display:none!important;
  }

  /* DİĞER KULLANICI mesaj grubu: solda, ismin altında. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs > .people-message-group-stack{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    width:auto!important;
    min-width:118px!important;
    max-width:min(78%,520px)!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* BENİM mesajlarım: avatar/kullanıcı kartı görünmez. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine > .people-message-user-card{
    display:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine > .people-message-group-stack{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    width:auto!important;
    min-width:92px!important;
    max-width:78%!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Her gerçek DB mesajı artık kompakt bir balon.
     Aynı kullanıcı grubunda kullanıcı bilgisi tekrar edilmez. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble:first-child,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble:not(:first-child){
    all:unset!important;
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:92px!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 10px 6px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.18)!important;
    border-radius:13px!important;
    background:rgba(var(--zatoi-surface-rgb),.96)!important;
    color:var(--zatoi-text)!important;
    font-size:14px!important;
    line-height:1.38!important;
    box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
    overflow:visible!important;
  }

  /* Benim balonlarım sağdaki hedef tasarımdaki mavi ton. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine
  > .people-message-group-stack > .people-message-bubble{
    margin-left:auto!important;
    border-color:rgba(var(--zatoi-red-rgb),.38)!important;
    background:linear-gradient(145deg,var(--zatoi-brand-red),var(--zatoi-brand-red))!important;
    box-shadow:0 5px 14px rgba(var(--zatoi-red-rgb),.20)!important;
  }

  /* Admin karşı tarafsa mor dev kart yerine sade koyu balon + hafif vurgu. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.theirs.zatoi-owner-message
  > .people-message-group-stack > .people-message-bubble{
    border-color:rgba(var(--zatoi-red-rgb),.25)!important;
    background:linear-gradient(145deg,rgba(var(--zatoi-surface-2-rgb),.98),rgba(var(--zatoi-surface-2-rgb),.98))!important;
  }

  /* V14.44.1 ayraçlarını kaldır; küçük balonlar arası 3px gap yeterli. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group
  > .people-message-group-stack > .people-message-bubble + .people-message-bubble{
    border-top:1px solid rgba(var(--zatoi-border-rgb),.18)!important;
  }

  /* Mesaj metni kompakt. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-text{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.38!important;
    overflow-wrap:anywhere!important;
  }

  /* Alt bilgi daha küçük; işlevler şimdilik görünür tutulur.
     Sonraki aşamada dokununca açılır menüye çevrilecek. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    min-height:18px!important;
    margin-top:4px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-foot time,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-edited{
    font-size:9px!important;
    line-height:14px!important;
    opacity:.72!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-reaction-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-reply-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-edit-action{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    padding:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    font-size:13px!important;
    opacity:.72!important;
  }

  /* Reply preview balonun içinde kalır ve taşmaz. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-replied-message{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 6px!important;
    box-sizing:border-box!important;
  }

  /* Sabit etiketi kompakt. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-meta-badges{
    margin:0 0 4px!important;
  }

  /* Uzun mesajlar da ekran dışına çıkamaz. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-group-stack,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-text{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

/* =========================================================
   V14.45.1 — MOBİL DOKUNUNCA AKSİYONLAR / AŞAMA 2
   Sadece mobil Genel Sohbet.
   Mesaj metni ve saat görünür kalır.
   Tepki / yanıt / düzenle / admin araçları dokununca açılır.
   ========================================================= */
@media (max-width:720px){

  /* Saat her zaman görünür; gerçek aksiyon düğmeleri varsayılan kapalı. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble
  .people-message-reaction-action,

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble
  .people-message-reply-action,

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble
  .people-message-edit-action,

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble
  .people-message-admin-actions{
    display:none!important;
  }

  /* Seçili mesaj: mevcut butonlar yeniden görünür.
     İşlevlerine veya data-* hedeflerine dokunulmuyor. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble.people-mobile-actions-open
  .people-message-reaction-action,

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble.people-mobile-actions-open
  .people-message-reply-action,

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble.people-mobile-actions-open
  .people-message-edit-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble.people-mobile-actions-open
  .people-message-admin-actions{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
  }

  /* Açık aksiyon satırı hedef tasarımdaki gibi hafifçe belirginleşsin. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble.people-mobile-actions-open
  .people-message-foot{
    margin-top:5px!important;
  }

  /* Aksiyon yokken alt satır sadece saat + mevcut reaksiyon özetini taşır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble:not(.people-mobile-actions-open)
  .people-message-foot{
    gap:4px!important;
    min-height:14px!important;
    margin-top:3px!important;
  }

  /* Dokunulabilir olduğunu belli et ama tarayıcı seçimini bozma. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages .people-message-bubble{
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
}

/* ===== ZATOI AI - REDUCED MOTION SUPPORT (DÜZELTME) ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===== ZATOI AI - SAFARI TOUCH HIGHLIGHT ===== */
html {
  -webkit-tap-highlight-color: rgba(var(--zatoi-red-rgb),0.18);
}

/* =========================================================
   V14.47.0 — REFERANS TASARIM / AŞAMA 1: MOBİL ÜST BAR
   KORUMA KURALI:
   - Yalnızca <=720px insan sohbeti üst alanını etkiler.
   - #peoplePinnedBar / mesaj balonları / composer kurallarına dokunmaz.
   - Genel görünümde eski konuşma başlığını görsel olarak kaldırır;
     grid satırı korunur ve sabit/duyuru satırı yerinde kalır.
   - Özel sohbette kişi başlığı aynen korunur.
   ========================================================= */
@media (max-width:720px){
  /* Eski büyük AI/Sohbet kartını hedef tasarımdaki kompakt başlığa çevir. */
  .app.people-chat-mode > .people-chat-panel > .people-mode-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:54px!important;
    height:54px!important;
    padding:7px 14px!important;
    border-bottom:1px solid rgba(var(--zatoi-border-rgb),.20)!important;
    background:rgba(var(--zatoi-bg-rgb),.96)!important;
    overflow:hidden!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top .people-mode-brand{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    min-width:0!important;
    gap:8px!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top .people-mode-brand strong{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.35px!important;
    color:var(--zatoi-text)!important;
    white-space:nowrap!important;
  }

  /* Genel sohbette hedef görseldeki Zatoi • Genel Sohbet bilgisi. */
  .app.people-chat-mode
  > .people-chat-panel[data-mobile-view="general"]
  > .people-mode-top .people-mode-brand::after{
    content:"●  Genel Sohbet"!important;
    display:block!important;
    color:var(--zatoi-text)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top .people-mode-brand span{
    display:none!important;
  }

  /* Mod değiştirme işlevi korunur; sadece iki kompakt ikon olur. */
  .app.people-chat-mode > .people-chat-panel > .people-mode-top .people-mode-switch{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top .people-mode-switch .zatoi-mode-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:13px!important;
    font-size:0!important;
    line-height:1!important;
    overflow:hidden!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mode-top #peopleAiModeButton::before{
    content:"🤖"!important;
    font-size:19px!important;
  }
  .app.people-chat-mode > .people-chat-panel > .people-mode-top #peopleChatModeButton::before{
    content:"💬"!important;
    font-size:19px!important;
  }

  /* Sekmeler daha ince; işlev/ID değişmez. */
  .app.people-chat-mode > .people-chat-panel > .people-mobile-nav{
    min-height:48px!important;
    height:48px!important;
    padding:5px 12px!important;
    gap:6px!important;
    background:rgba(var(--zatoi-bg-rgb),.96)!important;
  }

  .app.people-chat-mode > .people-chat-panel > .people-mobile-nav > button{
    min-height:36px!important;
    height:36px!important;
    padding:5px 8px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  /* Genel görünümde ikinci "Genel Sohbet" başlığını kaldır.
     Grid row 1 auto olarak 0 yüksekliğe iner; #peoplePinnedBar row 2'de kalır. */
  .app.people-chat-mode
  > .people-chat-panel[data-mobile-view="general"]
  > .people-conversation > .people-conversation-head{
    display:none!important;
  }

  /* Özel odada kişi başlığı gereklidir; kesin olarak görünür bırak. */
  .app.people-chat-mode
  > .people-chat-panel[data-mobile-view="private"]
  > .people-conversation > .people-conversation-head{
    display:flex!important;
  }
}


/* =========================================================
   V14.47.1 — MOBİL SOHBET REGRESYON KİLİDİ
   Amaç:
   1) Genel'de kendi mesajlarını kesin olarak sağ sütunda tutmak.
   2) Özel'de reply/edit/reaction aksiyonlarını yalnız dokununca göstermek.
   3) Duyurular & Sabitler, üst bar, composer ve desktop'a dokunmamak.
   Bu blok yalnız <=720px ve yalnız mesaj akışlarını hedefler.
   ========================================================= */
@media (max-width:720px){
  /* GENEL — mine satırı ekran genişliğini aşamaz ve sağa hizalanır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.people-message-group.mine{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.people-message-group.mine
  > .people-message-group-stack{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    grid-column:1!important;
    justify-self:end!important;
    width:max-content!important;
    min-width:92px!important;
    max-width:78%!important;
    margin-left:auto!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-row.people-message-group.mine
  > .people-message-group-stack > .people-message-bubble{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* ÖZEL — aksiyonlar varsayılan kapalı. Saat ve reaksiyon özeti kalır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble
  .people-message-reaction-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble
  .people-message-reply-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble
  .people-message-edit-action{
    display:none!important;
  }

  /* Yalnız dokunulan özel mesajın aksiyonları görünür. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble.people-mobile-actions-open
  .people-message-reaction-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble.people-mobile-actions-open
  .people-message-reply-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble.people-mobile-actions-open
  .people-message-edit-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-bubble{
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }
}

/* V14.47.2 — PRIVATE MASTER CHAT RESTORE
   Genel sohbet kilitli; yalnız mobil Özel, son doğrulanmış modern Private bileşeniyle restore edildi. */
/* =========================================================
   V14.45.3 — MOBİL ÖZEL SOHBET = GENEL SOHBET DÜZENİ
   Yalnız mobil Private görünümü etkiler.
   - Benim mesajlarım sağda, kullanıcı kartı yok
   - Karşı taraf solda, avatar + isim yalnız grup başında
   - Ardışık mesaj gruplaması korunur
   - Aksiyonlar V14.45.2'deki gibi dokununca açılır
   - Desktop ve Genel Sohbet etkilenmez
   ========================================================= */
@media (max-width:720px){

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages{
    padding:12px 12px 18px!important;
    overflow-x:hidden!important;
  }

  /* Eski özel-sohbet 118/92px kart gridini mobilde iptal et. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-row.people-private-message-group{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:4px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 14px!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* KARŞI TARAF: sade avatar. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card::before,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card::after{
    content:none!important;
    display:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card .people-message-sender-avatar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    border:1px solid rgba(var(--zatoi-red-rgb),.42)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,var(--zatoi-brand-red),var(--zatoi-brand-red-deep))!important;
    box-shadow:0 4px 14px rgba(var(--zatoi-red-rgb),.22)!important;
    font-size:16px!important;
  }

  /* İsim avatarın sağında, Genel'deki gibi yalnız grup başında. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card .people-message-user-card-copy{
    position:absolute!important;
    left:51px!important;
    top:-1px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:max-content!important;
    max-width:220px!important;
    pointer-events:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card .people-message-user-card-copy strong{
    color:var(--zatoi-text)!important;
    font-size:12px!important;
    line-height:18px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-user-card .people-message-user-card-copy small{
    display:none!important;
  }

  /* KARŞI TARAFIN mesaj grubu solda ve ismin altında. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.theirs
  > .people-private-message-group-stack{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:fit-content!important;
    min-width:118px!important;
    max-width:78%!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  /* BENİM özel mesajlarımda avatar/kart gösterme. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine
  > .people-private-user-card{
    display:none!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-row.people-private-message-group.mine{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 14px!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine
  > .people-private-message-group-stack{
    position:relative!important;
    display:flex!important;
    flex:0 1 auto!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    width:fit-content!important;
    min-width:92px!important;
    max-width:78%!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }

  /* Her gerçek özel mesaj Genel'deki gibi bağımsız kompakt balon. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group
  > .people-private-message-group-stack > .people-private-bubble,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group
  > .people-private-message-group-stack > .people-private-bubble:first-child,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group
  > .people-private-message-group-stack > .people-private-bubble:not(:first-child){
    all:unset!important;
    position:relative!important;
    display:block!important;
    width:fit-content!important;
    min-width:92px!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 10px 6px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(var(--zatoi-border-rgb),.25)!important;
    border-radius:13px!important;
    background:rgba(var(--zatoi-surface-rgb),.97)!important;
    color:var(--zatoi-text)!important;
    font-size:14px!important;
    line-height:1.38!important;
    box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  /* Kendi özel mesajım: sağda kırmızı vurgu. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine
  > .people-private-message-group-stack > .people-private-bubble{
    margin-left:auto!important;
    border-color:rgba(var(--zatoi-red-rgb),.42)!important;
    background:linear-gradient(145deg,var(--zatoi-brand-red-deep),var(--zatoi-brand-red-deep))!important;
    box-shadow:0 5px 14px rgba(var(--zatoi-red-rgb),.20)!important;
  }

  /* Ardışık mesajlar ayrı kart spamı gibi görünmesin; aralık küçük. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group
  > .people-private-message-group-stack > .people-private-bubble
  + .people-private-bubble{
    border-top:1px solid rgba(var(--zatoi-border-rgb),.25)!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-message-text{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.38!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-message-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    min-height:18px!important;
    margin-top:4px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-message-foot time,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-message-edited{
    font-size:9px!important;
    line-height:14px!important;
    opacity:.72!important;
  }

  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-message-reaction-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-message-reply-action,
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-message-edit-action{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    padding:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    font-size:13px!important;
    opacity:.72!important;
  }

  /* Reply önizlemesi balonun içinde ve taşmadan kalır. */
  .app.people-chat-mode
  .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages .people-private-replied-message{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 6px!important;
    box-sizing:border-box!important;
  }
}
/* =========================================================
   ZATOI BRAND THEME V2 — KIRMIZI / SIYAH / GUMUS
   Ikonun ana kirmizisi: #e91618. Tum renkler burada yonetilir.
   Boyutlar, mobil kirilimlar, mesaj gruplari ve gizleme kurallari
   yukaridaki mevcut stillerden gelir.
   ========================================================= */
:root,
body {
  --zatoi-brand-red:#e91618;
  --zatoi-brand-red-hover:#ce121b;
  --zatoi-brand-red-bright:#ff4d53;
  --zatoi-brand-red-deep:#a80e18;
  --zatoi-brand-white:#f5f5f7;
  --zatoi-brand-silver:#d4d4d8;
  --zatoi-brand-black:#09090b;
  --zatoi-red-rgb:233,22,24;
  --zatoi-red-deep-rgb:168,14,24;
  --zatoi-black:#09090b;
  --zatoi-black-rgb:9,9,11;
  --zatoi-bg:#101013;
  --zatoi-bg-rgb:16,16,19;
  --zatoi-surface:#19191e;
  --zatoi-surface-rgb:25,25,30;
  --zatoi-surface-2:#222228;
  --zatoi-surface-2-rgb:34,34,40;
  --zatoi-surface-3:#2b2b33;
  --zatoi-surface-3-rgb:43,43,51;
  --zatoi-text:#f5f5f7;
  --zatoi-muted:#b6b6c0;
  --zatoi-subtle:#9c9ca8;
  --zatoi-on-red:#ffffff;
  --zatoi-link:#ff969a;
  --zatoi-border:#36363f;
  --zatoi-border-strong:#62626e;
  --zatoi-border-rgb:200,200,210;
  --zatoi-line:rgba(200,200,210,.15);
  --zatoi-line-strong:rgba(200,200,210,.28);
  --zatoi-shadow-rgb:0,0,0;
  --zatoi-scrollbar:#575762;
  --zatoi-accent-soft:rgba(233,22,24,.10);
  --zatoi-action:linear-gradient(135deg,#e91618,#b40d16);
  --zatoi-message-mine:linear-gradient(135deg,#a6131e,#84101a);
  --zatoi-message-mine-border:rgba(255,122,129,.32);
  --zatoi-message-theirs:linear-gradient(145deg,var(--zatoi-surface-2),var(--zatoi-surface));

  /* Uyumluluk: eski CSS ve HTML ayni degiskenleri kullanabilir. */
  --zatoi-brand-bg:var(--zatoi-bg);
  --zatoi-brand-surface:var(--zatoi-surface);
  --zatoi-brand-surface-2:var(--zatoi-surface-2);
  --zatoi-brand-muted:var(--zatoi-muted);
  --zatoi-brand-border:var(--zatoi-border);
  --zatoi-brand-line:var(--zatoi-line);
  --zatoi-brand-glow:rgba(233,22,24,.18);
  --z-bg:var(--zatoi-black);
  --z-bg2:var(--zatoi-bg);
  --z-card:var(--zatoi-surface);
  --z-card2:var(--zatoi-surface-2);
  --z-line:var(--zatoi-line);
  --z-line2:var(--zatoi-line-strong);
  --z-text:var(--zatoi-text);
  --z-muted:var(--zatoi-muted);
  --z-blue:var(--zatoi-brand-red);
  --z-blue2:var(--zatoi-brand-red-hover);
  --z-violet:var(--zatoi-brand-red-deep);
  --z-danger:#ff8f99;
  --bg:var(--zatoi-bg);
  --panel:var(--zatoi-surface);
  --input:var(--zatoi-bg);
  --border:var(--zatoi-border);
  --text:var(--zatoi-text);
  --muted:var(--zatoi-muted);
  color-scheme:dark;
  accent-color:var(--zatoi-brand-red);
}

body.light-theme {
  --zatoi-black:#ededf0;
  --zatoi-black-rgb:237,237,240;
  --zatoi-bg:#f4f4f6;
  --zatoi-bg-rgb:244,244,246;
  --zatoi-surface:#ffffff;
  --zatoi-surface-rgb:255,255,255;
  --zatoi-surface-2:#f0f0f3;
  --zatoi-surface-2-rgb:240,240,243;
  --zatoi-surface-3:#e5e5ea;
  --zatoi-surface-3-rgb:229,229,234;
  --zatoi-text:#202025;
  --zatoi-muted:#575761;
  --zatoi-subtle:#656570;
  --zatoi-link:#ac0d18;
  --zatoi-border:#d1d1d8;
  --zatoi-border-strong:#8d8d99;
  --zatoi-border-rgb:75,75,88;
  --zatoi-line:rgba(75,75,88,.16);
  --zatoi-line-strong:rgba(75,75,88,.28);
  --zatoi-scrollbar:#9696a1;
  --zatoi-accent-soft:#fff0f1;
  color-scheme:light;
}

html, body, body.light-theme {
  background:var(--zatoi-bg)!important;
  color:var(--zatoi-text)!important;
}
.app, body.light-theme .app {
  background:var(--zatoi-bg)!important;
}
.chat-column, body.light-theme .chat-column,
body.light-theme .messages {
  background:linear-gradient(180deg,var(--zatoi-bg),var(--zatoi-black))!important;
}
.auth-screen, body.light-theme .auth-screen {
  background:radial-gradient(ellipse at 50% 0%,rgba(233,22,24,.12),transparent 50%),var(--zatoi-black)!important;
}
.auth-card, body.light-theme .auth-card {
  background:var(--zatoi-surface)!important;
  border-color:var(--zatoi-line-strong)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.24),0 0 32px rgba(233,22,24,.06)!important;
}
.auth-logo {
  background:var(--zatoi-black)!important;
  border-color:rgba(233,22,24,.35)!important;
  box-shadow:0 0 20px rgba(233,22,24,.12)!important;
}
.welcome h1 {
  background:linear-gradient(110deg,var(--zatoi-text) 15%,var(--zatoi-muted) 75%);
  -webkit-background-clip:text;
  background-clip:text;
}
.auth-switch, .privacy-link-btn,
body.light-theme .auth-switch, body.light-theme .privacy-link-btn {
  color:var(--zatoi-link)!important;
  -webkit-text-fill-color:var(--zatoi-link)!important;
}
.auth-submit, .send-btn, .new-chat-btn,
.people-composer button, .people-private-composer button,
.zatoi-mode-btn.active, .people-mobile-nav button.active,
body.light-theme .auth-submit, body.light-theme .send-btn,
body.light-theme .new-chat-btn {
  background:var(--zatoi-action)!important;
  color:var(--zatoi-on-red)!important;
  -webkit-text-fill-color:var(--zatoi-on-red)!important;
  border-color:rgba(233,22,24,.65)!important;
  box-shadow:0 5px 15px rgba(233,22,24,.14)!important;
}
.auth-submit:hover:not(:disabled), .send-btn:hover:not(:disabled),
.new-chat-btn:hover:not(:disabled) {
  background:var(--zatoi-brand-red-hover)!important;
}
.input-box, body.light-theme .input-box {
  background:var(--zatoi-surface)!important;
  border-color:var(--zatoi-border-strong)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
.input-box:focus-within, body.light-theme .input-box:focus-within {
  border-color:var(--zatoi-brand-red)!important;
  box-shadow:0 0 0 3px rgba(233,22,24,.13)!important;
}
button:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, a:focus-visible {
  outline-color:var(--zatoi-brand-red-bright)!important;
}
.sync-spinner { border-top-color:var(--zatoi-brand-red)!important; }
.message.user, body.light-theme .message.user {
  background:var(--zatoi-message-mine)!important;
  border-color:var(--zatoi-message-mine-border)!important;
  color:var(--zatoi-on-red)!important;
  -webkit-text-fill-color:var(--zatoi-on-red)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.12)!important;
}
.message.assistant, body.light-theme .message.assistant {
  background:var(--zatoi-surface)!important;
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
  border-color:var(--zatoi-line)!important;
}
.message.user a, body.light-theme .message.user a {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:currentColor;
}
.history-open.active, body.light-theme .history-open.active {
  background:var(--zatoi-accent-soft)!important;
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
  border-color:var(--zatoi-brand-red)!important;
}
.settings-switch.active { background:var(--zatoi-brand-red)!important; }

/* Grup zemini masaustunde tek balon, mobilde mevcut ayri balonlardir. */
@media (min-width:721px) {
  .app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack,
  .app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack {
    background:var(--zatoi-message-theirs)!important;
    color:var(--zatoi-text)!important;
    border-color:var(--zatoi-line)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.10)!important;
  }
  .app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-group-stack,
  .app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack {
    background:var(--zatoi-message-mine)!important;
    color:var(--zatoi-on-red)!important;
    border-color:var(--zatoi-message-mine-border)!important;
  }
}
@media (max-width:720px) {
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble:first-child,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble:not(:first-child),
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble:first-child,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble:not(:first-child) {
    background:var(--zatoi-message-theirs)!important;
    color:var(--zatoi-text)!important;
    border-color:var(--zatoi-line)!important;
    box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
  }
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine > .people-message-group-stack > .people-message-bubble,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine > .people-message-group-stack > .people-message-bubble:first-child,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="general"]
  #peopleMessages > .people-message-group.mine > .people-message-group-stack > .people-message-bubble:not(:first-child),
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack > .people-private-bubble,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack > .people-private-bubble:first-child,
  .app.people-chat-mode .people-chat-panel[data-mobile-view="private"]
  #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack > .people-private-bubble:not(:first-child) {
    background:var(--zatoi-message-mine)!important;
    color:var(--zatoi-on-red)!important;
    border-color:var(--zatoi-message-mine-border)!important;
  }
}
.app.people-chat-mode #peopleMessages .people-message-group.mine .people-message-text,
.app.people-chat-mode #peoplePrivateMessages .people-private-message-group.mine .people-private-message-text {
  color:var(--zatoi-on-red)!important;
  -webkit-text-fill-color:var(--zatoi-on-red)!important;
}
.app.people-chat-mode #peopleMessages .people-message-group.theirs .people-message-text,
.app.people-chat-mode #peoplePrivateMessages .people-private-message-group.theirs .people-private-message-text {
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
}
.people-admin-badge.zatoi-owner-badge {
  color:var(--zatoi-text)!important;
  background:linear-gradient(110deg,var(--zatoi-surface-3),var(--zatoi-surface),var(--zatoi-surface-3))!important;
  border-color:rgba(233,22,24,.6)!important;
  box-shadow:0 0 10px rgba(233,22,24,.12)!important;
}
::selection { background:rgba(233,22,24,.35); color:inherit; }
/* Basari/cevrimici yesili, uyari amberi ve hata renkleri korunur. */

/* =========================================================
   ZATOI BRAND V2.1 — BILDIRIM / MOD SECIMI / AI YAZMA ALANI
   Mevcut has-unread ve active siniflarini kullanir.
   ========================================================= */
body {
  --zatoi-unread-bg:linear-gradient(110deg,#493317,#302315);
  --zatoi-unread-border:#d9aa57;
  --zatoi-unread-accent:#ffd178;
  --zatoi-unread-title:#fff0cf;
  --zatoi-unread-preview:#ead2a8;
  --zatoi-unread-time:#dfc395;
  --zatoi-switch-bg:#101013;
  --zatoi-switch-border:#494952;
  --zatoi-switch-idle:#c7c7cf;
  --zatoi-composer-bg:linear-gradient(155deg,#202026,#17171c);
  --zatoi-composer-button:#29292f;
}
body.light-theme {
  --zatoi-unread-bg:linear-gradient(110deg,#fff0c6,#fff8e8);
  --zatoi-unread-border:#b57a1d;
  --zatoi-unread-accent:#ffd178;
  --zatoi-unread-title:#5d3507;
  --zatoi-unread-preview:#714917;
  --zatoi-unread-time:#785321;
  --zatoi-switch-bg:#e7e7ec;
  --zatoi-switch-border:#b8b8c3;
  --zatoi-switch-idle:#4a4a56;
  --zatoi-composer-bg:linear-gradient(155deg,#ffffff,#fafafa);
  --zatoi-composer-button:#f0f0f4;
}

/* Okunmamis oda: marka kirmizisindan ayri, sabit amber bildirim rengi. */
.app .people-chat-panel .people-room-card.has-unread {
  background:var(--zatoi-unread-bg)!important;
  border-color:var(--zatoi-unread-border)!important;
  box-shadow:inset 4px 0 0 var(--zatoi-unread-accent),0 4px 14px rgba(0,0,0,.13)!important;
}
.app .people-chat-panel .people-room-card.has-unread:hover,
.app .people-chat-panel .people-room-card.has-unread:focus-visible {
  border-color:var(--zatoi-unread-accent)!important;
  box-shadow:inset 4px 0 0 var(--zatoi-unread-accent),0 0 0 2px rgba(255,209,120,.18)!important;
}
.app .people-chat-panel .people-room-card.has-unread.active {
  box-shadow:inset 4px 0 0 var(--zatoi-unread-accent),inset 0 0 0 1px var(--zatoi-unread-border),0 4px 14px rgba(0,0,0,.13)!important;
}
.app .people-chat-panel .people-room-card.has-unread .people-room-info strong {
  color:var(--zatoi-unread-title)!important;
  -webkit-text-fill-color:var(--zatoi-unread-title)!important;
  font-weight:800;
}
.app .people-chat-panel .people-room-card.has-unread .people-room-info small {
  color:var(--zatoi-unread-preview)!important;
  -webkit-text-fill-color:var(--zatoi-unread-preview)!important;
}
.app .people-chat-panel .people-room-card.has-unread time {
  color:var(--zatoi-unread-time)!important;
  -webkit-text-fill-color:var(--zatoi-unread-time)!important;
}
.app .people-chat-panel .people-room-card.has-unread .people-room-unread {
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  background:var(--zatoi-unread-accent)!important;
  color:#281a07!important;
  -webkit-text-fill-color:#281a07!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 0 0 3px rgba(255,209,120,.16)!important;
}
.app #peopleMobileRoomsTab.has-unread::after {
  background:var(--zatoi-unread-accent)!important;
  box-shadow:0 0 0 3px rgba(255,209,120,.20)!important;
}

/* Mod secimi: koyu bir cerceve, yalniz secili dugmede kirmizi dolgu. */
body .app .zatoi-mode-switch {
  background:var(--zatoi-switch-bg)!important;
  border-color:var(--zatoi-switch-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.10)!important;
}
body .app .zatoi-mode-switch .zatoi-mode-btn,
body .app .people-mode-switch .zatoi-mode-btn {
  background:transparent!important;
  color:var(--zatoi-switch-idle)!important;
  -webkit-text-fill-color:var(--zatoi-switch-idle)!important;
  box-shadow:none!important;
}
body .app .zatoi-mode-switch .zatoi-mode-btn:not(.active):hover,
body .app .people-mode-switch .zatoi-mode-btn:not(.active):hover {
  background:var(--zatoi-surface-3)!important;
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
}
body .app .zatoi-mode-switch .zatoi-mode-btn.active,
body .app .people-mode-switch .zatoi-mode-btn.active {
  background:var(--zatoi-action)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -2px 0 rgba(255,255,255,.30),0 3px 10px rgba(0,0,0,.18)!important;
}
body .app .zatoi-mode-btn :is(span,strong,b) {
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
body .app .zatoi-mode-btn:focus-visible {
  outline:2px solid var(--zatoi-text)!important;
  outline-offset:2px!important;
}

/* AI composer: kirmizi dis bant yerine sakin yuzey ve belirgin metin alani. */
body .chat-column > :is(.desktop-input-area,.mobile-input-area) {
  background:var(--zatoi-bg)!important;
  border-color:var(--zatoi-line)!important;
  box-shadow:none!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .input-box {
  background:var(--zatoi-composer-bg)!important;
  border-color:var(--zatoi-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 26px rgba(0,0,0,.12)!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .input-box:focus-within {
  border-color:var(--zatoi-brand-red)!important;
  box-shadow:0 0 0 3px rgba(233,22,24,.12),0 8px 26px rgba(0,0,0,.12)!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .input-box textarea,
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .input-box textarea:focus,
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .input-box textarea:focus-visible {
  background:transparent!important;
  border:0!important;
  outline:none!important;
  box-shadow:none!important;
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
  caret-color:var(--zatoi-brand-red);
  scrollbar-width:thin;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) textarea::placeholder {
  color:var(--zatoi-subtle)!important;
  -webkit-text-fill-color:var(--zatoi-subtle)!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) :is(.action-btn,.voice-btn):not(.send-btn) {
  background:var(--zatoi-composer-button)!important;
  border-color:var(--zatoi-line)!important;
  color:var(--zatoi-text)!important;
  -webkit-text-fill-color:var(--zatoi-text)!important;
  box-shadow:none!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) :is(.action-btn,.voice-btn):not(.send-btn):hover {
  background:var(--zatoi-surface-3)!important;
  border-color:var(--zatoi-border-strong)!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) :is(.action-btn,.voice-btn).active:not(.send-btn) {
  background:var(--zatoi-brand-red-deep)!important;
  border-color:var(--zatoi-brand-red)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .send-btn {
  background:var(--zatoi-action)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 3px 10px rgba(233,22,24,.15)!important;
}
body .chat-column > :is(.desktop-input-area,.mobile-input-area) .send-btn:hover:not(:disabled) {
  background:var(--zatoi-brand-red-hover)!important;
}

/* Masaustu: metin ust satirda, araclar altta ve Gonder sagda. */
@media (min-width:801px) {
  body .chat-column > .desktop-input-area {
    padding:16px 24px 18px!important;
  }
  body .chat-column > .desktop-input-area .input-box {
    max-width:1080px;
    margin-inline:auto;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    padding:10px!important;
    border-radius:22px!important;
  }
  body .chat-column > .desktop-input-area .input-box > textarea {
    flex:1 0 100%;
    width:100%;
    min-height:52px;
    max-height:140px;
    padding:12px 10px;
  }
  body .chat-column > .desktop-input-area .input-box > :is(.action-btn,.voice-btn) {
    height:40px;
    min-width:40px;
    border-radius:12px!important;
  }
  body .chat-column > .desktop-input-area .input-box > .send-btn {
    margin-left:auto;
    min-width:100px;
    padding-inline:20px;
  }
  body .chat-column > .desktop-input-area > .selected-file {
    max-width:1080px;
    margin-inline:auto;
  }
}

/* Mobilde sabit composer ve mevcut kompakt yerlesim devam eder. */
@media (max-width:800px) {
  body .chat-column > .mobile-input-area .input-box {
    border-radius:18px!important;
  }
}

/* =========================================================
   ZATOI BRAND V2.2 — PC ARACLAR MENUSU KATMAN DUZELTMESI
   backdrop-filter, desktop-input-area icinde ayri bir katman
   olusturur. Menunun z-index'i bu ust katmanin disina cikamaz.
   Yazma alanini mesaj kartlarinin onune al; mobil kurallari koru.
   ========================================================= */
@media (min-width:801px) {
  body .chat-column > .desktop-input-area {
    position:relative;
    z-index:40;
    overflow:visible;
  }
}

/* =========================================================
   ZATOI BRAND V2.3 — MOBIL ODALAR / OZEL SOHBET GORUNURLUGU
   Odalar sekmesi data-mobile-view degerini degistirir, acik
   dock'un hidden durumunu degistirmez. Mobil dock oda panelinin
   icinde kaldigindan, private disinda gorunurse eski kart gridi
   oda listesine siziyordu. Gorunurlugu mevcut ekranla sinirla;
   secili oda, mesaj verileri ve PC'deki dock davranisi korunur.
   ========================================================= */
@media (max-width:720px) {
  .app.people-chat-mode > .people-chat-panel:not([data-mobile-view="private"])
  .people-private-dock {
    display:none!important;
  }

  /* Private ekraninin display:grid kurali hidden niteligini ezmesin. */
  .app.people-chat-mode > .people-chat-panel[data-mobile-view="private"]
  .people-private-dock[hidden] {
    display:none!important;
  }
}

/* =========================================================
   ZATOI AI V14.24 — PC SAĞ PANEL SON DÜZEN
   SAĞ PANEL:
   1. satır = Zatoi AI / Sohbet
   2. satır = Geçmiş Sohbetler
   altı     = geçmiş sohbet listesi

   Ana/orta AI alanındaki geçiş seçicisi sağ panele taşınır.
   Sadece PC. Mobil etkilenmez.
   ========================================================= */
@media (min-width: 801px) {

  /* Ana AI header: geçiş butonu artık bu alanın genişliğini tüketmesin. */
  .app:not(.people-chat-mode) .chat-column > .chat-top {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
  }

  .app:not(.people-chat-mode) .chat-column > .chat-top > .chat-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Hesap, çıkış, ayarlar, yönetim ve yeni sohbet ana bölümde kalır. */
  .app:not(.people-chat-mode) .chat-column > .chat-top > .top-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    padding-right: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .app:not(.people-chat-mode) .chat-column > .chat-top .admin-btn.show {
    display: grid !important;
    place-items: center !important;
  }

  /* Sağdaki geçmiş panel 2 başlık satırına ayrılıyor. */
  .app:not(.people-chat-mode) .side-panel {
    position: relative !important;
    width: 320px !important;
    flex: 0 0 320px !important;
    padding-top: 58px !important;
    overflow: visible !important;
  }

  /*
   * Zatoi AI / Sohbet seçicisi sağ panelin EN ÜST satırına.
   * chat-top içinde olsa bile negatif sağ konumla tam side-panel üzerine oturur.
   */
  .app:not(.people-chat-mode) .chat-column > .chat-top > .zatoi-mode-switch {
    position: absolute !important;
    top: 7px !important;
    right: -310px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 100 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 4px !important;

    width: 300px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 4px !important;

    border: 1px solid var(--zatoi-switch-border, var(--zatoi-border)) !important;
    border-radius: 14px !important;
    background: var(--zatoi-switch-bg, var(--zatoi-bg)) !important;
  }

  .app:not(.people-chat-mode) .chat-column > .chat-top > .zatoi-mode-switch .zatoi-mode-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  /* Eski 'Zatoi Sohbetleri' başlığı ikinci satırda. */
  .app:not(.people-chat-mode) .side-panel > .side-header {
    position: relative !important;
    height: 58px !important;
    min-height: 58px !important;
    width: 100% !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;

    border-top: 1px solid var(--zatoi-border) !important;
    border-bottom: 1px solid var(--zatoi-border) !important;
    background: var(--zatoi-bg) !important;
  }

  /*
   * HTML değiştirmeden görünen yazıyı Geçmiş Sohbetler yap.
   * Orijinal yazı görünmez; pseudo-element yeni başlığı gösterir.
   */
  .app:not(.people-chat-mode) .side-panel > .side-header {
    font-size: 0 !important;
  }

  .app:not(.people-chat-mode) .side-panel > .side-header::after {
    content: "💬  Geçmiş Sohbetler";
    display: inline-block;
    color: var(--zatoi-text);
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
  }

  /* Geçmiş listesi kalan alanı doldurur. */
  .app:not(.people-chat-mode) .side-panel > .history-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }
}

/* =========================================================
   V14.49 — CLEAN FINAL PC RIGHT COLUMNS + GLOBAL MODE BAR
   ========================================================= */
@media (min-width:801px){
  :root{
    --zatoi-right-col:360px;
    --zatoi-right-bar-side:12px;
    --zatoi-right-bar-h:52px;
  }

  /* AI sağ sütunu */
  #app:not(.people-chat-mode) > .side-panel{
    width:var(--zatoi-right-col)!important;
    min-width:var(--zatoi-right-col)!important;
    max-width:var(--zatoi-right-col)!important;
    flex:0 0 var(--zatoi-right-col)!important;
    box-sizing:border-box!important;
  }

  /* Sohbet sağ sütunu */
  #app.people-chat-mode > .people-chat-panel,
  #app.people-chat-mode > .people-chat-panel > .people-mode-top{
    grid-template-columns:260px minmax(0,1fr) var(--zatoi-right-col)!important;
  }

  #app.people-chat-mode > .people-chat-panel > .people-rooms-panel{
    width:var(--zatoi-right-col)!important;
    min-width:var(--zatoi-right-col)!important;
    max-width:var(--zatoi-right-col)!important;
    box-sizing:border-box!important;
  }
}

/* V14.49.1 — Kullanıcı menüsü renk düzeltmesi */
@media (min-width:801px){
  .stable-global-mode-bar > .stable-bar-menu-btn{
    background:transparent!important;
    color:var(--zatoi-text,#f5f5f5)!important;
    box-shadow:none!important;
  }

  .stable-global-mode-bar > .stable-bar-menu-btn:hover,
  .stable-global-mode-bar > .stable-bar-menu-btn[aria-expanded="true"]{
    background:var(--zatoi-accent,#e50914)!important;
    color:#fff!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.10),
      0 0 0 1px rgba(229,9,20,.20)!important;
  }
}

/* V14.49.4 — AI üst satır yatay çizgilerini birebir hizala
   Ana .chat-top = 68px. Sağdaki switch satırı da tam 68px olur. */
@media (min-width:801px){
  #app:not(.people-chat-mode) .desktop-side-mode-switch-wrap{
    flex:0 0 68px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    padding:8px var(--zatoi-right-bar-side)!important;
    box-sizing:border-box!important;
  }
}

/* V14.49.5 — AI sağ panel başlığını kaldır + üst kutuyu çizgide bitir */
@media (min-width:801px){

  /* Geçmiş Sohbetler başlığını tamamen kaldır */
  #app:not(.people-chat-mode) > .side-panel .history-header{
    display:none!important;
  }

  /* Sağdaki AI/Sohbet/kullanıcı satırı ana üst satırla tam aynı yerde biter */
  #app:not(.people-chat-mode) > .side-panel > .desktop-side-mode-switch-wrap{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    flex:0 0 68px!important;
    padding:8px var(--zatoi-right-bar-side)!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-bottom:1px solid var(--zatoi-border,#343842)!important;
  }

  /* Geçmiş listesi artık doğrudan ortak çizginin altından başlar */
  #app:not(.people-chat-mode) > .side-panel .history-list{
    margin-top:0!important;
    padding-top:16px!important;
  }
}

/* V14.49.7 — Doğru çizgiyi KORU, Geçmiş Sohbetler başlığını kompakt geri getir */
@media (min-width:801px){

  /* Başlığı geri getir; üst çizgi üretmesine izin verme */
  #app:not(.people-chat-mode) > .side-panel .history-header{
    display:flex!important;
    align-items:center!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    border-top:0!important;
  }

  #app:not(.people-chat-mode) > .side-panel .history-header h2,
  #app:not(.people-chat-mode) > .side-panel .history-header h3,
  #app:not(.people-chat-mode) > .side-panel .history-header .history-title{
    margin:0!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:750!important;
  }

  /* Liste kompakt başlığın hemen altından devam etsin */
  #app:not(.people-chat-mode) > .side-panel .history-list{
    margin-top:0!important;
    padding-top:10px!important;
  }
}

/* V14.49.8 — Kullanıcı butonu AI/Sohbet ile aynı yuvarlak hover */
@media (min-width:801px){
  .stable-global-mode-bar > .stable-bar-menu-btn{
    border-radius:11px!important;
  }

  .stable-global-mode-bar > .stable-bar-menu-btn:hover,
  .stable-global-mode-bar > .stable-bar-menu-btn[aria-expanded="true"]{
    border-radius:11px!important;
  }
}

/* =========================================================
   V14.50.1 — GEOMETRY LOCK
   V14.49.8 çalışan cascade ve çizgi geometrisi aynen korunur.
   Bundan sonraki temizlikte right-column/header geometry blokları
   kaldırılmayacak veya birleştirilmeyecek.
   ========================================================= */

/* =========================================================
   V14.51 — SADECE MOBİL SOHBET: HESAP AVATARI
   PC ve mobil AI görünümüne dokunmaz.
   ========================================================= */
@media (max-width:800px){
  #app.people-chat-mode .people-mode-top{
    position:relative;
  }

  #app.people-chat-mode .people-mobile-account-btn{
    display:flex!important;
    position:absolute!important;
    top:10px!important;
    right:18px!important;
    width:50px!important;
    height:50px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:16px!important;
    background:var(--zatoi-accent,#e50914)!important;
    color:#fff!important;
    box-shadow:0 3px 10px rgba(0,0,0,.25)!important;
    z-index:40!important;
    cursor:pointer!important;
  }

  #app.people-chat-mode .people-mobile-account-btn:active,
  #app.people-chat-mode .people-mobile-account-btn[aria-expanded="true"]{
    transform:scale(.97);
    filter:brightness(.92);
  }

  #app.people-chat-mode .people-mobile-account-avatar{
    display:flex!important;
    width:34px!important;
    height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:50%!important;
    background:#24272e center/cover no-repeat!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  #app.people-chat-mode .people-mobile-account-avatar.has-image{
    font-size:0!important;
  }

  /* Mobil sohbet ekranında PC için kullanılan kullanıcı segmenti görünmez. */
  #app.people-chat-mode .people-mode-switch > .stable-bar-menu-btn{
    display:none!important;
  }

  /* Global hesap menüsü mobilde de avatarın altında açılabilsin. */
  #globalStableAccountDropdown.open{
    display:flex!important;
    position:fixed!important;
    flex-direction:column!important;
    gap:2px!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100vh - 16px)!important;
    overflow-y:auto!important;
    padding:6px!important;
    z-index:999999!important;
    box-sizing:border-box!important;
    border:1px solid #3a3e48!important;
    border-radius:12px!important;
    background:#191b20!important;
    box-shadow:0 16px 38px rgba(0,0,0,.48)!important;
  }

  #globalStableAccountDropdown.open button{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-height:40px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:#17191e!important;
    color:var(--zatoi-text,#f5f5f5)!important;
    font:inherit!important;
    font-size:13px!important;
    font-weight:650!important;
    text-align:left!important;
  }
}

/* Masaüstünde yeni mobil avatar kesinlikle yok. */
@media (min-width:801px){
  .people-mobile-account-btn{
    display:none!important;
  }
}

/* =========================================================
   V14.51.1 — MOBİL SOHBET HEADER ÇAKIŞMA DÜZELTMESİ
   Avatar artık robot/AI geçiş ikonunun üstüne binmez.
   Sadece mobil + Sohbet modu.
   ========================================================= */
@media (max-width:800px){

  /* Header sağında iki ayrı kontrol için sabit alan bırak:
     [AI robot] [hesap avatarı] */
  #app.people-chat-mode .people-mode-top{
    position:relative!important;
    padding-right:132px!important;
    box-sizing:border-box!important;
  }

  /* Var olan AI/Sohbet mobil geçiş kutusunu avatarın solunda tut. */
  #app.people-chat-mode .people-mode-switch{
    position:absolute!important;
    top:10px!important;
    right:72px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:50px!important;
    margin:0!important;
    z-index:39!important;
  }

  /* Mobilde bu switch içinde yalnız AI'ye dönüş butonu görünür.
     Sohbet zaten aktif ekran olduğu için ikinci sohbet butonunu gizle. */
  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton{
    display:flex!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:16px!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton::before{
    content:"🤖";
    font-size:22px!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleChatModeButton,
  #app.people-chat-mode .people-mode-switch > .stable-bar-menu-btn{
    display:none!important;
  }

  /* Hesap avatarı en sağda, AI ikonundan tamamen ayrı. */
  #app.people-chat-mode .people-mobile-account-btn{
    top:10px!important;
    right:14px!important;
    width:50px!important;
    height:50px!important;
    z-index:40!important;
  }
}

/* =========================================================
   V14.51.2 — MOBİL SOHBET HEADER: SADE / GÖRSELİ BOZMAYAN
   Robot + avatar, başlığın doğal parçaları gibi görünür.
   ========================================================= */
@media (max-width:800px){

  #app.people-chat-mode .people-mode-top{
    padding-right:112px!important;
  }

  /* AI'ye dönüş: kırmızı kart yok, sade dairesel ikon */
  #app.people-chat-mode .people-mode-switch{
    top:13px!important;
    right:62px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:50%!important;
    background:#191b20!important;
    box-shadow:none!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton::before{
    font-size:20px!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton:active{
    background:#24272e!important;
    transform:scale(.95);
  }

  /* Hesap avatarı: küçük daire, ekstra kırmızı dış kutu kaldırıldı */
  #app.people-chat-mode .people-mobile-account-btn{
    top:13px!important;
    right:14px!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:50%!important;
    background:#191b20!important;
    box-shadow:none!important;
  }

  #app.people-chat-mode .people-mobile-account-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    background:#24272e center/cover no-repeat!important;
    font-size:15px!important;
  }

  #app.people-chat-mode .people-mobile-account-btn[aria-expanded="true"]{
    border-color:rgba(229,9,20,.72)!important;
    background:#202126!important;
    transform:none!important;
    filter:none!important;
  }
}



/* V14.51.3 — Mobil hesap menüsü admin yetki görünürlüğü JS ile senkronlanır. */

/* V14.51.4 — Mobil Yönetim görünürlüğü doğrudan currentUser.role ile belirlenir. */

/* V14.51.5 — Mobil hesap menüsünde Oturumu Kapat daima en altta. */


/* V14.62 — Desktop message layout: normal-flow identity, quote, text and footer. */
@media (min-width:801px){
#app.people-chat-mode #peopleMessages{padding:18px 20px 28px!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;}
#app.people-chat-mode #peopleMessages > .people-message-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#app.people-chat-mode #peopleMessages > .people-message-group.mine{align-items:flex-end!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;text-align:left!important;}
#app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-user-card{display:none!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card .people-message-sender-avatar{position:static!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;border-radius:50%!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card .people-message-user-card-copy{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;pointer-events:auto!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card .people-message-user-card-copy strong{white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.4!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card .people-message-user-card-copy small{display:none!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-user-card .people-message-user-card-role{position:static!important;inset:auto!important;transform:none!important;display:inline-flex!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;padding:3px 7px!important;font-size:9px!important;line-height:1.4!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
#app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-group-stack{align-items:flex-end!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:fit-content!important;min-width:min(140px,100%)!important;max-width:92%!important;height:auto!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--zatoi-border)!important;border-radius:14px!important;background:var(--zatoi-surface)!important;box-shadow:none!important;overflow:visible!important;}
#app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-group-stack > .people-message-bubble{background:rgba(var(--zatoi-red-rgb),.18)!important;border-color:rgba(var(--zatoi-red-rgb),.42)!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble::before,#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble::after{content:none!important;display:none!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble > .people-message-text{position:static!important;width:100%!important;min-width:0!important;margin:0!important;font-size:14px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble > .people-replied-message{position:static!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;margin:0!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble > .people-message-foot{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;font-size:10px!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble > .people-message-meta-badges{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;height:auto!important;margin:0!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble > .people-message-meta-badges:empty{display:none!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble .people-pinned-badge,#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble .people-announcement-badge{position:static!important;display:inline-flex!important;height:auto!important;line-height:1.4!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble :is(.people-message-reaction-action,.people-message-reply-action,.people-message-edit-action,.people-message-admin-actions){position:static!important;opacity:.65!important;visibility:visible!important;pointer-events:auto!important;}
#app.people-chat-mode #peopleMessages > .people-message-group > .people-message-group-stack > .people-message-bubble :is(button):focus-visible{outline:2px solid var(--zatoi-brand-red)!important;outline-offset:2px!important;}
#app.people-chat-mode #peoplePrivateMessages{padding:18px 20px 28px!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine{align-items:flex-end!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;text-align:left!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-user-card{display:none!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card .people-message-sender-avatar{position:static!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;border-radius:50%!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card .people-message-user-card-copy{position:static!important;inset:auto!important;transform:none!important;display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;pointer-events:auto!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card .people-message-user-card-copy strong{white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.4!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card .people-message-user-card-copy small{display:none!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-user-card .people-message-user-card-role{position:static!important;inset:auto!important;transform:none!important;display:inline-flex!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;padding:3px 7px!important;font-size:9px!important;line-height:1.4!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack{align-items:flex-end!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:fit-content!important;min-width:min(140px,100%)!important;max-width:92%!important;height:auto!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--zatoi-border)!important;border-radius:14px!important;background:var(--zatoi-surface)!important;box-shadow:none!important;overflow:visible!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack > .people-private-bubble{background:rgba(var(--zatoi-red-rgb),.18)!important;border-color:rgba(var(--zatoi-red-rgb),.42)!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble::before,#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble::after{content:none!important;display:none!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble > .people-private-message-text{position:static!important;width:100%!important;min-width:0!important;margin:0!important;font-size:14px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble > .people-private-replied-message{position:static!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;margin:0!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble > .people-private-message-foot{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;font-size:10px!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble > .people-message-meta-badges{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;height:auto!important;margin:0!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble > .people-message-meta-badges:empty{display:none!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble .people-pinned-badge,#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble .people-announcement-badge{position:static!important;display:inline-flex!important;height:auto!important;line-height:1.4!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble :is(.people-message-reaction-action,.people-message-reply-action,.people-message-edit-action,.people-message-admin-actions){position:static!important;opacity:.65!important;visibility:visible!important;pointer-events:auto!important;}
#app.people-chat-mode #peoplePrivateMessages > .people-private-message-group > .people-private-message-group-stack > .people-private-bubble :is(button):focus-visible{outline:2px solid var(--zatoi-brand-red)!important;outline-offset:2px!important;}
#app.people-chat-mode #peopleConversationHead > div:nth-child(2){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;flex:1!important;}
#app.people-chat-mode #peopleConversationName,#app.people-chat-mode #peopleConversationStatus{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;}
}

/* =========================================================
   V14.54 — ZATOI AI MARKA SİMGESİ
   Robot kaldırıldı; PC + mobil aynı kırmızı sparkle kimliği.
   ========================================================= */
@media (max-width:800px){

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton{
    position:relative!important;
    overflow:visible!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton::before{
    content:"✦"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    color:var(--zatoi-brand-red,#e50914)!important;
    font-family:Arial,sans-serif!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:900!important;
    text-shadow:
      0 0 5px rgba(229,9,20,.52),
      0 0 11px rgba(229,9,20,.22)!important;
    transform:translateY(-1px)!important;
    transition:transform .16s ease,text-shadow .16s ease,color .16s ease!important;
  }

  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton:hover::before,
  #app.people-chat-mode .people-mode-switch > #peopleAiModeButton:active::before{
    color:#ff2430!important;
    text-shadow:
      0 0 6px rgba(229,9,20,.72),
      0 0 14px rgba(229,9,20,.36)!important;
    transform:translateY(-1px) scale(1.08)!important;
  }
}

/* =========================================================
   V14.55 — SOHBET "YAZIYOR..." GÖSTERGESİ
   Mevcut mesaj/composer geometrisini değiştirmez.
   ========================================================= */
.people-composer,
.people-private-composer{
  position:relative!important;
}

.people-typing-indicator{
  position:absolute;
  z-index:12;
  left:16px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:22px;
  max-width:calc(100% - 32px);
  padding:3px 8px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:999px;
  background:rgba(13,15,19,.92);
  color:var(--zatoi-muted,#9ca3af);
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  font-size:11px;
  font-weight:650;
  line-height:1;
  pointer-events:none;
  white-space:nowrap;
}

.people-typing-indicator[hidden]{
  display:none!important;
}

.people-typing-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.people-typing-dots{
  display:inline-flex;
  align-items:center;
  gap:3px;
  flex:0 0 auto;
}

.people-typing-dots i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--zatoi-brand-red,#e50914);
  opacity:.35;
  animation:zatoiTypingDot 1.15s infinite ease-in-out;
}

.people-typing-dots i:nth-child(2){ animation-delay:.15s; }
.people-typing-dots i:nth-child(3){ animation-delay:.30s; }

@keyframes zatoiTypingDot{
  0%,60%,100%{ transform:translateY(0); opacity:.30; }
  30%{ transform:translateY(-3px); opacity:1; }
}

/* PC'de composer üstte: gösterge mesaj alanına doğru aşağı açılır. */
@media (min-width:721px){
  .people-typing-indicator{
    top:calc(100% + 4px);
    bottom:auto;
  }
}

/* Mobilde composer altta: gösterge mesaj alanına doğru yukarı açılır. */
@media (max-width:720px){
  .people-typing-indicator{
    top:auto;
    bottom:calc(100% + 4px);
    left:12px;
    max-width:calc(100% - 24px);
  }
}

@media (prefers-reduced-motion:reduce){
  .people-typing-dots i{ animation:none!important; opacity:.75; }
}


/* =========================================================
   V14.56 — ÖZEL ODA İLETİLDİ / OKUNDU
   Yalnızca kullanıcının kendi özel mesajlarında görünür.
   Genel sohbet etkilenmez.
   ========================================================= */
.people-private-delivery-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin-left:1px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:-2px;
  user-select:none;
  opacity:.82;
}

.people-private-delivery-status.delivered{
  color:var(--zatoi-muted,#9ca3af);
  letter-spacing:0;
}

.people-private-delivery-status.read{
  color:#60a5fa;
  opacity:1;
}

@media (max-width:720px){
  .people-private-delivery-status{
    font-size:10px;
  }
}


/* =========================================================
   V14.57 — MODERN YANITLA (REPLY)
   Mevcut reply altyapısı korunur; sadece kullanım/görünüm modernleşir.
   Genel sohbet + özel oda / PC + mobil.
   ========================================================= */

/* Yazma alanındaki aktif yanıt önizlemesi */
.people-composer > .people-reply-preview,
.people-private-composer > .people-reply-preview{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:8px!important;
  min-height:48px!important;
  margin:0 0 7px!important;
  padding:7px 8px 7px 12px!important;
  border:1px solid rgba(var(--zatoi-red-rgb),.28)!important;
  border-left:3px solid var(--zatoi-brand-red,#e50914)!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,rgba(var(--zatoi-red-rgb),.10),rgba(var(--zatoi-surface-rgb),.78))!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.people-composer > .people-reply-preview[hidden],
.people-private-composer > .people-reply-preview[hidden]{
  display:none!important;
}

/* Eski ayrı reply emojisi artık gereksiz; isimde temiz ↩ var. */
.people-reply-preview > .people-reply-preview-icon{
  display:none!important;
}

.people-reply-preview-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
}

.people-reply-preview-copy strong{
  display:block!important;
  margin:0!important;
  color:#ff7c84!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.people-reply-preview-copy small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:var(--zatoi-muted,#9ca3af)!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.people-reply-cancel{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  background:rgba(var(--zatoi-black-rgb),.34)!important;
  color:var(--zatoi-muted,#9ca3af)!important;
  font-size:18px!important;
  line-height:1!important;
  transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}

.people-reply-cancel:hover{
  border-color:rgba(var(--zatoi-red-rgb),.42)!important;
  background:rgba(var(--zatoi-red-rgb),.15)!important;
  color:#fff!important;
}

/* Gönderilmiş mesajın içindeki alıntı */
#peopleMessages .people-replied-message,
#peoplePrivateMessages .people-private-replied-message{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 7px!important;
  padding:7px 9px 7px 11px!important;
  border:0!important;
  border-left:2px solid rgba(var(--zatoi-red-rgb),.78)!important;
  border-radius:7px!important;
  background:rgba(var(--zatoi-black-rgb),.28)!important;
  color:inherit!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
}

#peopleMessages .people-replied-message:hover,
#peoplePrivateMessages .people-private-replied-message:hover{
  background:rgba(var(--zatoi-red-rgb),.09)!important;
}

#peopleMessages .people-replied-message strong,
#peoplePrivateMessages .people-private-replied-message strong{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 3px!important;
  color:#ff7c84!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.people-reply-mini-arrow{
  flex:0 0 auto!important;
  font-size:11px!important;
}

#peopleMessages .people-replied-message span:not(.people-reply-mini-arrow),
#peoplePrivateMessages .people-private-replied-message span:not(.people-reply-mini-arrow){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  color:var(--zatoi-muted,#9ca3af)!important;
  font-size:10px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Yanıtla aksiyonu: emoji görünümünden sade ikon düğmesine */
#peopleMessages .people-message-reply-action,
#peoplePrivateMessages .people-message-reply-action{
  font-family:Arial,sans-serif!important;
  font-weight:900!important;
  color:var(--zatoi-muted,#9ca3af)!important;
}

#peopleMessages .people-message-reply-action:hover,
#peoplePrivateMessages .people-message-reply-action:hover{
  color:#fff!important;
  border-color:rgba(var(--zatoi-red-rgb),.42)!important;
  background:rgba(var(--zatoi-red-rgb),.14)!important;
}

/* Yanıtlanan mesaja atlayınca kısa, temiz vurgu. */
#peopleMessages .people-message-highlight,
#peoplePrivateMessages .people-message-highlight{
  animation:zatoiReplyHighlight 1.35s ease!important;
}

@keyframes zatoiReplyHighlight{
  0%,100%{ box-shadow:0 6px 16px rgba(0,0,0,.13); }
  30%{ box-shadow:0 0 0 2px rgba(var(--zatoi-red-rgb),.48),0 8px 24px rgba(0,0,0,.22); }
}

@media(max-width:720px){
  .people-composer > .people-reply-preview,
  .people-private-composer > .people-reply-preview{
    min-height:44px!important;
    margin-bottom:6px!important;
    padding:6px 7px 6px 10px!important;
    border-radius:10px!important;
  }

  #peopleMessages .people-replied-message,
  #peoplePrivateMessages .people-private-replied-message{
    padding:6px 8px 6px 10px!important;
    margin-bottom:6px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #peopleMessages .people-message-highlight,
  #peoplePrivateMessages .people-message-highlight{
    animation:none!important;
  }
}


/* =========================================================
   V14.57.1 — REPLY X BUTONU HİZALAMA
   Sadece yanıt önizlemesindeki kapatma butonu düzeltilir.
   ========================================================= */
.people-composer > .people-reply-preview .people-reply-cancel,
.people-private-composer > .people-reply-preview .people-reply-cancel{
  margin-right:6px!important;
}


/* =========================================================
   V14.57.2 — PC REPLY X BUTONU KESİN HİZALAMA
   Mobilde çalışan görünüm korunur.
   Sadece PC (>=721px) yanıt önizlemesi düzeltilir.
   ========================================================= */
@media (min-width:721px){
  .people-composer > .people-reply-preview,
  .people-private-composer > .people-reply-preview{
    box-sizing:border-box!important;
    padding-right:48px!important;
  }

  .people-composer > .people-reply-preview .people-reply-cancel,
  .people-private-composer > .people-reply-preview .people-reply-cancel{
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    margin:0!important;
    transform:translateY(-50%)!important;

    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;

    padding:0!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   V14.57.3 — MOBİL ÖZEL ODA REPLY X HİZALAMA
   PC ve mobil genel sohbet görünümü korunur.
   Sadece mobil özel sohbet yanıt önizlemesi düzeltilir.
   ========================================================= */
@media (max-width:720px){
  .people-private-composer > .people-reply-preview{
    position:relative!important;
    box-sizing:border-box!important;
    padding-right:46px!important;
  }

  .people-private-composer > .people-reply-preview .people-reply-cancel{
    position:absolute!important;
    top:50%!important;
    right:8px!important;
    margin:0!important;
    transform:translateY(-50%)!important;

    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;

    padding:0!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   V14.57.4 — MOBİL HESAP MENÜSÜ + YÖNETİCİ GÜVENLİĞİ
   - Kapalı dropdown artık sayfanın altında sızmaz.
   - Açık dropdown avatarın altında floating kalır.
   - Yönetim düğmesi normal kullanıcıda CSS seviyesinde de gizlidir.
   PC / sohbet / reply geometrisine dokunmaz.
   ========================================================= */
@media (max-width:800px){

  /* hidden niteliği her eski/çakışan display kuralını yener. */
  #globalStableAccountDropdown[hidden],
  #globalStableAccountDropdown[aria-hidden="true"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Menü açıkken belge akışına düşmesini engelle. */
  #globalStableAccountDropdown:not([hidden]){
    position:fixed!important;
    z-index:2147483000!important;
    width:min(260px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    max-height:min(70vh,420px)!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }

  /* Normal kullanıcıda Yönetim hiçbir mobil cascade ile geri açılamaz. */
  #globalStableAccountDropdown #adminMenuButton[hidden],
  #globalStableAccountDropdown #adminMenuButton[aria-hidden="true"]{
    display:none!important;
  }
}

/* =========================================================
   V14.58 — ZATOI PROFILE / FIRST PROTOTYPE
   SADECE herkese açık kullanıcı profil kartı.
   Mesajlar, reply, typing, read receipts ve hesap menüsü kilitli.
   PC: floating glass card
   Mobil: premium bottom sheet
   ========================================================= */

.people-public-profile-modal{
  --profile-red:var(--zatoi-brand-red,#e50914);
  --profile-bg:#0b0d11;
  --profile-surface:#12151b;
  --profile-line:rgba(255,255,255,.085);
  --profile-muted:#8f96a3;
  isolation:isolate!important;
  place-items:center!important;
  padding:22px!important;
}

.people-public-profile-backdrop{
  background:
    radial-gradient(circle at 50% 35%,rgba(229,9,20,.13),transparent 34%),
    rgba(3,4,7,.76)!important;
  -webkit-backdrop-filter:blur(15px) saturate(.82)!important;
  backdrop-filter:blur(15px) saturate(.82)!important;
}

.people-public-profile-card{
  position:relative!important;
  width:min(410px,calc(100vw - 32px))!important;
  padding:0 24px 22px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 14% -4%,rgba(229,9,20,.20),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.055),transparent 25%),
    linear-gradient(155deg,rgba(19,22,29,.98),rgba(8,10,14,.99) 62%)!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.62),
    0 0 0 1px rgba(229,9,20,.025),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f7f7f8!important;
  text-align:left!important;
  transform:translateZ(0);
}

.people-public-profile-card::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:34px!important;
  width:92px!important;
  height:2px!important;
  border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,transparent,var(--profile-red),#ff5961,transparent)!important;
  box-shadow:0 0 20px rgba(229,9,20,.75)!important;
  pointer-events:none!important;
}

.people-public-profile-card::after{
  content:""!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-92px!important;
  bottom:-90px!important;
  border:1px solid rgba(229,9,20,.14)!important;
  border-radius:38px!important;
  transform:rotate(35deg)!important;
  box-shadow:
    0 0 0 22px rgba(229,9,20,.025),
    0 0 0 44px rgba(229,9,20,.018)!important;
  pointer-events:none!important;
}

.people-public-profile-close{
  top:15px!important;
  right:15px!important;
  z-index:5!important;
  width:36px!important;
  height:36px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  color:#b7bdc8!important;
  font-size:20px!important;
  line-height:1!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.people-public-profile-close:hover{
  background:rgba(229,9,20,.16)!important;
  color:#fff!important;
  transform:rotate(4deg)!important;
}

.people-public-profile-avatar{
  position:relative!important;
  width:88px!important;
  height:88px!important;
  margin:28px 0 15px!important;
  border:1px solid rgba(229,9,20,.72)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.11),transparent 24%),
    linear-gradient(145deg,#20242d,#11141a)!important;
  color:#fff!important;
  box-shadow:
    0 0 0 6px rgba(229,9,20,.055),
    0 14px 35px rgba(0,0,0,.36),
    0 0 28px rgba(229,9,20,.16)!important;
  font-size:34px!important;
  font-weight:900!important;
}

.people-public-profile-kicker{
  position:absolute!important;
  top:31px!important;
  left:128px!important;
  right:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#7e8490!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  white-space:nowrap!important;
}
.people-public-profile-live-dot{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:var(--profile-red)!important;
  box-shadow:0 0 9px rgba(229,9,20,.85)!important;
}

.people-public-profile-card>strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.people-public-profile-card>span{
  display:block!important;
  margin-top:5px!important;
  color:#8d94a0!important;
  font-size:12px!important;
  font-weight:650!important;
}

.people-public-profile-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:13px!important;
}
.people-public-profile-role,
.people-public-profile-state{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:#9ca3af!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}
.people-public-profile-role{
  border-color:rgba(229,9,20,.23)!important;
  background:rgba(229,9,20,.075)!important;
  color:#ff737b!important;
}
.people-public-profile-role.admin{
  border-color:rgba(229,9,20,.48)!important;
  background:rgba(229,9,20,.15)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(229,9,20,.10)!important;
}
.people-public-profile-state{
  color:#9aa0aa!important;
}
.people-public-profile-state::first-letter{
  color:#55d98a!important;
}

.people-public-profile-card>p{
  position:relative!important;
  min-height:74px!important;
  margin:18px 0 16px!important;
  padding:15px 16px 15px 17px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  color:#c8ccd3!important;
  font-size:13px!important;
  line-height:1.58!important;
  text-align:left!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.people-public-profile-card>p::before{
  content:""!important;
  position:absolute!important;
  left:-1px!important;
  top:15px!important;
  bottom:15px!important;
  width:2px!important;
  border-radius:99px!important;
  background:linear-gradient(var(--profile-red),rgba(229,9,20,.12))!important;
}

.people-public-profile-actions{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.people-public-profile-actions button{
  width:100%!important;
  min-height:46px!important;
  padding:0 16px!important;
  border:1px solid rgba(229,9,20,.50)!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(229,9,20,.96),rgba(188,5,15,.96))!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 24px rgba(229,9,20,.13)!important;
  font-size:13px!important;
  font-weight:850!important;
  transition:transform .16s ease,filter .16s ease!important;
}
.people-public-profile-actions button:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
}
.people-public-profile-actions .people-public-profile-moderate{
  border-color:rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.045)!important;
  color:#d5d8de!important;
  box-shadow:none!important;
}

/* Owner/admin kartı daha güçlü ama aynı tasarım dili. */
.people-public-profile-modal.zatoi-owner-profile .people-public-profile-card{
  border-color:rgba(229,9,20,.30)!important;
  background:
    radial-gradient(circle at 14% -4%,rgba(229,9,20,.30),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.06),transparent 25%),
    linear-gradient(155deg,rgba(23,20,25,.99),rgba(8,9,13,.99) 62%)!important;
}
.people-public-profile-modal.zatoi-owner-profile .people-public-profile-avatar{
  box-shadow:
    0 0 0 6px rgba(229,9,20,.075),
    0 14px 35px rgba(0,0,0,.40),
    0 0 34px rgba(229,9,20,.25)!important;
}

/* Mobil: ortada popup değil, alttan gelen Zatoi profile sheet. */
@media (max-width:720px){
  .people-public-profile-modal{
    place-items:end stretch!important;
    padding:0!important;
  }
  .people-public-profile-backdrop{
    background:rgba(3,4,7,.72)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    backdrop-filter:blur(10px)!important;
  }
  .people-public-profile-card{
    width:100%!important;
    max-width:none!important;
    max-height:min(86dvh,720px)!important;
    margin:0!important;
    padding:0 18px calc(18px + env(safe-area-inset-bottom,0px))!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:28px 28px 0 0!important;
    overflow-y:auto!important;
    box-shadow:0 -24px 70px rgba(0,0,0,.55)!important;
  }
  .people-public-profile-card::before{
    left:50%!important;
    top:9px!important;
    width:42px!important;
    height:4px!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.16)!important;
    box-shadow:none!important;
  }
  .people-public-profile-card::after{
    right:-105px!important;
    bottom:-105px!important;
  }
  .people-public-profile-close{
    top:18px!important;
    right:16px!important;
  }
  .people-public-profile-avatar{
    width:82px!important;
    height:82px!important;
    margin:34px 0 14px!important;
    border-radius:24px!important;
    font-size:31px!important;
  }
  .people-public-profile-kicker{
    top:38px!important;
    left:116px!important;
    right:60px!important;
  }
  .people-public-profile-card>strong{
    font-size:23px!important;
  }
  .people-public-profile-card>p{
    margin-top:17px!important;
  }
  .people-public-profile-actions button{
    min-height:50px!important;
    border-radius:15px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .people-public-profile-close,
  .people-public-profile-actions button{
    transition:none!important;
  }
}

/* =========================================================
   V14.58.1 — ZATOI PROFILE / COMPACT IDENTITY
   - PC + mobil: yatay kimlik kompozisyonu
   - Mobil sheet daha kısa ve sıkı
   - Durum rozeti gerçek aktiflik verisine göre stillenir
   - V14.57.5 sohbet davranışlarına dokunmaz
   ========================================================= */

.people-public-profile-card{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
  column-gap:18px!important;
  align-items:center!important;
  width:min(430px,calc(100vw - 32px))!important;
  padding:24px!important;
}

.people-public-profile-avatar{
  grid-column:1!important;
  grid-row:1 / span 4!important;
  width:86px!important;
  height:86px!important;
  margin:0!important;
  border-radius:25px!important;
  align-self:start!important;
}

.people-public-profile-kicker{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0 44px 7px 0!important;
  font-size:9px!important;
}

.people-public-profile-card>strong{
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  font-size:24px!important;
}

.people-public-profile-card>span{
  grid-column:2!important;
  grid-row:3!important;
  margin:3px 0 0!important;
  align-self:start!important;
}

.people-public-profile-meta{
  grid-column:2!important;
  grid-row:4!important;
  margin:10px 0 0!important;
  align-self:start!important;
}

.people-public-profile-card>p{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  width:100%!important;
  min-height:62px!important;
  margin:19px 0 13px!important;
  padding:13px 15px 13px 16px!important;
  box-sizing:border-box!important;
}

.people-public-profile-actions{
  grid-column:1 / -1!important;
  width:100%!important;
}

.people-public-profile-actions button{
  min-height:44px!important;
}

.people-public-profile-close{
  top:14px!important;
  right:14px!important;
}

.people-public-profile-state{
  color:#7f8792!important;
}
.people-public-profile-state.online{
  color:#aeb5bf!important;
}
.people-public-profile-state.online::first-letter{
  color:#55d98a!important;
}

/* Yönetici kartında rozet ve ince üst çizgi biraz daha belirgin. */
.people-public-profile-role.admin{
  color:#fff!important;
  border-color:rgba(229,9,20,.55)!important;
  background:linear-gradient(180deg,rgba(229,9,20,.22),rgba(229,9,20,.10))!important;
}
.people-public-profile-modal.zatoi-owner-profile .people-public-profile-card::before{
  width:118px!important;
  background:linear-gradient(90deg,transparent,#e50914,#ff6269,transparent)!important;
}

/* MOBİL — daha kısa, yatay kimlikli bottom sheet */
@media (max-width:720px){
  .people-public-profile-card{
    grid-template-columns:74px minmax(0,1fr)!important;
    column-gap:15px!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(72dvh,590px)!important;
    padding:29px 18px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-radius:26px 26px 0 0!important;
  }

  .people-public-profile-avatar{
    width:74px!important;
    height:74px!important;
    border-radius:22px!important;
    font-size:28px!important;
  }

  .people-public-profile-kicker{
    margin:0 42px 5px 0!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }

  .people-public-profile-card>strong{
    font-size:21px!important;
    line-height:1.08!important;
  }

  .people-public-profile-card>span{
    font-size:11px!important;
  }

  .people-public-profile-meta{
    gap:5px!important;
    margin-top:8px!important;
  }

  .people-public-profile-role,
  .people-public-profile-state{
    min-height:21px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }

  .people-public-profile-card>p{
    min-height:56px!important;
    margin:16px 0 12px!important;
    padding:12px 14px 12px 15px!important;
    border-radius:15px!important;
    font-size:12px!important;
    line-height:1.48!important;
  }

  .people-public-profile-actions{
    gap:7px!important;
  }

  .people-public-profile-actions button{
    min-height:45px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }

  .people-public-profile-close{
    top:17px!important;
    right:15px!important;
    width:34px!important;
    height:34px!important;
  }
}

/* =========================================================
   V14.58.2 — ZATOI PROFILE / SIGNATURE POLISH
   Son tasarım rötuşu:
   - PC kart %12 civarı daha güçlü
   - Mobil kimlik dengesi iyileştirildi
   - Durum kapsülü sade nokta + metin oldu
   - Üst kırmızı ışık Zatoi imzasına dönüştürüldü
   ========================================================= */

/* PC — kartı küçük popup hissinden çıkar. */
@media (min-width:721px){
  .people-public-profile-card{
    width:min(478px,calc(100vw - 40px))!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    column-gap:20px!important;
    padding:27px!important;
    border-radius:29px!important;
  }

  .people-public-profile-avatar{
    width:94px!important;
    height:94px!important;
    border-radius:27px!important;
    font-size:36px!important;
  }

  .people-public-profile-card>strong{
    font-size:26px!important;
  }

  .people-public-profile-card>p{
    min-height:66px!important;
    margin-top:21px!important;
    padding:14px 17px!important;
    font-size:13px!important;
  }

  .people-public-profile-actions button{
    min-height:47px!important;
    font-size:13px!important;
  }
}

/* Zatoi imzası: merkezden yayılan ince kırmızı ışık. */
.people-public-profile-card::before{
  left:50%!important;
  top:0!important;
  width:132px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:0 0 999px 999px!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(229,9,20,.20) 13%,
      #e50914 38%,
      #ff777d 50%,
      #e50914 62%,
      rgba(229,9,20,.20) 87%,
      transparent 100%)!important;
  box-shadow:
    0 0 8px rgba(229,9,20,.58),
    0 0 22px rgba(229,9,20,.18)!important;
}

.people-public-profile-modal.zatoi-owner-profile .people-public-profile-card::before{
  width:168px!important;
  height:2px!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(229,9,20,.25) 10%,
      #e50914 34%,
      #ff9a9e 50%,
      #e50914 66%,
      rgba(229,9,20,.25) 90%,
      transparent 100%)!important;
  box-shadow:
    0 0 9px rgba(229,9,20,.78),
    0 0 28px rgba(229,9,20,.28)!important;
}

/* Üyelik rolü rozet olarak kalır; durum artık kapsül değildir. */
.people-public-profile-meta{
  flex-wrap:wrap!important;
}

.people-public-profile-state{
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#747b86!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}

.people-public-profile-state.online{
  color:#969da7!important;
}

.people-public-profile-state.online::first-letter{
  color:#55d98a!important;
  text-shadow:0 0 7px rgba(85,217,138,.38)!important;
}

/* Rol rozeti biraz daha karakterli. */
.people-public-profile-role{
  min-height:23px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  letter-spacing:.07em!important;
}

/* Mobil — avatar daha dengeli, içerik daha sıkı. */
@media (max-width:720px){
  .people-public-profile-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    column-gap:14px!important;
    max-height:min(68dvh,550px)!important;
    padding:28px 18px calc(14px + env(safe-area-inset-bottom,0px))!important;
  }

  .people-public-profile-card::before{
    top:0!important;
    width:112px!important;
    height:2px!important;
    transform:translateX(-50%)!important;
  }

  .people-public-profile-modal.zatoi-owner-profile .people-public-profile-card::before{
    width:142px!important;
  }

  .people-public-profile-avatar{
    width:68px!important;
    height:68px!important;
    border-radius:20px!important;
    font-size:26px!important;
    box-shadow:
      0 0 0 5px rgba(229,9,20,.055),
      0 11px 27px rgba(0,0,0,.35),
      0 0 22px rgba(229,9,20,.15)!important;
  }

  .people-public-profile-kicker{
    margin:0 40px 4px 0!important;
    font-size:7.5px!important;
  }

  .people-public-profile-card>strong{
    font-size:20px!important;
  }

  .people-public-profile-meta{
    margin-top:7px!important;
    gap:8px!important;
  }

  .people-public-profile-role{
    min-height:21px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }

  .people-public-profile-state{
    font-size:8.5px!important;
  }

  .people-public-profile-card>p{
    min-height:52px!important;
    margin:14px 0 10px!important;
    padding:11px 13px 11px 14px!important;
  }

  .people-public-profile-actions button{
    min-height:44px!important;
  }
}

/* =========================================================
   V14.59 — PROFİLİMİ DÜZENLE / ZATOI STUDIO
   V14.58.2 herkese açık profil kartı KİLİTLİDİR.
   Bu blok yalnızca mevcut #profileOverlay düzenleme ekranını yeniler.
   ========================================================= */

.profile-overlay{
  background:
    radial-gradient(circle at 50% 14%,rgba(229,9,20,.11),transparent 34%),
    rgba(3,4,7,.80)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
}

.profile-panel{
  position:relative!important;
  width:min(720px,calc(100vw - 40px))!important;
  max-height:min(88vh,820px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(25,26,31,.98),rgba(10,11,15,.99))!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(229,9,20,.06),
    0 0 45px rgba(229,9,20,.08)!important;
  overflow:hidden!important;
}

.profile-panel::before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  top:0!important;
  left:50%!important;
  width:160px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,#e50914,#ff8a90,#e50914,transparent)!important;
  box-shadow:0 0 10px rgba(229,9,20,.7),0 0 28px rgba(229,9,20,.22)!important;
  pointer-events:none!important;
}

.profile-header{
  min-height:78px!important;
  padding:18px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
}

.profile-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}

.profile-title-mark{
  color:#e50914!important;
  font-size:19px!important;
  text-shadow:0 0 10px rgba(229,9,20,.55)!important;
}

.profile-subtitle{
  margin-top:4px!important;
  color:#7f8792!important;
  font-size:11px!important;
}

.profile-close{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#191b20!important;
}

.profile-content{
  padding:18px 22px 22px!important;
}

.profile-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:17px!important;
  align-items:center!important;
  min-height:112px!important;
  padding:15px!important;
  margin-bottom:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(229,9,20,.12),transparent 34%),
    rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}

.profile-hero::after{
  content:"LIVE PREVIEW"!important;
  position:absolute!important;
  right:14px!important;
  top:12px!important;
  color:#666e79!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}

.profile-avatar{
  width:78px!important;
  height:78px!important;
  border-radius:23px!important;
  border:1px solid rgba(229,9,20,.72)!important;
  background:#171920!important;
  box-shadow:0 0 0 5px rgba(229,9,20,.05),0 0 24px rgba(229,9,20,.13)!important;
}

.profile-display-name{
  font-size:24px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}

.profile-username{
  margin-top:2px!important;
  color:#8c939e!important;
  font-size:11px!important;
}

.profile-role-badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:22px!important;
  margin-top:8px!important;
  padding:0 8px!important;
  border:1px solid rgba(229,9,20,.36)!important;
  border-radius:8px!important;
  background:rgba(229,9,20,.08)!important;
  color:#ff6970!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.profile-section{
  margin-top:10px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.018)!important;
}

.profile-section-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:11px!important;
  color:#d8dbe0!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}

.profile-section-title>span{
  color:#e50914!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}

.profile-field{
  gap:6px!important;
  margin-top:10px!important;
}

.profile-field>span{
  color:#9299a4!important;
  font-size:10px!important;
  font-weight:750!important;
}

.profile-field input,
.profile-field textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:#0f1116!important;
  color:#f5f6f8!important;
  outline:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}

.profile-field input{
  min-height:42px!important;
  padding:0 12px!important;
}

.profile-field textarea{
  min-height:78px!important;
  padding:11px 12px!important;
  resize:vertical!important;
}

.profile-field input:focus,
.profile-field textarea:focus{
  border-color:rgba(229,9,20,.62)!important;
  background:#121419!important;
  box-shadow:0 0 0 3px rgba(229,9,20,.08)!important;
}

.profile-field small{
  align-self:flex-end!important;
  margin-top:-2px!important;
  color:#646c77!important;
  font-size:9px!important;
}

.profile-avatar-choices{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:8px!important;
}

.profile-avatar-choice{
  aspect-ratio:1!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:#111319!important;
  color:#e8e9ec!important;
  font-size:20px!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}

.profile-avatar-choice:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.17)!important;
}

.profile-avatar-choice.active{
  border-color:#e50914!important;
  background:rgba(229,9,20,.10)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(229,9,20,.07),0 0 18px rgba(229,9,20,.12)!important;
}

.profile-help{
  margin-top:8px!important;
  color:#646c77!important;
  font-size:9px!important;
}

.profile-meta-row{
  min-height:34px!important;
  padding:0 2px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.profile-meta-row:last-child{border-bottom:0!important}
.profile-meta-row span{color:#777f8a!important;font-size:10px!important}
.profile-meta-row strong{color:#dfe2e7!important;font-size:10px!important}

.profile-security-grid{
  gap:8px!important;
}

.profile-secondary-btn{
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#121419!important;
}

.profile-actions{
  position:sticky!important;
  z-index:5!important;
  bottom:-22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:14px -22px -22px!important;
  padding:13px 22px calc(13px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:rgba(12,13,17,.94)!important;
  backdrop-filter:blur(14px)!important;
}

.profile-status{
  color:#8c939e!important;
  font-size:10px!important;
  font-weight:700!important;
}

.profile-save-btn{
  min-width:190px!important;
  min-height:44px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#ef101c,#d6000b)!important;
  box-shadow:0 10px 25px rgba(229,9,20,.18)!important;
  font-weight:850!important;
}

.profile-save-btn:disabled{
  opacity:.55!important;
  box-shadow:none!important;
}

/* Mobil düzenleme: tam ekran değil, premium bottom sheet. */
@media (max-width:720px){
  .profile-overlay{
    align-items:flex-end!important;
    padding:0!important;
  }

  .profile-panel{
    width:100%!important;
    max-width:none!important;
    max-height:88dvh!important;
    border-radius:27px 27px 0 0!important;
    border-bottom:0!important;
  }

  .profile-panel::before{
    width:132px!important;
  }

  .profile-header{
    min-height:70px!important;
    padding:15px 17px!important;
  }

  .profile-title{font-size:15px!important}
  .profile-subtitle{
    max-width:250px!important;
    font-size:9px!important;
  }

  .profile-close{
    width:36px!important;
    height:36px!important;
  }

  .profile-content{
    padding:14px 15px 18px!important;
  }

  .profile-hero{
    grid-template-columns:66px minmax(0,1fr)!important;
    min-height:94px!important;
    gap:13px!important;
    padding:13px!important;
    border-radius:18px!important;
  }

  .profile-hero::after{
    right:11px!important;
    top:10px!important;
    font-size:6.5px!important;
  }

  .profile-avatar{
    width:62px!important;
    height:62px!important;
    border-radius:19px!important;
    font-size:25px!important;
  }

  .profile-display-name{font-size:20px!important}
  .profile-username{font-size:10px!important}
  .profile-role-badge{
    min-height:20px!important;
    margin-top:6px!important;
    font-size:7px!important;
  }

  .profile-section{
    padding:12px!important;
    border-radius:16px!important;
  }

  .profile-field input{min-height:40px!important}
  .profile-field textarea{min-height:70px!important}

  .profile-avatar-choices{
    grid-template-columns:repeat(6,1fr)!important;
    gap:6px!important;
  }

  .profile-avatar-choice{
    border-radius:12px!important;
    font-size:17px!important;
  }

  .profile-security-grid{
    grid-template-columns:1fr!important;
  }

  .profile-actions{
    bottom:-18px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:12px -15px -18px!important;
    padding:10px 15px calc(10px + env(safe-area-inset-bottom,0px))!important;
  }

  .profile-status{
    min-height:12px!important;
    text-align:center!important;
  }

  .profile-save-btn{
    width:100%!important;
    min-width:0!important;
    min-height:45px!important;
  }
}

/* =========================================================
   V14.59.1 — PROFILE EDITOR SCROLL + FOOTER FIX
   Yalnızca #profileOverlay düzenleme ekranı.
   V14.58.2 public profile KİLİTLİ.
   ========================================================= */

/* Panel kendi içinde header / scroll-content düzenine geçer. */
#profileOverlay .profile-panel{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

#profileOverlay .profile-header{
  flex:0 0 auto!important;
}

/* Asıl içerik kayar; alt bölümler footer arkasında kaybolmaz. */
#profileOverlay .profile-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  padding-bottom:92px!important;
}

/* Önceki sticky footer artık içerik akışını ezmez. */
#profileOverlay .profile-actions{
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:-92px!important;
  z-index:8!important;
  margin:14px -22px -92px!important;
  padding:13px 22px 18px!important;
}

/* Kaydırma çubuğu Zatoi yüzeyine uyumlu. */
#profileOverlay .profile-content{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(229,9,20,.45) rgba(255,255,255,.025)!important;
}
#profileOverlay .profile-content::-webkit-scrollbar{
  width:7px!important;
}
#profileOverlay .profile-content::-webkit-scrollbar-track{
  background:rgba(255,255,255,.02)!important;
}
#profileOverlay .profile-content::-webkit-scrollbar-thumb{
  border-radius:99px!important;
  background:rgba(229,9,20,.38)!important;
}
#profileOverlay .profile-content::-webkit-scrollbar-thumb:hover{
  background:rgba(229,9,20,.58)!important;
}

/* Editörde ham USER/ADMIN görünümünü Zatoi diline yaklaştır. */
#profileOverlay .profile-role-badge{
  text-transform:uppercase!important;
}

/* MOBİL */
@media (max-width:720px){
  #profileOverlay .profile-panel{
    height:min(88dvh,760px)!important;
    max-height:88dvh!important;
  }

  #profileOverlay .profile-content{
    padding-bottom:82px!important;
  }

  #profileOverlay .profile-actions{
    bottom:-82px!important;
    margin:12px -15px -82px!important;
    padding:10px 15px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
}



/* V14.59.3 — Mobile global account dropdown FOUC fix.
   The original structural rules live in a desktop-only media block.
   This makes the mobile state explicit and prevents raw HTML flashing. */
@media (max-width:800px){
  #globalStableAccountDropdown:not(.open){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #globalStableAccountDropdown.open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

/* =========================================================
   V14.60 — ZATOI AVATAR / KİMLİK SEÇİCİ
   Sadece Profilimi Düzenle > Avatar bölümü.
   Public profile V14.58.2 + mobil menu V14.59.3 KİLİTLİ.
   ========================================================= */

#profileOverlay .profile-avatar-choices{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}

#profileOverlay .profile-avatar-choice{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;

  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.055),transparent 45%),
    linear-gradient(180deg,#202329 0%,#17191e 100%)!important;
  color:#aeb3bd!important;

  font-size:23px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.16)!important;

  transform:translateY(0)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    color .16s ease,
    background .16s ease,
    box-shadow .16s ease!important;
}

#profileOverlay .profile-avatar-choice::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:-1!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#1a1c21!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.28)!important;
}

#profileOverlay .profile-avatar-choice:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  border-color:rgba(229,9,20,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.22)!important;
}

/* Existing JS already toggles .selected on the chosen avatar. */
#profileOverlay .profile-avatar-choice.selected{
  color:#fff!important;
  border-color:rgba(229,9,20,.78)!important;
  background:
    radial-gradient(circle at 50% 40%,rgba(229,9,20,.24),transparent 48%),
    linear-gradient(180deg,#281c20 0%,#19191e 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(229,9,20,.15),
    0 0 0 2px rgba(229,9,20,.10),
    0 10px 26px rgba(229,9,20,.14)!important;
}

#profileOverlay .profile-avatar-choice.selected::before{
  border-color:rgba(229,9,20,.46)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(229,9,20,.18),#1b191e 66%)!important;
  box-shadow:
    inset 0 0 18px rgba(229,9,20,.08),
    0 0 18px rgba(229,9,20,.11)!important;
}

#profileOverlay .profile-avatar-choice.selected::after{
  content:"✓"!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  display:grid!important;
  place-items:center!important;
  width:21px!important;
  height:21px!important;
  border:3px solid #17191e!important;
  border-radius:50%!important;
  background:var(--zatoi-accent,#e50914)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(0,0,0,.36)!important;
}

/* Keyboard accessibility */
#profileOverlay .profile-avatar-choice:focus-visible{
  outline:2px solid rgba(255,255,255,.88)!important;
  outline-offset:3px!important;
}

/* Mobil: daha rahat dokunulan 3x2 kimlik grid'i. */
@media (max-width:720px){
  #profileOverlay .profile-avatar-choices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
  }

  #profileOverlay .profile-avatar-choice{
    aspect-ratio:auto!important;
    height:66px!important;
    border-radius:16px!important;
    font-size:22px!important;
  }

  #profileOverlay .profile-avatar-choice::before{
    width:42px!important;
    height:42px!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* =========================================================
   V14.61 — ZATOI ADMIN AVATAR COLLECTION
   Six character avatars, visible only to role=admin.
   ========================================================= */
#profileOverlay .profile-admin-avatar-collection[hidden]{display:none!important}
#profileOverlay .profile-admin-avatar-collection{
  margin-top:18px!important;
  padding:14px!important;
  border:1px solid rgba(229,9,20,.25)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(229,9,20,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#profileOverlay .profile-admin-avatar-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;margin-bottom:12px!important;
}
#profileOverlay .profile-admin-avatar-kicker{
  color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;
}
#profileOverlay .profile-admin-avatar-lock{
  color:rgba(255,255,255,.46)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;
}
#profileOverlay .profile-admin-avatar-choices{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;
}
#profileOverlay .profile-admin-avatar-choice{
  aspect-ratio:1/1!important;height:auto!important;padding:3px!important;border-radius:50%!important;
  overflow:hidden!important;background:#101114!important;
}
#profileOverlay .profile-admin-avatar-choice::before{display:none!important}
#profileOverlay .profile-admin-avatar-choice img,
.profile-avatar-character-image{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important;
}
#profileOverlay .profile-admin-avatar-choice.selected{
  border-color:#ff2634!important;
  box-shadow:0 0 0 2px rgba(229,9,20,.16),0 0 24px rgba(229,9,20,.22)!important;
}
#profileOverlay .profile-avatar.profile-avatar-admin-commander,
#profileOverlay .profile-avatar.profile-avatar-admin-guardian,
#profileOverlay .profile-avatar.profile-avatar-admin-operator,
#profileOverlay .profile-avatar.profile-avatar-admin-android,
#profileOverlay .profile-avatar.profile-avatar-admin-shadow,
#profileOverlay .profile-avatar.profile-avatar-admin-sentinel,
.chat-avatar.profile-avatar-admin-commander,
.chat-avatar.profile-avatar-admin-guardian,
.chat-avatar.profile-avatar-admin-operator,
.chat-avatar.profile-avatar-admin-android,
.chat-avatar.profile-avatar-admin-shadow,
.chat-avatar.profile-avatar-admin-sentinel{
  padding:0!important;overflow:hidden!important;background:#111!important;border-color:rgba(229,9,20,.62)!important;
}
@media(max-width:720px){
  #profileOverlay .profile-admin-avatar-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  #profileOverlay .profile-admin-avatar-choice{height:auto!important;aspect-ratio:1/1!important}
  #profileOverlay .profile-admin-avatar-heading{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
}

/* =========================================================
   V14.61.2 — REAL PUBLIC PROFILE AVATAR RENDERER
   Kart geometrisine dokunmaz; yalnızca avatar içeriğini çizer.
   ========================================================= */
#peoplePublicProfileAvatar[class*="profile-avatar-admin-"]{
  padding:0!important;
  overflow:hidden!important;
  background:#111!important;
}
#peoplePublicProfileAvatar[class*="profile-avatar-admin-"] > .profile-avatar-character-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}

/* =========================================================
   V14.61.4 — ACTUAL GENERAL/PRIVATE MESSAGE AVATAR HTML
   Fixes template-string renderer that was still printing "A".
   ========================================================= */
.people-message-sender-avatar:has(> .profile-avatar-character-image){
  padding:0!important;
  overflow:hidden!important;
  background:#111!important;
}
.people-message-sender-avatar > .profile-avatar-character-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}

/* =========================================================
   V14.61.7 — CLEAN PRIVATE AVATAR COMPLETION
   Base: V14.61.4.
   General message geometry is untouched.
   ========================================================= */

/* Right-side Özel Odalar */
.people-private-room-avatar:has(> .profile-avatar-character-image),
.people-private-list-avatar:has(> .profile-avatar-character-image),
.people-room-avatar:has(> .profile-avatar-character-image){
  padding:0!important;
  overflow:hidden!important;
}
.people-private-room-avatar > .profile-avatar-character-image,
.people-private-list-avatar > .profile-avatar-character-image,
.people-room-avatar > .profile-avatar-character-image{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}

/* Private-chat top header only */
#peoplePrivatePartnerAvatar:has(> .profile-avatar-character-image),
#peoplePrivateAvatar:has(> .profile-avatar-character-image),
.people-private-header-avatar:has(> .profile-avatar-character-image),
.people-private-top-avatar:has(> .profile-avatar-character-image){
  padding:0!important;
  overflow:hidden!important;
}
#peoplePrivatePartnerAvatar > .profile-avatar-character-image,
#peoplePrivateAvatar > .profile-avatar-character-image,
.people-private-header-avatar > .profile-avatar-character-image,
.people-private-top-avatar > .profile-avatar-character-image{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}

/* =========================================================
   V14.62.1 — SOHBET Z ARKA PLAN SINIRI
   Çalışan V14.62 mesaj geometrisine DOKUNMAZ.
   Sadece eski V14.37 büyük Z dekorunu kendi paneline hapseder.
   ========================================================= */
@media (min-width:801px){
  #app.people-chat-mode .people-conversation{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
  }

  #app.people-chat-mode .people-conversation::before{
    content:"Z"!important;
    position:absolute!important;
    left:50%!important;
    top:58%!important;
    transform:translate(-50%,-50%)!important;
    z-index:0!important;
    font-size:clamp(120px,15vw,250px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.08em!important;
    color:rgba(255,255,255,.025)!important;
    opacity:1!important;
    pointer-events:none!important;
    user-select:none!important;
  }
}

/* =========================================================
   V14.62.3 — MESAJ YÖNÜ KİLİDİ
   Kendi mesajım = sağ / karşı taraf = sol.
   Avatar ve mesaj iç geometrisine dokunmaz.
   ========================================================= */
@media (min-width:801px){

  /* GENEL SOHBET */
  #app.people-chat-mode #peopleMessages > .people-message-group.mine{
    align-items:flex-end!important;
  }
  #app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-group-stack{
    align-items:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  #app.people-chat-mode #peopleMessages > .people-message-group.mine > .people-message-group-stack > .people-message-bubble{
    align-self:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
  }

  #app.people-chat-mode #peopleMessages > .people-message-group.theirs{
    align-items:flex-start!important;
  }
  #app.people-chat-mode #peopleMessages > .people-message-group.theirs > .people-message-group-stack{
    align-items:flex-start!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  #app.people-chat-mode #peopleMessages > .people-message-group.theirs > .people-message-group-stack > .people-message-bubble{
    align-self:flex-start!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* ÖZEL SOHBET */
  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine{
    align-items:flex-end!important;
  }
  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack{
    align-items:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
  }
  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.mine > .people-private-message-group-stack > .people-private-bubble{
    align-self:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
  }

  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.theirs{
    align-items:flex-start!important;
  }
  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.theirs > .people-private-message-group-stack{
    align-items:flex-start!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  #app.people-chat-mode #peoplePrivateMessages > .people-private-message-group.theirs > .people-private-message-group-stack > .people-private-bubble{
    align-self:flex-start!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
}

/* =========================================================
   V14.62.4 — Z FİLİGRANI KAPALI
   Mesaj yönü / avatar / geometriye dokunmaz.
   ========================================================= */
@media (min-width:801px){
  #app.people-chat-mode .people-conversation::before{
    content:none!important;
    display:none!important;
  }
}