/*
 * MENKULEX OS v7.9.3.8.1 System Responsive Guard
 * WP admin MenkulEX ekranlari ve bagimsiz merkezler icin son responsive katman.
 */
:root {
  --mxos-rsp-navy: #061846;
  --mxos-rsp-blue: #0b67ff;
  --mxos-rsp-orange: #ff7a00;
  --mxos-rsp-green: #10bf63;
  --mxos-rsp-line: #cfe0fb;
  --mxos-rsp-soft: #f3f8ff;
  --mxos-rsp-text: #071a44;
}

body.mxos-plugin-screen,
body.mxos-plugin-screen input,
body.mxos-plugin-screen button,
body.mxos-plugin-screen select,
body.mxos-plugin-screen textarea,
body.mxos-plugin-screen [class*="mxos"],
body.mxos-plugin-screen [class*="menkulex"],
body [class*="mxos"],
body [class*="menkulex"] {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

body.mxos-plugin-screen [class*="mxos"],
body.mxos-plugin-screen [class*="mxos"] *,
body.mxos-plugin-screen [class*="menkulex"],
body.mxos-plugin-screen [class*="menkulex"] *,
body [class*="mxos"],
body [class*="mxos"] *,
body [class*="menkulex"],
body [class*="menkulex"] * {
  box-sizing: border-box;
  min-width: 0;
  letter-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: break-word;
  hyphens: none !important;
}

body.mxos-plugin-screen em,
body [class*="mxos"] em,
body [class*="menkulex"] em {
  font-style: normal !important;
}

body.mxos-plugin-screen img,
body [class*="mxos"] img,
body [class*="menkulex"] img,
body.mxos-plugin-screen svg,
body [class*="mxos"] svg,
body [class*="menkulex"] svg,
body.mxos-plugin-screen canvas,
body [class*="mxos"] canvas,
body [class*="menkulex"] canvas {
  max-width: 100%;
}

body.mxos-plugin-screen [class*="mxos"],
body.mxos-plugin-screen [class*="menkulex"] {
  max-width: 100%;
}

body.mxos-plugin-screen [class*="mxos"][class*="layout"],
body.mxos-plugin-screen [class*="mxos"][class*="shell"],
body.mxos-plugin-screen [class*="mxos"][class*="dashboard"],
body.mxos-plugin-screen [class*="mxos"][class*="workspace"],
body.mxos-plugin-screen [class*="mxos"][class*="content"],
body.mxos-plugin-screen [class*="menkulex"][class*="layout"],
body.mxos-plugin-screen [class*="menkulex"][class*="shell"],
body.mxos-plugin-screen [class*="menkulex"][class*="dashboard"],
body.mxos-plugin-screen [class*="menkulex"][class*="workspace"],
body.mxos-plugin-screen [class*="menkulex"][class*="content"] {
  overflow-x: clip;
}

body.mxos-plugin-screen [class*="card"],
body.mxos-plugin-screen [class*="panel"],
body.mxos-plugin-screen [class*="widget"],
body.mxos-plugin-screen [class*="box"],
body [class*="mxos"][class*="card"],
body [class*="mxos"][class*="panel"],
body [class*="mxos"][class*="widget"],
body [class*="mxos"][class*="box"] {
  max-width: 100%;
  border-radius: 16px;
}

body.mxos-plugin-screen button,
body.mxos-plugin-screen .button,
body.mxos-plugin-screen a[class*="btn"],
body.mxos-plugin-screen [class*="button"],
body [class*="mxos"] button,
body [class*="mxos"] .button,
body [class*="mxos"] a[class*="btn"],
body [class*="mxos"] [class*="button"] {
  min-height: 38px;
  white-space: normal !important;
  line-height: 1.22;
}

body.mxos-plugin-screen button:hover,
body.mxos-plugin-screen .button:hover,
body.mxos-plugin-screen a[class*="btn"]:hover,
body.mxos-plugin-screen [class*="button"]:hover,
body [class*="mxos"] button:hover,
body [class*="mxos"] .button:hover,
body [class*="mxos"] a[class*="btn"]:hover,
body [class*="mxos"] [class*="button"]:hover {
  border-color: rgba(255, 122, 0, .55);
  box-shadow: 0 10px 24px rgba(255, 122, 0, .14);
}

body.mxos-plugin-screen input,
body.mxos-plugin-screen select,
body.mxos-plugin-screen textarea,
body [class*="mxos"] input,
body [class*="mxos"] select,
body [class*="mxos"] textarea {
  max-width: 100%;
}

.mxos-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mxos-table-wrap table {
  min-width: 720px;
}

body.mxos-plugin-screen table,
body [class*="mxos"] table,
body [class*="menkulex"] table {
  border-collapse: collapse;
  max-width: 100%;
}

body.mxos-plugin-screen th,
body.mxos-plugin-screen td,
body [class*="mxos"] th,
body [class*="mxos"] td {
  vertical-align: middle;
}

@media (max-width: 1280px) {
  body.mxos-plugin-screen [class*="kpi"],
  body.mxos-plugin-screen [class*="stat"],
  body.mxos-plugin-screen [class*="metric"] {
    min-width: 0 !important;
  }

  body.mxos-plugin-screen [class*="grid"],
  body.mxos-plugin-screen [class*="cards"],
  body [class*="mxos"][class*="grid"],
  body [class*="mxos"][class*="cards"] {
    gap: 14px !important;
  }
}

@media (max-width: 1180px) {
  body.mxos-plugin-screen [class*="grid"],
  body.mxos-plugin-screen [class*="cards"],
  body [class*="mxos"][class*="grid"],
  body [class*="mxos"][class*="cards"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mxos-plugin-screen [class*="mxos"][class*="main"],
  body.mxos-plugin-screen [class*="mxos"][class*="body"],
  body.mxos-plugin-screen [class*="menkulex"][class*="main"],
  body.mxos-plugin-screen [class*="menkulex"][class*="body"] {
    gap: 14px !important;
  }
}

@media (max-width: 960px) {
  body.mxos-plugin-screen [class*="topbar"],
  body.mxos-plugin-screen [class*="toolbar"],
  body.mxos-plugin-screen [class*="header"],
  body [class*="mxos"][class*="topbar"],
  body [class*="mxos"][class*="toolbar"],
  body [class*="mxos"][class*="header"] {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body.mxos-plugin-screen [class*="search"],
  body.mxos-plugin-screen input[type="search"],
  body [class*="mxos"] [class*="search"],
  body [class*="mxos"] input[type="search"] {
    flex: 1 1 280px !important;
    min-width: 0 !important;
  }
}

@media (max-width: 782px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.wp-admin.mxos-plugin-screen #wpcontent,
  body.wp-admin.mxos-plugin-screen #wpfooter {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  body.mxos-mobile-view [class*="mxos"][class*="layout"],
  body.mxos-mobile-view [class*="mxos"][class*="shell"],
  body.mxos-mobile-view [class*="mxos"][class*="dashboard"],
  body.mxos-mobile-view [class*="mxos"][class*="workspace"],
  body.mxos-mobile-view [class*="mxos"][class*="content"],
  body.mxos-mobile-view [class*="mxos"][class*="main"],
  body.mxos-mobile-view [class*="menkulex"][class*="layout"],
  body.mxos-mobile-view [class*="menkulex"][class*="shell"],
  body.mxos-mobile-view [class*="menkulex"][class*="dashboard"],
  body.mxos-mobile-view [class*="menkulex"][class*="workspace"],
  body.mxos-mobile-view [class*="menkulex"][class*="content"],
  body.mxos-mobile-view [class*="menkulex"][class*="main"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mxos-mobile-view [class*="sidebar"],
  body.mxos-mobile-view [class*="side-nav"],
  body.mxos-mobile-view [class*="left-nav"],
  body.mxos-mobile-view aside[class*="mxos"],
  body.mxos-mobile-view nav[class*="mxos"] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: 46vh !important;
    overflow: auto !important;
    margin: 0 0 12px !important;
    border-radius: 18px !important;
    -webkit-overflow-scrolling: touch;
  }

  body.mxos-mobile-view [class*="sidebar"] a,
  body.mxos-mobile-view [class*="side-nav"] a,
  body.mxos-mobile-view [class*="left-nav"] a,
  body.mxos-mobile-view nav[class*="mxos"] a {
    min-height: 40px;
    border-radius: 12px;
  }

  body.mxos-mobile-view [class*="topbar"],
  body.mxos-mobile-view [class*="toolbar"],
  body.mxos-mobile-view [class*="header"] {
    position: sticky !important;
    top: 0;
    z-index: 50;
    background: rgba(246, 250, 255, .92);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(207, 224, 251, .85);
  }

  body.mxos-mobile-view [class*="mxos"][class*="grid"],
  body.mxos-mobile-view [class*="mxos"][class*="cards"],
  body.mxos-mobile-view [class*="mxos"][class*="columns"],
  body.mxos-mobile-view [class*="menkulex"][class*="grid"],
  body.mxos-mobile-view [class*="menkulex"][class*="cards"],
  body.mxos-mobile-view [class*="menkulex"][class*="columns"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mxos-mobile-view [class*="card"],
  body.mxos-mobile-view [class*="panel"],
  body.mxos-mobile-view [class*="widget"],
  body.mxos-mobile-view [class*="box"] {
    width: 100% !important;
    min-height: auto !important;
    padding: clamp(14px, 4vw, 18px) !important;
  }

  body.mxos-mobile-view [class*="quick"],
  body.mxos-mobile-view [class*="actions"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.mxos-mobile-view [class*="quick"] button,
  body.mxos-mobile-view [class*="quick"] a,
  body.mxos-mobile-view [class*="actions"] button,
  body.mxos-mobile-view [class*="actions"] a {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.mxos-mobile-view h1,
  body.mxos-mobile-view h2,
  body.mxos-mobile-view h3 {
    max-width: 100%;
    line-height: 1.12 !important;
  }

  body.mxos-mobile-view h1 {
    font-size: clamp(24px, 7vw, 36px) !important;
  }

  body.mxos-mobile-view h2 {
    font-size: clamp(19px, 5vw, 28px) !important;
  }

  body.mxos-mobile-view p,
  body.mxos-mobile-view li,
  body.mxos-mobile-view span,
  body.mxos-mobile-view strong {
    line-height: 1.42;
  }

  body.mxos-mobile-view .mxos-table-wrap {
    border: 1px solid var(--mxos-rsp-line);
    border-radius: 14px;
    background: #fff;
  }
}

@media (max-width: 560px) {
  body.mxos-mobile-view [class*="quick"],
  body.mxos-mobile-view [class*="actions"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mxos-mobile-view [class*="topbar"],
  body.mxos-mobile-view [class*="toolbar"],
  body.mxos-mobile-view [class*="header"] {
    padding: 10px !important;
  }

  body.mxos-mobile-view input,
  body.mxos-mobile-view select,
  body.mxos-mobile-view textarea,
  body.mxos-mobile-view button,
  body.mxos-mobile-view .button {
    width: 100%;
  }
}

body.mxos-mobile-view [class*="float"],
body.mxos-mobile-view [class*="chat"],
body.mxos-mobile-view [class*="whatsapp"] {
  max-width: calc(100vw - 24px);
}

body.mxos-mobile-view [class*="floating"],
body.mxos-mobile-view [class*="chat-button"],
body.mxos-mobile-view [class*="whatsapp-button"] {
  right: max(12px, env(safe-area-inset-right)) !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

/*
 * v6.5.5 Safe Scope Reinforcement
 * Bu blok katmani daraltir: yalniz MenkulEX/MXOS konteynerleri icinde etkili olur.
 */
body:not(.mxos-plugin-screen) .mxos-table-wrap {
  overflow: visible;
}

body.mxos-plugin-screen [class*="mxos"][class*="grid"],
body.mxos-plugin-screen [class*="menkulex"][class*="grid"],
body.mxos-plugin-screen [class*="mxos"][class*="cards"],
body.mxos-plugin-screen [class*="menkulex"][class*="cards"] {
  align-items: stretch;
}

body.mxos-mobile-view [class*="mxos"][class*="app"],
body.mxos-mobile-view [class*="mxos"][class*="page"],
body.mxos-mobile-view [class*="mxos"][class*="center"],
body.mxos-mobile-view [class*="menkulex"][class*="app"],
body.mxos-mobile-view [class*="menkulex"][class*="page"],
body.mxos-mobile-view [class*="menkulex"][class*="center"] {
  width: 100% !important;
  max-width: 100% !important;
}

body.mxos-mobile-view [class*="mxos"][class*="kpi"],
body.mxos-mobile-view [class*="mxos"][class*="stat"],
body.mxos-mobile-view [class*="mxos"][class*="metric"],
body.mxos-mobile-view [class*="menkulex"][class*="kpi"],
body.mxos-mobile-view [class*="menkulex"][class*="stat"],
body.mxos-mobile-view [class*="menkulex"][class*="metric"] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
