/* Componentgebonden beheer-UX; originele Beyen-styling blijft leidend. */
.lvs-management-tabs{display:flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;margin:-.25rem 0 1.25rem;padding:.25rem;border:1px solid #e5e7eb;border-radius:.8rem;background:#f8fafc;overflow-x:auto;scrollbar-width:none}
.lvs-management-tabs::-webkit-scrollbar{display:none}
.lvs-management-tab{position:relative;flex:0 0 auto;min-height:2.5rem;padding:.55rem 1rem;border:0;border-radius:.6rem;background:transparent;color:#64748b;font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.lvs-management-tab:hover{color:#1e40af;background:#fff}
.lvs-management-tab[aria-selected="true"]{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08),0 0 0 1px rgba(148,163,184,.16)}
.lvs-management-tab:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:2px}
[data-lvs-management-child][hidden]{display:none!important}
.lvs-management-backdrop{position:fixed;inset:0;z-index:79;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}
.lvs-management-edit-modal{position:fixed!important;z-index:80!important;inset:clamp(.75rem,3vw,2rem)!important;width:min(920px,calc(100vw - 2rem))!important;max-height:calc(100dvh - clamp(1.5rem,6vw,4rem))!important;margin:auto!important;overflow:auto!important;border-radius:1rem!important;box-shadow:0 24px 80px rgba(15,23,42,.24)!important;overscroll-behavior:contain}
html.lvs-management-modal-open{overflow:hidden}

/* Subtiele, veilige productafwerking binnen de bestaande componenten. */
#root :is(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(59,130,246,.22);outline-offset:2px}
#root main :is(input,select,textarea){transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
#root main textarea{resize:vertical}
#root main table{border-collapse:separate;border-spacing:0}
#root main img,#root main video,#root main canvas,#root main iframe{max-width:100%}
#root main [class*="overflow-hidden"] table{min-width:640px}

@media(max-width:767px){
  .lvs-management-tabs{width:100%;margin:0 0 1rem;padding:.2rem}
  .lvs-management-tab{flex:1 0 auto;min-height:2.75rem;padding:.65rem .9rem}
  .lvs-management-edit-modal{inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:1rem!important}
  .lvs-management-backdrop{display:none}
  #root main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button){min-height:44px}
  #root main table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #root main th,#root main td{white-space:nowrap}
  #root main [class*="grid-cols-2"],#root main [class*="grid-cols-3"],#root main [class*="grid-cols-4"]{min-width:0}
}

@media(prefers-reduced-motion:reduce){.lvs-management-tab,#root main :is(input,select,textarea){transition:none}}