/* Independent external UX hardening R2: layout, navigation and tablet usability. */
.ux-nav-section{padding:12px 10px 5px;color:#778187;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;pointer-events:none}.ux-nav-section:first-child{padding-top:3px}.ux-sidebar-backdrop{display:none}.page-head>*,.card-head>*,.section-heading>*,.toolbar>*{min-width:0}.content img,.content canvas,.content video,.content svg{max-width:100%}.compact-row>*{min-width:0}.compact-row span,.compact-row small,.compact-row b{overflow-wrap:anywhere}.button-row,.actions,.toolbar{max-width:100%}.table-wrap{max-width:100%}.data-table{max-width:none}.modal{overscroll-behavior:contain}.field input,.field select,.field textarea{max-width:100%;width:100%}

/* Gereedschapsbeheer is een volwaardige werkplaatsconsole. Op desktop krijgt die
   bewust de volle werkbreedte; de algemene WEnovo-navigatie blijft via het menu bereikbaar. */
@media(min-width:1025px){
  body.ux-tooling-focus .app-shell{display:block!important;min-width:0}
  body.ux-tooling-focus .topbar{height:var(--topbar);position:sticky;top:0;z-index:240}
  body.ux-tooling-focus #menuButton{display:block!important}
  body.ux-tooling-focus .sidebar{position:fixed!important;left:-292px!important;top:var(--topbar)!important;bottom:0!important;width:276px!important;height:calc(100dvh - var(--topbar))!important;z-index:260!important;transition:left .2s ease!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:14px 0 40px rgba(7,12,15,.22)}
  body.ux-tooling-focus .sidebar.open{left:0!important}
  body.ux-tooling-focus .ux-sidebar-backdrop{display:block;position:fixed;inset:var(--topbar) 0 0;background:rgba(9,14,17,.48);z-index:250;opacity:0;pointer-events:none;transition:.18s}
  body.ux-tooling-focus.ux-menu-open .ux-sidebar-backdrop{opacity:1;pointer-events:auto}
  body.ux-tooling-focus.ux-menu-open{overflow:hidden}
  body.ux-tooling-focus .content{padding:22px 26px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
}
@media(max-width:1180px){.page-head,.card-head,.section-heading{flex-wrap:wrap}.page-head>div:first-child,.card-head>div:first-child,.section-heading>div:first-child{flex:1 1 420px}.page-head>.button-row,.card-head>.button-row,.card-head>.toolbar,.section-heading>.button-row{flex:0 1 auto}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.endurance-service-toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,.7fr)}.endurance-service-toolbar>*:last-child{grid-column:1/-1}.endurance-service-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1024px){
  :root{--topbar:66px}
  .mobile-only{display:block!important}
  .app-shell{display:block!important;min-width:0}
  .topbar{height:var(--topbar);padding:0 14px;position:sticky;top:0;z-index:240}
  .topbar .brand.compact .brand-enovo,.topbar .brand.compact .brand-wenovo{font-size:15px}
  .account-btn span:last-child{display:none}
  .sidebar{position:fixed!important;left:-292px!important;top:var(--topbar)!important;bottom:0!important;width:276px!important;height:calc(100dvh - var(--topbar))!important;z-index:260!important;transition:left .2s ease!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:14px 0 40px rgba(7,12,15,.22)}
  .sidebar.open{left:0!important}
  .ux-sidebar-backdrop{display:block;position:fixed;inset:var(--topbar) 0 0;background:rgba(9,14,17,.48);z-index:250;opacity:0;pointer-events:none;transition:.18s}
  body.ux-menu-open .ux-sidebar-backdrop{opacity:1;pointer-events:auto}
  body.ux-menu-open{overflow:hidden}
  body.ux-menu-open .mobile-bottom-nav{z-index:270}
  .content{padding:20px 18px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  .page-head{gap:12px;margin-bottom:17px}.page-head h1{font-size:29px}.page-head p{max-width:72ch}
  .card{padding:18px}.hero{padding:22px}.hero h2{font-size:25px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile-grid,.tile-grid.two,.tile-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid.two,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .document-grid{grid-template-columns:1fr}
  .endurance-service-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.endurance-service-toolbar>*:last-child{grid-column:1/-1}
  .endurance-service-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .endurance-service-card header{flex-wrap:wrap}
  .phase4-page-head,.phase4-editor-head,.phase4-detail-head{flex-wrap:wrap}
  .phase4-filter-row{flex-wrap:wrap}
  .phase4-request-grid,.phase4-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .phase4-editor-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-row{max-width:100%;gap:10px}
  .modal-backdrop{padding:14px}.modal{width:min(900px,100%);max-height:calc(100dvh - 28px)}
}
@media(max-width:760px){
  .content{padding:15px 12px!important}.page-head h1{font-size:26px}.card{padding:15px}.hero{padding:18px}
  .tile-grid,.tile-grid.two,.tile-grid.four,.form-grid.two,.form-grid.three,.capacity-grid,.document-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .endurance-service-toolbar,.endurance-service-meta{grid-template-columns:1fr}.endurance-service-toolbar>*:last-child{grid-column:auto}
  .endurance-service-card header{flex-direction:column}.endurance-service-card footer{display:grid;grid-template-columns:1fr}.endurance-service-card footer .button{width:100%}
  .phase4-request-grid,.phase4-detail-grid,.phase4-editor-sidebar{grid-template-columns:1fr}
  .phase4-request-card>footer{display:grid;grid-template-columns:1fr}.phase4-request-card>footer .button{width:100%}
  .page-head>.button-row,.card-head>.button-row,.section-heading>.button-row{width:100%}.page-head>.button-row .button,.card-head>.button-row .button{flex:1}
  .toolbar{display:grid;grid-template-columns:1fr}.toolbar input,.toolbar select,.toolbar .button{width:100%}
  .modal-backdrop{padding:0;align-items:stretch}.modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:58px 14px 24px}.modal>.modal-close{position:fixed;z-index:310;top:10px;right:12px}
}
@media(max-width:430px){.stat-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 9px}.content{padding:12px 9px!important}.page-head h1{font-size:24px}}

/* External QA fixes: preserve readable hierarchy in operational tables and sync cards. */
.endurance-workload-table td:first-child b,.endurance-workload-table td:first-child small{display:block}
.endurance-workload-table td:first-child small{margin-top:3px;color:var(--muted);line-height:1.25}
.cr-sync-step-grid article>b,.cr-sync-step-grid article>span{display:block}
@media(max-width:1024px){
  .endurance-task-bulk .check{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;column-gap:10px!important}
  .endurance-task-bulk .check>span{min-width:0!important}
  .endurance-task-bulk .check b,.endurance-task-bulk .check small{display:block!important}
  .endurance-workload-table td:first-child{min-width:165px}
}