/* =========================================================
   GYPTO EHS V230 — Compact Desktop Density
   Purpose: make desktop comfortable at browser zoom 100%
   without scaling the entire application or changing mobile UI.
   ========================================================= */

@media (min-width:1200px){
  :root{
    --ga-ribbon:24px!important;
    --ga-header:54px!important;
    --ga-nav:38px!important;
  }

  /* Identity ribbon */
  body.v78-redesign .ehs-quality-utilitybar.gypto-approved-ribbon{
    height:var(--ga-ribbon)!important;
    min-height:var(--ga-ribbon)!important;
    padding:0 18px!important;
    gap:12px!important;
    border-bottom-width:2px!important;
  }
  body.v78-redesign .gypto-approved-ribbon .ehs-quality-utility-left,
  body.v78-redesign .gypto-approved-ribbon .ehs-quality-utility-right{
    gap:9px!important;
  }
  body.v78-redesign .gypto-approved-ribbon strong{font-size:9px!important;letter-spacing:.06em!important}
  body.v78-redesign .gypto-approved-ribbon span{font-size:8px!important}

  /* Main header */
  body.v78-redesign .topbar.ehs-quality-header.gypto-approved-header{
    height:var(--ga-header)!important;
    min-height:var(--ga-header)!important;
    padding:5px 14px!important;
    grid-template-columns:minmax(205px,255px) minmax(260px,1fr) auto!important;
    gap:8px!important;
  }
  body.v78-redesign .gypto-approved-brand{
    height:40px!important;
    min-height:40px!important;
    padding:4px 8px!important;
    gap:8px!important;
    border-radius:6px!important;
  }
  body.v78-redesign .gypto-approved-brand img{
    width:68px!important;
    max-width:68px!important;
    height:28px!important;
  }
  body.v78-redesign .gypto-approved-brand b{font-size:12px!important;line-height:1.05!important}
  body.v78-redesign .gypto-approved-brand span{font-size:7.5px!important;margin-top:1px!important;max-width:145px!important}

  /* Search */
  body.v78-redesign .gypto-approved-search{
    height:36px!important;
    grid-template-columns:25px minmax(100px,1fr) auto auto!important;
    gap:3px!important;
    padding:2px 5px!important;
    border-radius:6px!important;
  }
  body.v78-redesign .gypto-approved-search-icon{font-size:15px!important}
  body.v78-redesign #headerSearchInput{
    height:29px!important;
    font-size:10px!important;
    padding:0 3px!important;
  }
  body.v78-redesign #headerSearchScope{
    min-width:64px!important;
    height:27px!important;
    padding:0 19px 0 7px!important;
    font-size:8.5px!important;
  }
  body.v78-redesign .gypto-approved-search kbd{
    padding:2px 4px!important;
    font-size:7px!important;
  }

  /* Header action controls */
  body.v78-redesign .gypto-approved-actions{gap:4px!important}
  body.v78-redesign .gypto-approved-tools-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 11px!important;
    border-radius:6px!important;
    font-size:9px!important;
  }
  body.v78-redesign .gypto-approved-status,
  body.v78-redesign .gypto-approved-access{
    height:36px!important;
    min-height:36px!important;
    padding:4px 7px!important;
    gap:5px!important;
    border-radius:6px!important;
  }
  body.v78-redesign .gypto-approved-status{min-width:86px!important}
  body.v78-redesign .gypto-approved-status-dot{
    width:6px!important;height:6px!important;flex-basis:6px!important;
    box-shadow:0 0 0 2px rgba(34,160,107,.10)!important;
  }
  body.v78-redesign .gypto-approved-status small,
  body.v78-redesign .gypto-approved-access>small{font-size:6.5px!important}
  body.v78-redesign .gypto-approved-status strong{font-size:8px!important;margin-top:1px!important}
  body.v78-redesign .gypto-approved-access{
    min-width:125px!important;
    max-width:145px!important;
  }
  body.v78-redesign .gypto-approved-access strong{
    max-width:132px!important;
    font-size:8.5px!important;
  }
  body.v78-redesign .gypto-approved-access span{font-size:6.5px!important}
  body.v78-redesign .ehs-header-install-btn,
  body.v78-redesign .gypto-approved-notifications,
  body.v78-redesign .gypto-approved-logout{
    height:36px!important;
    min-height:36px!important;
    border-radius:6px!important;
  }
  body.v78-redesign .ehs-header-install-btn{width:36px!important;padding:8px!important}
  body.v78-redesign .gypto-approved-notifications{width:36px!important;min-width:36px!important}
  body.v78-redesign .gypto-approved-notifications::before{font-size:12px!important}
  body.v78-redesign .gypto-approved-notifications #notificationCount{
    min-width:13px!important;height:13px!important;font-size:6px!important;
  }
  body.v78-redesign .gypto-approved-logout{padding:0 8px!important;font-size:8px!important}

  /* Primary navigation */
  body.v78-redesign #sectionsMenu{
    height:var(--ga-nav)!important;
    padding:0 16px!important;
  }
  body.v78-redesign #sectionsMenu .ehs-v55-subnav-bar{
    height:var(--ga-nav)!important;
    gap:5px!important;
  }
  body.v78-redesign #sectionsTabs{gap:2px!important}
  body.v78-redesign #sectionsTabs .ehs-qms-nav-button{
    height:var(--ga-nav)!important;
    padding:0 7px!important;
    gap:4px!important;
    font-size:9px!important;
    border-radius:6px!important;
  }
  body.v78-redesign #sectionsTabs .ehs-qms-nav-button>span:last-child:not(.v78-nav-icon){font-size:8.5px!important}
  body.v78-redesign .v78-nav-icon{
    width:19px!important;height:19px!important;flex-basis:19px!important;
    border-radius:5px!important;font-size:8px!important;
  }
  body.v78-redesign #sectionsMyTasks{
    min-width:82px!important;height:29px!important;min-height:29px!important;
    padding:0 8px!important;font-size:8px!important;border-radius:6px!important;
  }

  /* Dropdown navigation panel */
  body.v78-redesign #sectionsMenuPanel{
    left:16px!important;right:16px!important;top:calc(100% + 4px)!important;
    padding:8px!important;border-radius:8px!important;
  }
  body.v78-redesign .ehs-v55-panel-head{padding:4px 5px 8px!important;margin-bottom:7px!important}
  body.v78-redesign .ehs-v55-panel-head strong{font-size:11px!important}
  body.v78-redesign .ehs-v55-panel-head small{font-size:8.5px!important}
  body.v78-redesign .ehs-v55-panel-close{width:27px!important;height:27px!important;border-radius:7px!important}
  body.v78-redesign #nav{gap:4px!important}
  body.v78-redesign #nav button{
    min-height:34px!important;
    padding:6px 8px!important;
    border-radius:5px!important;
    font-size:8.5px!important;
  }

  /* Working canvas — denser, but not globally scaled */
  body.v78-redesign #view.content{
    max-width:1720px!important;
    padding:12px 18px 28px!important;
    gap:12px!important;
  }
  body.v78-redesign .footer{margin:0 18px 12px!important;padding-top:10px!important;font-size:9px!important}

  /* Enterprise CAPA page */
  body.v78-redesign .capa69-shell{
    gap:10px!important;
    padding-bottom:18px!important;
  }
  body.v78-redesign .capa69-head{gap:12px!important}
  body.v78-redesign .capa69-head h2{font-size:23px!important;margin:1px 0 3px!important}
  body.v78-redesign .capa69-head p{font-size:11px!important;line-height:1.35!important}

  body.v78-redesign .capa69-list-head{
    padding:9px 13px!important;
    gap:9px!important;
  }
  body.v78-redesign .capa69-list-head h3{
    font-size:18px!important;
    line-height:1.15!important;
  }
  body.v78-redesign .capa69-list-head p{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  body.v78-redesign .capa69-mode-pill{padding:3px!important;border-radius:9px!important}
  body.v78-redesign .capa69-mode-pill button,
  body.v78-redesign .capa69-mode-pill button.primary,
  body.v78-redesign .capa69-mode-pill button.secondary{
    min-height:30px!important;
    padding:5px 9px!important;
    border-radius:7px!important;
    font-size:9px!important;
  }

  /* CAPA filters */
  body.v78-redesign .capa-v166-table-filters,
  body.v78-redesign .v138-capa-command{
    margin:8px 0 10px!important;
    padding:10px!important;
    gap:6px!important;
    border-radius:11px!important;
  }
  body.v78-redesign .capa-v166-filter-title{margin-bottom:6px!important}
  body.v78-redesign .capa-v166-filter-title b{font-size:11px!important}
  body.v78-redesign .capa-v166-filter-title span{font-size:8.5px!important;margin-top:1px!important}
  body.v78-redesign .v138-capa-search-line{
    gap:6px!important;
    margin-bottom:6px!important;
  }
  body.v78-redesign .v138-capa-search-line input{
    min-height:38px!important;
    height:38px!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  body.v78-redesign .v138-capa-search-line button{
    min-width:78px!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body.v78-redesign .v138-capa-filter-line{gap:6px!important}
  body.v78-redesign .capa-ms>summary{
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    gap:7px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }
  body.v78-redesign .capa-ms>summary i{font-size:13px!important}
  body.v78-redesign .capa-ms-panel{top:calc(100% + 4px)!important;border-radius:10px!important}
  body.v78-redesign .capa-ms-head,
  body.v78-redesign .capa-ms-foot{padding:7px 9px!important;gap:7px!important}
  body.v78-redesign .capa-ms-head b{font-size:11px!important}
  body.v78-redesign .capa-ms-clear{font-size:10px!important;padding:4px 6px!important}
  body.v78-redesign .capa-ms-foot button{min-height:30px!important;padding:4px 11px!important;font-size:9px!important}
  body.v78-redesign .capa-ms-options{max-height:250px!important;padding:4px!important}
  body.v78-redesign .capa-ms-options label{gap:8px!important;padding:7px 8px!important;border-radius:7px!important;font-size:10px!important}
  body.v78-redesign .capa-ms-options input[type=checkbox]{width:15px!important;height:15px!important}

  /* CAPA table: more data visible without sacrificing readability */
  body.v78-redesign .capa69-table{font-size:10px!important}
  body.v78-redesign .capa69-table th{
    padding:8px 9px!important;
    font-size:8.5px!important;
    line-height:1.2!important;
  }
  body.v78-redesign .capa69-table td{
    padding:9px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  body.v78-redesign .capa69-desc b{font-size:11px!important;line-height:1.3!important;margin-bottom:2px!important}
  body.v78-redesign .capa69-desc span{font-size:10px!important;line-height:1.3!important}
  body.v78-redesign .capa69-owner{gap:6px!important}
  body.v78-redesign .capa69-avatar{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:9px!important}
  body.v78-redesign .capa69-owner b{font-size:10px!important}
  body.v78-redesign .capa69-owner span{font-size:8.5px!important}
  body.v78-redesign .capa69-chip{
    padding:4px 7px!important;
    font-size:8.5px!important;
  }
  body.v78-redesign .capa69-row-actions{gap:4px!important}
  body.v78-redesign .capa69-row-actions button{
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:9px!important;
  }
  body.v78-redesign .capa69-pagination{padding:9px 13px!important}
  body.v78-redesign .capa69-pages button{min-width:29px!important;min-height:29px!important;padding:4px 7px!important}

  /* Full-register controls share the same compact desktop density. */
  body.v78-redesign #capaV211FullFilters{
    margin:8px 0 10px!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  body.v78-redesign #capaV211FullFilters .capa-v211-filter-title{margin-bottom:6px!important}
  body.v78-redesign #capaV211FullFilters .capa-v211-filter-title b{font-size:11px!important}
  body.v78-redesign #capaV211FullFilters .capa-v211-filter-title span{font-size:8.5px!important}
  body.v78-redesign #capaV211FullFilters .capa-v211-search-row{
    grid-template-columns:minmax(240px,1fr) 88px 88px!important;
    gap:6px!important;
    margin-bottom:7px!important;
  }
  body.v78-redesign #capaV211FullFilters .capa-v211-search-row input,
  body.v78-redesign #capaV211FullFilters .capa-v211-search-row button,
  body.v78-redesign #capaV211FullFilters .capa-v211-filter-row>.capa-ms>summary{
    min-height:38px!important;
    height:38px!important;
  }
  body.v78-redesign #capaV211FullFilters .capa-v211-search-row input{padding:8px 10px!important;border-radius:8px!important;font-size:11px!important}
  body.v78-redesign #capaV211FullFilters .capa-v211-search-row button{padding:0 10px!important;border-radius:8px!important;font-size:10px!important}
  body.v78-redesign #capaV211FullFilters .capa-v211-filter-row{gap:6px!important}
  body.v78-redesign .capa-v211-table-access{margin:8px 0 6px!important;padding:7px 9px!important;gap:10px!important;border-radius:9px!important}
  body.v78-redesign .capa-v211-table-note{font-size:9px!important}
  body.v78-redesign .capa-v211-top-scroll{height:14px!important}
  body.v78-redesign .capa-v211-table-wrap{max-height:68vh!important;border-radius:10px!important}
  body.v78-redesign .capa-v211-table-wrap .capa-excel-table th,
  body.v78-redesign .capa-v211-table-wrap .capa-excel-table td{padding:5px 6px!important;font-size:9px!important}

  /* Generic cards and toolbars: slight density correction only on desktop. */
  body.v78-redesign #view.content>.card,
  body.v78-redesign #view.content .toolbar{margin-top:0!important}
}

/* Keep the existing responsive/mobile experience unchanged below 1200px. */