/*
 * ============================================================
 * NOYTRIX SETTINGS — CLEAN LAYOUT V68
 *
 * REMOVE:
 * - General / Checks / Sync and data / Privacy / Account nav
 * - Header language selector
 * - Security service status
 *
 * RESULT:
 * - Settings title stays
 * - Settings panels use full width
 * - No empty left column
 *
 * Desktop only.
 * ============================================================
 */

@media (min-width: 1200px) {


  /* ==========================================================
     1. REMOVE TOP-RIGHT SETTINGS TOOLS COMPLETELY
     EN + Security service status
     ========================================================== */

  #screen-settings .settings-page-tools {

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    visibility: hidden !important;
    pointer-events: none !important;
  }


  /* Extra protection in case individual controls have
     stronger CSS elsewhere */

  #screen-settings .settings-header-select,
  #screen-settings .settings-page-tools select,
  #screen-settings .settings-page-tools .live-pill,
  #screen-settings .settings-page-tools .engine-status,
  #screen-settings .settings-page-tools [class*="status"] {

    display: none !important;
  }


  /* ==========================================================
     2. HEADER NOW CONTAINS ONLY TITLE/SUBTITLE
     ========================================================== */

  #screen-settings .settings-page-header {

    width: 100% !important;

    display: block !important;

    margin:
      6px 0 18px
      !important;

    padding: 0 !important;

    min-height: 0 !important;

    box-sizing: border-box !important;
  }


  #screen-settings .settings-page-header > div:first-child {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
  }


  /* ==========================================================
     3. REMOVE LEFT SETTINGS NAV COMPLETELY
     ========================================================== */

  #screen-settings .settings-section-nav {

    display: none !important;

    position: static !important;

    width: 0 !important;
    max-width: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;

    visibility: hidden !important;
    pointer-events: none !important;
  }


  #screen-settings .settings-section-nav * {

    display: none !important;
  }


  /* ==========================================================
     4. WORKSPACE BECOMES ONE FULL-WIDTH COLUMN
     ========================================================== */

  html.noytrix-subpage-v27
  #screen-settings
  .settings-workspace,

  #screen-settings .settings-workspace {

    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
      !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: start !important;
    align-content: start !important;

    justify-items: stretch !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  /* ==========================================================
     5. MAIN SETTINGS CONTENT FULL WIDTH
     ========================================================== */

  #screen-settings .settings-main {

    grid-column:
      1 / -1
      !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    gap: 12px !important;

    box-sizing: border-box !important;
  }


  /* ==========================================================
     6. PANELS USE WHOLE AVAILABLE WIDTH
     ========================================================== */

  #screen-settings .settings-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;
  }


  /* ==========================================================
     7. LANGUAGE & REGION
     Nice balanced layout
     ========================================================== */

  #screen-settings .settings-fields-three {

    display: grid !important;

    grid-template-columns:
      repeat(3, minmax(0, 1fr))
      !important;

    gap: 16px !important;

    width: 100% !important;
  }


  /* ==========================================================
     8. APPEARANCE
     ========================================================== */

  #screen-settings .appearance-controls {

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr)
      !important;

    gap: 22px !important;

    width: 100% !important;

    align-items: end !important;
  }


  /* ==========================================================
     9. DEFAULT CHECKS
     ========================================================== */

  #screen-settings .settings-scan-grid {

    display: grid !important;

    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(260px, .75fr)
      !important;

    gap: 28px !important;

    width: 100% !important;
  }


  /* ==========================================================
     10. BEHAVIOUR AND DATA
     ========================================================== */

  #screen-settings .settings-data-panel {

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(320px, .8fr)
      !important;

    gap: 24px !important;

    width: 100% !important;
  }


  /* ==========================================================
     11. NO HORIZONTAL OVERFLOW
     ========================================================== */

  #screen-settings,
  #screen-settings .settings-workspace,
  #screen-settings .settings-main,
  #screen-settings .settings-panel {

    box-sizing: border-box !important;

    max-width: 100% !important;
  }


  #screen-settings .settings-panel > *,
  #screen-settings .settings-main > * {

    min-width: 0 !important;

    box-sizing: border-box !important;
  }

}


/* ============================================================
   SMALLER DESKTOP
   ============================================================ */

@media (min-width: 1200px) and (max-width: 1450px) {

  #screen-settings .settings-fields-three {

    grid-template-columns:
      repeat(2, minmax(0, 1fr))
      !important;
  }


  #screen-settings .appearance-controls {

    grid-template-columns:
      repeat(2, minmax(0, 1fr))
      !important;
  }


  #screen-settings .settings-scan-grid,
  #screen-settings .settings-data-panel {

    grid-template-columns:
      minmax(0, 1fr)
      minmax(240px, .7fr)
      !important;
  }

}