/* DVT v14 - echte doorlopende achtergrond */
html,body{
min-height:100%;
background:#dbe3ec !important;
}
body::before{
content:"";
position:fixed;
inset:0;
z-index:-999;
background:
linear-gradient(90deg,
rgba(28,46,72,.48) 0%,
rgba(85,103,128,.22) 22%,
rgba(224,231,239,.18) 45%,
rgba(234,238,244,.42) 100%),
url("/assets/logboek-doorlopend-bg.png");
background-size:cover;
background-position:left top;
background-repeat:no-repeat;
background-attachment:fixed;
}

#app,.app,.app-shell,.shell,.page,.page-content,.content,
.main,.main-content,.dashboard,.dashboard-content,
iframe,.frame-card,.admin-content,[class*="page"]{
background:transparent !important;
background-color:transparent !important;
}

.sidebar,.left-nav,.nav-sidebar{
background:rgba(30,48,72,.42)!important;
backdrop-filter:blur(8px);
}

.card,.panel,.widget,.dashboard-card,.content-card{
background:rgba(255,255,255,.82)!important;
backdrop-filter:blur(8px);
}



/* ==========================================================
   DVT v15 - ECHTE DOORLOPENDE ACHTERGROND VIA SHELL
   Belangrijk:
   - Alleen app/shell.php tekent de kladblokachtergrond.
   - Alle iframe/subpagina's zijn transparant.
   - Daardoor loopt de achtergrond optisch door op Dashboard, Formulieren,
     Rapportages, Planning, Documenten, Gebruikers, Locaties en Builder.
   ========================================================== */

html, body {
  color-scheme: light !important;
}

/* Standaard: subpagina's/iframes tekenen GEEN eigen achtergrond meer */
html:not(:has(body.dvt-shell-page)),
body:not(.dvt-shell-page),
body:not(.dvt-shell-page)::before,
body:not(.dvt-shell-page)::after {
  background: transparent !important;
  background-image: none !important;
}

