/* Procesverslagen v1.359 - Windows/Fluent hoofdstyle
   Globale presentatielaag. Functionele pagina-specifieke layout blijft intact. */

:root {
  --pv-win-font: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --pv-win-bg: #edf3f8;
  --pv-win-surface: rgba(255,255,255,.92);
  --pv-win-surface-soft: rgba(247,250,253,.92);
  --pv-win-border: rgba(59,84,108,.16);
  --pv-win-border-strong: rgba(59,84,108,.24);
  --pv-win-text: #21364a;
  --pv-win-muted: #647587;
  --pv-win-blue: #0078d4;
  --pv-win-blue-dark: #0067b8;
  --pv-win-blue-soft: #e8f3fb;
  --pv-win-shadow: 0 8px 24px rgba(27,55,82,.09), 0 2px 6px rgba(27,55,82,.05);
  --pv-win-shadow-hover: 0 12px 32px rgba(25,58,90,.13), 0 3px 8px rgba(25,58,90,.06);
}

html { font-family: var(--pv-win-font); }

body.pv-windows-main {
  font-family: var(--pv-win-font) !important;
  color: var(--pv-win-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(0,120,212,.10), transparent 30%),
    radial-gradient(circle at 96% 10%, rgba(91,89,210,.06), transparent 28%),
    linear-gradient(180deg,#f2f6fa 0%,#e8f0f6 100%) fixed !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.pv-windows-main > main.container {
  width: min(calc(100% - 24px), 1720px) !important;
  max-width: 1720px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.pv-windows-main h1,
body.pv-windows-main h2,
body.pv-windows-main h3,
body.pv-windows-main h4,
body.pv-windows-main h5,
body.pv-windows-main h6 {
  font-family: var(--pv-win-font) !important;
  color: #1f3347;
  font-weight: 700;
  letter-spacing: -.015em;
}

body.pv-windows-main .text-muted { color: var(--pv-win-muted) !important; }
body.pv-windows-main a { text-underline-offset: 2px; }

/* Navbar / command bar */
body.pv-windows-main .navbar.pv-navbar-stable {
  background:
    radial-gradient(circle at 18% -120%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(110deg, rgba(8,65,108,.97), rgba(0,103,184,.96) 54%, rgba(17,96,151,.96)) !important;
  border-bottom: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 8px 24px rgba(9,38,66,.22), inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
}
body.pv-windows-main .navbar.pv-navbar-stable .navbar-brand {
  font-family: var(--pv-win-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .navbar-nav .nav-link {
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 600 !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .navbar-nav .nav-link:hover:not(.disabled) {
  color: #fff !important;
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(255,255,255,.12) !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .navbar-nav .nav-link.active {
  color: #fff !important;
  background: rgba(255,255,255,.20) !important;
  border-color: rgba(255,255,255,.24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.08) !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .btn,
body.pv-windows-main .navbar.pv-navbar-stable .nav-utility-toggle,
body.pv-windows-main .navbar.pv-navbar-stable .pv-navbar-patch-badge,
body.pv-windows-main .navbar.pv-navbar-stable .pv-navbar-temperature {
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .dropdown-menu,
body.pv-windows-main .nav-utility-dropdown {
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 12px !important;
  background: rgba(248,252,255,.96) !important;
  box-shadow: 0 22px 58px rgba(5,29,49,.26), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(26px) saturate(1.16);
  -webkit-backdrop-filter: blur(26px) saturate(1.16);
  padding: 6px !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .dropdown-item {
  border-radius: 7px !important;
  color: #294056 !important;
  font-weight: 600;
}
body.pv-windows-main .navbar.pv-navbar-stable .dropdown-item:hover,
body.pv-windows-main .navbar.pv-navbar-stable .dropdown-item:focus {
  background: #e8f3fb !important;
  color: #005a9e !important;
}
body.pv-windows-main .navbar.pv-navbar-stable .dropdown-item.active {
  background: linear-gradient(180deg,#168fe0,#0067b8) !important;
  color: #fff !important;
}

/* Fluent surfaces */
body.pv-windows-main .card,
body.pv-windows-main .panel,
body.pv-windows-main .well,
body.pv-windows-main .list-group,
body.pv-windows-main .accordion-item,
body.pv-windows-main .toast {
  border: 1px solid var(--pv-win-border) !important;
  border-radius: 11px !important;
  background: var(--pv-win-surface) !important;
  box-shadow: var(--pv-win-shadow) !important;
}
body.pv-windows-main .card { overflow: clip; }
body.pv-windows-main .card:hover { border-color: var(--pv-win-border-strong) !important; }
body.pv-windows-main .card-header,
body.pv-windows-main .panel-heading,
body.pv-windows-main .accordion-button {
  color: #263d53 !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(238,245,250,.94)) !important;
  border-color: var(--pv-win-border) !important;
  font-family: var(--pv-win-font) !important;
  font-weight: 700 !important;
}
body.pv-windows-main .card-header-dark {
  color: #fff !important;
  background:
    radial-gradient(circle at 12% -80%,rgba(255,255,255,.20),transparent 42%),
    linear-gradient(115deg,#075c9f,#0078d4 55%,#168bd6) !important;
  border-color: rgba(0,73,128,.28) !important;
}
body.pv-windows-main .card-header-dark * { color: inherit !important; }
body.pv-windows-main .card-footer,
body.pv-windows-main .panel-footer {
  background: rgba(242,247,251,.94) !important;
  border-color: var(--pv-win-border) !important;
}
body.pv-windows-main .shadow,
body.pv-windows-main .shadow-sm { box-shadow: var(--pv-win-shadow) !important; }

/* Tables */
body.pv-windows-main .table-responsive {
  border-radius: 10px;
  scrollbar-color: #a9bfd0 transparent;
}
body.pv-windows-main .table {
  --bs-table-bg: rgba(255,255,255,.84);
  --bs-table-color: #263b4f;
  --bs-table-border-color: rgba(69,94,118,.12);
  color: #263b4f !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(69,94,118,.12) !important;
  vertical-align: middle;
}
body.pv-windows-main .table > thead > tr > th {
  color: #334b60 !important;
  background: linear-gradient(180deg,#eef5fa,#e1edf6) !important;
  border-color: rgba(70,98,124,.18) !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
body.pv-windows-main .table > tbody > tr > td,
body.pv-windows-main .table > tbody > tr > th {
  border-color: rgba(75,98,120,.10) !important;
}
body.pv-windows-main .table > tbody > tr:nth-child(even) > *:not([class*="table-"]) {
  background-color: rgba(247,250,253,.74);
}
body.pv-windows-main .table-hover > tbody > tr:hover > *,
body.pv-windows-main .table > tbody > tr:hover > *:not([class*="table-"]) {
  background-color: #edf6fc !important;
}
body.pv-windows-main .table-dark,
body.pv-windows-main .table-dark > * > * {
  --bs-table-bg: #164f7d;
  --bs-table-color: #fff;
  --bs-table-border-color: rgba(255,255,255,.12);
}

/* Inputs */
body.pv-windows-main .form-control,
body.pv-windows-main .form-select,
body.pv-windows-main .input-group-text,
body.pv-windows-main input[type="text"],
body.pv-windows-main input[type="number"],
body.pv-windows-main input[type="date"],
body.pv-windows-main input[type="time"],
body.pv-windows-main input[type="email"],
body.pv-windows-main input[type="search"],
body.pv-windows-main input[type="password"],
body.pv-windows-main textarea,
body.pv-windows-main select {
  font-family: var(--pv-win-font) !important;
  color: #24394d;
  border: 1px solid rgba(62,90,116,.25) !important;
  border-radius: 8px !important;
  background-color: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 1px 2px rgba(27,51,74,.04) !important;
}
body.pv-windows-main .form-control:focus,
body.pv-windows-main .form-select:focus,
body.pv-windows-main input:focus,
body.pv-windows-main textarea:focus,
body.pv-windows-main select:focus {
  border-color: #0788df !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(7,136,223,.14), inset 0 1px 2px rgba(27,51,74,.04) !important;
}
body.pv-windows-main .form-control:disabled,
body.pv-windows-main .form-select:disabled,
body.pv-windows-main input:disabled,
body.pv-windows-main textarea:disabled,
body.pv-windows-main select:disabled {
  color: #7d8894 !important;
  background: #edf1f4 !important;
  opacity: 1 !important;
}
body.pv-windows-main .form-check-input {
  border-color: #8da5b8 !important;
  box-shadow: none !important;
}
body.pv-windows-main .form-check-input:checked {
  background-color: var(--pv-win-blue) !important;
  border-color: var(--pv-win-blue) !important;
}
body.pv-windows-main .form-switch .form-check-input { border-radius: 999px !important; }
body.pv-windows-main .input-group-text { color: #53687a; background: #eef4f8 !important; }

/* Buttons */
body.pv-windows-main .btn {
  font-family: var(--pv-win-font) !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 2px 6px rgba(26,55,82,.08);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
}
body.pv-windows-main .btn:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 5px 12px rgba(25,57,87,.13);
}
body.pv-windows-main .btn:active:not(:disabled) { transform: translateY(0); }
body.pv-windows-main .btn-primary {
  color: #fff !important;
  background: linear-gradient(180deg,#1597e8,#0067b8) !important;
  border-color: #0061ad !important;
}
body.pv-windows-main .btn-primary:hover { background: linear-gradient(180deg,#24a0ed,#075fa6) !important; }
body.pv-windows-main .btn-secondary,
body.pv-windows-main .btn-outline-secondary,
body.pv-windows-main .btn-light {
  color: #30465a !important;
  background: linear-gradient(180deg,#fff,#edf3f7) !important;
  border-color: #c4d0d9 !important;
}
body.pv-windows-main .btn-success {
  color: #fff !important;
  background: linear-gradient(180deg,#2da76a,#16824d) !important;
  border-color: #137544 !important;
}
body.pv-windows-main .btn-warning {
  color: #493300 !important;
  background: linear-gradient(180deg,#ffdd78,#f5b82b) !important;
  border-color: #d99c13 !important;
}
body.pv-windows-main .btn-danger {
  color: #fff !important;
  background: linear-gradient(180deg,#d95555,#b83232) !important;
  border-color: #a72c2c !important;
}
body.pv-windows-main .btn-outline-danger {
  color: #a4262c !important;
  background: linear-gradient(180deg,#fff,#f8eded) !important;
  border-color: #d99b9e !important;
}
body.pv-windows-main .btn-info {
  color: #fff !important;
  background: linear-gradient(180deg,#2c9bd3,#1477aa) !important;
  border-color: #116d9d !important;
}

/* Tabs, pagination, breadcrumb */
body.pv-windows-main .nav-tabs {
  gap: 4px;
  border-bottom-color: rgba(62,89,113,.18) !important;
}
body.pv-windows-main .nav-tabs .nav-link {
  color: #455d72;
  border: 1px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
  font-weight: 650;
}
body.pv-windows-main .nav-tabs .nav-link:hover { background: rgba(255,255,255,.58); }
body.pv-windows-main .nav-tabs .nav-link.active {
  color: #005fa9 !important;
  background: #fff !important;
  border-color: rgba(61,89,114,.18) rgba(61,89,114,.18) #fff !important;
  box-shadow: inset 0 3px #0078d4;
}
body.pv-windows-main .page-link {
  color: #31546e;
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(61,88,113,.18) !important;
}
body.pv-windows-main .page-item.active .page-link { color:#fff; background:#0078d4 !important; border-color:#0078d4 !important; }
body.pv-windows-main .breadcrumb { color:#637588; }

/* Modals and overlays */
body.pv-windows-main .modal-backdrop.show { opacity: .42 !important; }
body.pv-windows-main .modal-content {
  overflow: hidden;
  color: #21364a;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,246,251,.96)) !important;
  box-shadow: 0 28px 76px rgba(5,27,46,.30), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(28px) saturate(1.12);
  -webkit-backdrop-filter: blur(28px) saturate(1.12);
}
body.pv-windows-main .modal-header {
  min-height: 54px;
  color: #fff !important;
  background:
    radial-gradient(circle at 10% -60%,rgba(255,255,255,.22),transparent 44%),
    linear-gradient(118deg,#075c9f 0%,#0078d4 52%,#168bd6 100%) !important;
  border-bottom: 1px solid rgba(0,68,119,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 14px rgba(0,83,145,.11);
}
body.pv-windows-main .modal-header .modal-title,
body.pv-windows-main .modal-header h1,
body.pv-windows-main .modal-header h2,
body.pv-windows-main .modal-header h3,
body.pv-windows-main .modal-header h4,
body.pv-windows-main .modal-header h5,
body.pv-windows-main .modal-header h6 { color:#fff !important; font-weight:720 !important; }
body.pv-windows-main .modal-header .btn-close { filter: brightness(0) invert(1); opacity:.88; }
body.pv-windows-main .modal-body {
  background: linear-gradient(180deg,rgba(252,254,255,.98),rgba(242,247,251,.96));
}
body.pv-windows-main .modal-footer {
  background: #f2f7fb !important;
  border-top: 1px solid rgba(63,91,118,.14) !important;
}

/* Misc Bootstrap surfaces */
body.pv-windows-main .alert {
  border-radius: 10px !important;
  border-width: 1px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 2px 7px rgba(34,65,92,.05);
}
body.pv-windows-main .badge {
  border-radius: 6px !important;
  font-family: var(--pv-win-font) !important;
  font-weight: 700;
}
body.pv-windows-main .dropdown-menu:not(.navbar .dropdown-menu) {
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: 11px !important;
  background: rgba(250,253,255,.97) !important;
  box-shadow: 0 18px 50px rgba(8,31,51,.22), inset 0 1px 0 #fff !important;
  padding: 6px;
}
body.pv-windows-main .dropdown-item { border-radius: 7px; }
body.pv-windows-main .dropdown-item:hover,
body.pv-windows-main .dropdown-item:focus { background:#e9f3fa; color:#005fa9; }
body.pv-windows-main .list-group-item {
  color:#2b4054;
  background:rgba(255,255,255,.86) !important;
  border-color:rgba(64,91,116,.12) !important;
}
body.pv-windows-main .accordion-button:not(.collapsed) { color:#005fa9 !important; box-shadow:inset 0 -1px rgba(65,93,118,.14); }
body.pv-windows-main .progress { border-radius:999px !important; background:#dfe8ef !important; }
body.pv-windows-main .progress-bar { background:linear-gradient(90deg,#0078d4,#2b9ce2) !important; }
body.pv-windows-main hr { border-color:rgba(61,88,113,.15); opacity:1; }

/* Focus treatment */
body.pv-windows-main :where(a,button,[role="button"],input,select,textarea):focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(7,136,223,.18) !important;
}

/* Compact fluent scrollbar */
body.pv-windows-main * {
  scrollbar-width: thin;
  scrollbar-color: #9fb4c5 transparent;
}
body.pv-windows-main *::-webkit-scrollbar { width: 10px; height: 10px; }
body.pv-windows-main *::-webkit-scrollbar-thumb { background:#a7bac9; border:3px solid transparent; border-radius:999px; background-clip:padding-box; }
body.pv-windows-main *::-webkit-scrollbar-track { background:transparent; }

@media (max-width: 991.98px) {
  body.pv-windows-main > main.container { width: min(calc(100% - 14px),1720px) !important; }
  body.pv-windows-main .modal-content { border-radius: 13px !important; }
}

@media print {
  body.pv-windows-main { background:#fff !important; color:#000 !important; }
  body.pv-windows-main .card,
  body.pv-windows-main .panel,
  body.pv-windows-main .table,
  body.pv-windows-main .modal-content { box-shadow:none !important; backdrop-filter:none !important; }
}