/* PorsTech Clean Lift V24 - safe visual shell only
   Geen API/betaling/private/upload/export/logs wijziging.
   Doel: nette PorsTech stijl zonder full-screen background-blunder. */

:root{
  --pt-bg:#0B1220;
  --pt-bg2:#07101F;
  --pt-panel:#131B2E;
  --pt-panel2:rgba(19,27,46,.88);
  --pt-blue:#6AA1FF;
  --pt-cyan:#14B8FF;
  --pt-green:#42D392;
  --pt-gold:#FFD166;
  --pt-text:#E8ECF8;
  --pt-muted:#AEBBD4;
  --pt-line:rgba(106,161,255,.30);
  --pt-line2:rgba(106,161,255,.16);
  --pt-radius:18px;
  --pt-font:"Orbitron","Rajdhani","Segoe UI",Arial,sans-serif;
}

html,body{
  margin:0;
  background:var(--pt-bg)!important;
  color:var(--pt-text)!important;
  font-family:var(--pt-font)!important;
}

/* Niet meer 1 enorme achtergrond over alles. Rustig en technisch. */
body{
  background:
    radial-gradient(circle at 18% 0%, rgba(106,161,255,.18), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(66,211,146,.09), transparent 28%),
    linear-gradient(180deg, rgba(11,18,32,.96), rgba(7,16,31,.99))!important;
}

body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(106,161,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(106,161,255,.045) 1px, transparent 1px);
  background-size:36px 36px;
  opacity:.5;
}

/* Algemene header/sitebar */
header,.site-header,.v50-header,.machine-header,.topbar,.navbar{
  background:linear-gradient(90deg, rgba(5,12,25,.98), rgba(12,26,50,.92), rgba(5,12,25,.98))!important;
  border-bottom:1px solid rgba(106,161,255,.32)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.36)!important;
}

header img,.site-header img,.v50-header img,.machine-header img,.brand img{
  object-fit:contain!important;
  max-height:86px!important;
}

/* Panelen/kaarten */
section,main article,.card,.panel,.box,.v50-hero,.v50-section,.v50-claim,.v50-pricing,.v50-rules,
.dashboard-card,.admin-card,.team-card{
  border-color:rgba(106,161,255,.26)!important;
}

.card,.panel,.box,.dashboard-card,.admin-card,.team-card,
.v50-hero,.v50-section,.v50-claim,.v50-pricing,.v50-rules{
  background:linear-gradient(180deg, rgba(19,27,46,.86), rgba(7,16,31,.88))!important;
  border:1px solid rgba(106,161,255,.26)!important;
  border-radius:18px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(8px);
}

/* Grote titels beheersen: geen reuzenletters meer op team dashboard */
h1{
  color:#fff!important;
  font-family:var(--pt-font)!important;
  text-shadow:0 0 18px rgba(106,161,255,.22)!important;
  font-size:clamp(38px, 5.6vw, 76px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

h2,h3,h4{
  font-family:var(--pt-font)!important;
  color:#E8ECF8!important;
}

p,li,label,td,th,small{
  color:inherit;
}

/* Knoppen */
button,.btn,a.btn,input[type=submit],input[type=button],
.actions button,.bottom-actions button{
  border-radius:12px!important;
  border:1px solid rgba(106,161,255,.30)!important;
  background:linear-gradient(180deg, rgba(21,43,82,.88), rgba(8,18,36,.88))!important;
  color:var(--pt-text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 22px rgba(0,0,0,.18)!important;
}

button:hover,.btn:hover,a.btn:hover{
  border-color:rgba(106,161,255,.60)!important;
  background:linear-gradient(180deg, rgba(36,78,146,.94), rgba(12,29,58,.94))!important;
}

.gold,.btn-gold,#pdfBtn,#printPdf{
  border-color:rgba(255,209,102,.75)!important;
  background:linear-gradient(180deg,#FFD166,#D99421)!important;
  color:#06101f!important;
}

/* Survey Control app specifiek: bestaande viewer-layout behouden */
.workgrid{
  gap:14px!important;
}

.viewer-panel{
  min-height:520px!important;
  border-color:rgba(106,161,255,.42)!important;
  box-shadow:0 0 0 1px rgba(20,184,255,.14),0 24px 80px rgba(0,0,0,.42)!important;
}

.viewer-map,#map,.leaflet-container{
  min-height:420px!important;
  background:#07101F!important;
}

.viewer-bar{
  background:linear-gradient(90deg,rgba(6,16,34,.94),rgba(12,28,54,.78),rgba(6,16,34,.94))!important;
  border-bottom:1px solid rgba(106,161,255,.24)!important;
}

.leaflet-control,.leaflet-bar a,.map-controls button{
  background:rgba(8,18,36,.88)!important;
  color:var(--pt-text)!important;
  border-color:rgba(106,161,255,.32)!important;
}

/* PDF pagina's zelf NIET donker maken */
.pdf-page,.pdf-page *{
  font-family:Arial,sans-serif!important;
}

/* Team dashboard: achtergrond als subtiele kaart, niet als mega-afbeelding */
body.team-dashboard, body.admin-dashboard{
  background:
    linear-gradient(180deg,rgba(11,18,32,.94),rgba(7,16,31,.99)),
    url('/app/survey-control/assets/porstech-v24/survey-control-map-glow.png') center/cover fixed no-repeat!important;
}

/* Als team pagina geen body class heeft, tem de eerste grote afbeeldingen */
body > img:first-child,
body > a:first-child img{
  max-width:420px!important;
  width:min(420px,35vw)!important;
  height:auto!important;
  display:block!important;
  margin:22px 0 0 28px!important;
  object-fit:contain!important;
}

@media(max-width:900px){
  h1{font-size:clamp(34px,9vw,58px)!important}
  .viewer-panel{min-height:500px!important}
  .viewer-map,#map,.leaflet-container{min-height:420px!important}
}