/* Subpagina containers transparant houden */
body:not(.dvt-shell-page) #app,
body:not(.dvt-shell-page) .app,
body:not(.dvt-shell-page) .app-shell,
body:not(.dvt-shell-page) .shell,
body:not(.dvt-shell-page) .layout,
body:not(.dvt-shell-page) .page,
body:not(.dvt-shell-page) .page-shell,
body:not(.dvt-shell-page) .page-wrapper,
body:not(.dvt-shell-page) .app-content,
body:not(.dvt-shell-page) .page-content,
body:not(.dvt-shell-page) .content,
body:not(.dvt-shell-page) .content-wrapper,
body:not(.dvt-shell-page) .main,
body:not(.dvt-shell-page) .main-content,
body:not(.dvt-shell-page) .dashboard,
body:not(.dvt-shell-page) .dashboard-content,
body:not(.dvt-shell-page) .admin-content,
body:not(.dvt-shell-page) .form-page,
body:not(.dvt-shell-page) .users-page,
body:not(.dvt-shell-page) .locations-page,
body:not(.dvt-shell-page) .documents-page,
body:not(.dvt-shell-page) .reports-page,
body:not(.dvt-shell-page) .planning-page,
body:not(.dvt-shell-page) .builder-page,
body:not(.dvt-shell-page) [class*="page"],
body:not(.dvt-shell-page) [class*="content"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Alleen de shell krijgt één vaste, doorlopende achtergrond */
body.dvt-shell-page {
  background-color: #dbe4ee !important;
  background-image:
    linear-gradient(90deg,
      rgba(28,46,72,.52) 0%,
      rgba(48,68,94,.38) 18%,
      rgba(160,176,195,.26) 34%,
      rgba(218,226,236,.40) 55%,
      rgba(235,239,245,.62) 100%),
    url("../assets/logboek-doorlopend-bg.png") !important;
  background-position: left top, left top !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}

/* Shell-layout zelf transparant, zodat body-achtergrond doorloopt */
body.dvt-shell-page .shell,
body.dvt-shell-page .main,
body.dvt-shell-page .content,
body.dvt-shell-page .dash-card,
body.dvt-shell-page .frame-card,
body.dvt-shell-page .content-frame {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Sidebar mag donker glas zijn, maar geen eigen ander plaatje meer */
body.dvt-shell-page .sidebar,
body.dvt-shell-page .nav-sidebar,
body.dvt-shell-page .left-sidebar,
body.dvt-shell-page .side-menu,
body.dvt-shell-page aside {
  background: rgba(28,46,72,.48) !important;
  background-image: none !important;
  border-right: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Kaarten overal gelijk */
.card,
.panel,
.widget,
.dashboard-card,
.stat-card,
.content-card,
.table-container,
.chart-container,
.form-card,
.builder-card,
.box,
[class*="card"],
[class*="panel"] {
  background: rgba(255,255,255,.82) !important;
  background-color: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 1px solid rgba(255,255,255,.40) !important;
}

/* Oude overlays die kleurbreuken veroorzaken uitzetten */
.sidebar::before,
.sidebar::after,
.main::before,
.main::after,
.content::before,
.content::after,
.app-content::before,
.app-content::after,
.frame-card::before,
.frame-card::after {
  display: none !important;
  content: none !important;
}



/* V19 - alleen achtergrond maximaal duidelijker, layout blijft gelijk */

/* Oude overlay-lagen uitzetten: dit was waarom v16/v17/v18 weinig verschil gaven */
body.dvt-shell-page::before,
body.dvt-shell-page::after,
body.dvt-shell-page .shell::before,
body.dvt-shell-page .shell::after,
body.dvt-shell-page .main::before,
body.dvt-shell-page .main::after,
body.dvt-shell-page .content::before,
body.dvt-shell-page .content::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Eén achtergrond, bijna zonder grijze waas */
body.dvt-shell-page {
  background-color: #dbe4ee !important;
  background-image:
    linear-gradient(90deg,
      rgba(28,46,72,.10) 0%,
      rgba(48,68,94,.05) 18%,
      rgba(160,176,195,.00) 34%,
      rgba(218,226,236,.00) 55%,
      rgba(235,239,245,.04) 100%),
    url("../assets/logboek-doorlopend-bg.png") !important;
  background-size: cover, cover !important;
  background-position: left top, left top !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
  filter: none !important;
}

/* Shell/iframe/subpagina’s blijven transparant zodat de doorlopende achtergrond zichtbaar blijft */
body.dvt-shell-page .shell,
body.dvt-shell-page .main,
body.dvt-shell-page .content,
body.dvt-shell-page .dash-card,
body.dvt-shell-page .frame-card,
body.dvt-shell-page .content-frame,
body:not(.dvt-shell-page),
body:not(.dvt-shell-page) #app,
body:not(.dvt-shell-page) .app,
body:not(.dvt-shell-page) .app-shell,
body:not(.dvt-shell-page) .page,
body:not(.dvt-shell-page) .page-content,
body:not(.dvt-shell-page) .content,
body:not(.dvt-shell-page) .main,
body:not(.dvt-shell-page) .main-content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}



/* V20 - zelfde layout, alleen lichter + achtergrond duidelijker */

body.dvt-shell-page{
background-color:#e9eef5 !important;
background-image:
linear-gradient(90deg,
rgba(28,46,72,.06) 0%,
rgba(48,68,94,.02) 18%,
rgba(180,194,210,0) 34%,
rgba(230,235,242,0) 55%,
rgba(245,248,251,.02) 100%),
url("../assets/logboek-doorlopend-bg.png") !important;

filter:none!important;
}

/* hele site iets frisser/lighter */
.card,
.panel,
.widget,
.dashboard-card,
.content-card,
[class*="card"]{
background:rgba(255,255,255,.88)!important;
border-color:rgba(255,255,255,.55)!important;
}

.sidebar,
.nav-sidebar,
.left-sidebar{
background:rgba(34,56,82,.34)!important;
}


/* V21 - grijs/blauw i.p.v. blauw */

body.dvt-shell-page{
background-color:#edf0f3 !important;

background-image:
linear-gradient(90deg,
rgba(68,74,82,.08) 0%,
rgba(92,100,112,.04) 18%,
rgba(168,174,182,.02) 34%,
rgba(228,232,236,.00) 55%,
rgba(245,246,248,.02) 100%),
url("../assets/logboek-doorlopend-bg.png") !important;
}

.sidebar,
.nav-sidebar,
.left-sidebar{
background:rgba(74,82,92,.28)!important;
}

.card,
.panel,
.widget,
[class*="card"]{
background:rgba(252,252,252,.90)!important;
}



/* V22 - terug richting originele grijs/lichtgrijze sfeer */

body.dvt-shell-page{
background-color:#eef1f3 !important;

background-image:
linear-gradient(90deg,
rgba(80,82,86,.05) 0%,
rgba(118,122,128,.03) 18%,
rgba(186,190,196,.01) 34%,
rgba(236,238,240,.00) 55%,
rgba(247,248,249,.01) 100%),
url("../assets/logboek-doorlopend-bg.png") !important;
}

/* menu minder blauw, meer antraciet/grijs-blauw */
.sidebar,
.nav-sidebar,
.left-sidebar{
background:rgba(58,66,74,.30)!important;
}

/* kaarten niet blauw wit maar neutraal wit */
.card,
.panel,
.widget,
[class*="card"]{
background:rgba(252,252,251,.88)!important;
}



/* V23 - echt weg van blauw, richting papier/lichtgrijs */

body.dvt-shell-page{
background-color:#f1f1ef !important;

background-image:
linear-gradient(90deg,
rgba(92,92,92,.02) 0%,
rgba(124,124,124,.01) 20%,
rgba(210,210,210,0) 40%,
rgba(242,242,242,0) 70%,
rgba(250,250,250,.01) 100%),
url("../assets/logboek-doorlopend-bg.png") !important;
}

/* menu minder marine, meer antraciet */
.sidebar,
.nav-sidebar,
.left-sidebar{
background:rgba(64,66,70,.22)!important;
}

/* neutrale kaarten */
.card,
.panel,
.widget,
[class*="card"]{
background:rgba(253,253,252,.90)!important;
}



/* V24 - zelfde uiterlijk/layout, alleen lichte neutrale tint */
body.dvt-shell-page{
  background-color:#eef3f6 !important;
  background-image:
    linear-gradient(90deg,
      rgba(210,218,224,.10) 0%,
      rgba(222,228,233,.06) 22%,
      rgba(236,241,245,.03) 45%,
      rgba(245,248,250,.02) 100%),
    url("../assets/logboek-doorlopend-bg.png") !important;
}

/* Sidebar blijft zoals huidige site, alleen minder blauw */
.sidebar,
.nav-sidebar,
.left-sidebar{
  background:rgba(45,56,66,.28)!important;
}

/* Kaarten neutraal wit, layout niet wijzigen */
.card,
.panel,
.widget,
.dashboard-card,
.content-card,
[class*="card"]{
  background:rgba(255,255,255,.88)!important;
}



/* V26 - ALLEEN achtergrondafbeelding duidelijker */
/* Voorgrond niet aanpassen */

body.dvt-shell-page{
background-image:
linear-gradient(90deg,
rgba(235,239,242,.03) 0%,
rgba(239,242,245,.02) 25%,
rgba(244,246,248,.01) 50%,
rgba(248,249,250,.01) 100%),
url("../assets/logboek-doorlopend-bg.png") !important;
}

/* geen extra waas over achtergrond */
body.dvt-shell-page::before,
body.dvt-shell-page::after{
display:none!important;
content:none!important;
}

/* ==========================================================
   V28 ZONDER BLUR - zelfde positie, scherper beeld
   - kladblokpositie ongewijzigd t.o.v. laatste goede versie
   - geen blur/filter op achtergrond of menu-overlay
   - achtergrond blijft doorlopen achter menu
   ========================================================== */
body.dvt-shell-page,
body.dvt-shell-page .shell{
  background:#eef1f4 !important;
}
body.dvt-shell-page .shell{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
}
body.dvt-shell-page .shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  display:block !important;
  background-image:url('/assets/logboek-doorlopend-bg.png') !important;
  background-size:cover !important;
  background-position:left top !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}
body.dvt-shell-page .shell::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  display:block !important;
  background:linear-gradient(90deg,
    rgba(3,23,43,.07) 0%,
    rgba(18,38,58,.035) 16%,
    rgba(238,241,244,.00) 34%,
    rgba(255,255,255,.00) 100%) !important;
  filter:none !important;
  -webkit-filter:none !important;
}
body.dvt-shell-page .sidebar{
  background:rgba(15,38,58,.62) !important;
  background-color:rgba(15,38,58,.62) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
body.dvt-shell-page .sidebar::before,
body.dvt-shell-page .sidebar::after,
body.dvt-shell-page .main::before,
body.dvt-shell-page .main::after,
body.dvt-shell-page .content::before,
body.dvt-shell-page .content::after{
  display:none !important;
  content:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.dvt-shell-page .main,
body.dvt-shell-page .content,
body.dvt-shell-page .dash-card,
body.dvt-shell-page .frame-card,
body.dvt-shell-page .content-frame,
body.dvt-shell-page .hero{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}



/* ==========================================================
   V29 ACHTERGROND SCHERP - GOEDE POSITIE
   - nieuw bestand voorkomt oude browser-cache
   - geen blur/filter op achtergrond
   - kladblok start links onder het menu zoals aangegeven
   ========================================================== */
body.dvt-shell-page,
body.dvt-shell-page .shell{
  background:#eef1f4 !important;
}
body.dvt-shell-page .shell{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background-image:url('/assets/dvt-formulieren-bg-scherp-v29.png?v=29') !important;
  background-size:100% 100% !important;
  background-position:left top !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
body.dvt-shell-page .shell::before{
  content:none !important;
  display:none !important;
  background:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}
body.dvt-shell-page .shell::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  display:block !important;
  background:linear-gradient(90deg, rgba(0,22,42,.04) 0%, rgba(0,22,42,.025) 16%, rgba(255,255,255,0) 34%, rgba(255,255,255,0) 100%) !important;
  filter:none !important;
  -webkit-filter:none !important;
}
body.dvt-shell-page .sidebar,
body.dvt-shell-page .main,
body.dvt-shell-page .content,
body.dvt-shell-page .dash-card,
body.dvt-shell-page .frame-card,
body.dvt-shell-page .content-frame,
body.dvt-shell-page .hero{
  filter:none !important;
  -webkit-filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.dvt-shell-page .sidebar{
  background:rgba(15,38,58,.60) !important;
  background-color:rgba(15,38,58,.60) !important;
  background-image:none !important;
  border-right:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}
body.dvt-shell-page .main,
body.dvt-shell-page .content,
body.dvt-shell-page .dash-card,
body.dvt-shell-page .frame-card,
body.dvt-shell-page .content-frame,
body.dvt-shell-page .hero{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}