@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#f7faf9;
  --sidebar:#003f34;
  --sidebar2:#002f28;
  --primary:#00584a;
  --primary2:#087a67;
  --line:#e5ece9;
  --text:#102033;
  --muted:#64748b;
  --green:#168a62;
  --green-bg:#eaf7f1;
  --blue:#4f73d9;
  --blue-bg:#eef3ff;
  --orange:#f59e0b;
  --orange-bg:#fff5e5;
  --red:#ef4444;
  --red-bg:#fff1f1;
  --purple:#7c5cff;
  --purple-bg:#f3f0ff;
  --card:#ffffff;
  --shadow:0 18px 44px rgba(16,32,51,.08);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-size:14px;
}

.layout{
  min-height:100vh;
  display:grid;
  grid-template-columns:260px 1fr;
}

.sidebar{
  margin:14px;
  border-radius:22px;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));
  color:#fff;
  padding:24px 18px;
  display:flex;
  flex-direction:column;
  box-shadow:var(--shadow);
}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:28px;
}

.logo-mark{
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.28);
  display:grid;
  place-items:center;
  font-size:25px;
  font-weight:800;
}

.logo-text b{
  display:block;
  font-size:29px;
  letter-spacing:1.5px;
}

.logo-text small{
  font-size:11px;
  opacity:.82;
}

.nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.nav a{
  color:#eafff7;
  text-decoration:none;
  min-height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 14px;
  font-weight:600;
  border:1px solid transparent;
}

.nav a svg{
  width:20px;
  height:20px;
}

.nav a.active,
.nav a:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.12);
}

.sidebar-user{
  margin-top:auto;
  border-top:1px solid rgba(255,255,255,.16);
  padding-top:18px;
  display:flex;
  align-items:center;
  gap:12px;
}

.avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#f4c268;
  color:#123;
  display:grid;
  place-items:center;
  font-weight:800;
}

.main{
  padding:28px 34px;
}

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:26px;
}

.topbar h1{
  margin:0;
  font-size:31px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.topbar p{
  margin:8px 0 0;
  color:var(--muted);
}

.top-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.search{
  min-width:330px;
  height:46px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:13px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
}

.meta-pill{
  height:46px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:600;
}

.grid{display:grid;gap:18px}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.two{grid-template-columns:1.45fr .75fr}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}

.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--shadow);
}

.card h2{
  margin:0 0 14px;
  font-size:18px;
  letter-spacing:-.02em;
}

.kpi{
  min-height:126px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
}

.kpi-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
}

.kpi strong{
  display:block;
  font-size:34px;
  line-height:1;
  margin-top:7px;
}

.kpi small,.muted{color:var(--muted)}

.green{color:var(--green)}
.blue{color:var(--blue)}
.orange{color:var(--orange)}
.red{color:var(--red)}
.purple{color:var(--purple)}

.bg-green{background:var(--green-bg)}
.bg-blue{background:var(--blue-bg)}
.bg-orange{background:var(--orange-bg)}
.bg-red{background:var(--red-bg)}
.bg-purple{background:var(--purple-bg)}

.row{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  margin-bottom:10px;
  background:#fff;
}

.table{
  width:100%;
  border-collapse:collapse;
}

.table th,.table td{
  text-align:left;
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
}

.table th{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}

.badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

.badge.green{background:var(--green-bg)}
.badge.orange{background:var(--orange-bg)}
.badge.red{background:var(--red-bg)}
.badge.blue{background:var(--blue-bg)}
.badge.purple{background:var(--purple-bg)}

button,.btn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:11px 16px;
  font-weight:700;
  cursor:pointer;
  color:var(--text);
}

.primary{
  background:linear-gradient(180deg,var(--primary2),var(--primary))!important;
  color:white!important;
  border:0!important;
}

input,select,textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  padding:12px 14px;
  font:inherit;
  margin:7px 0 14px;
}

textarea{min-height:100px;resize:vertical}

.progress{
  height:9px;
  background:#e8efec;
  border-radius:999px;
  overflow:hidden;
}

.progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--primary);
}

.donut{
  width:210px;
  height:210px;
  border-radius:50%;
  margin:auto;
  background:conic-gradient(var(--primary) 0 45%, var(--blue) 45% 72%, var(--orange) 72% 88%, #dce3e0 88% 100%);
  position:relative;
}

.donut:after{
  content:attr(data-label);
  position:absolute;
  inset:42px;
  border-radius:50%;
  background:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  white-space:pre-line;
  font-weight:800;
  font-size:25px;
}

.bar-chart{
  display:flex;
  align-items:flex-end;
  gap:18px;
  height:180px;
  padding-top:20px;
}

.bar{
  flex:1;
  background:linear-gradient(180deg,var(--primary2),var(--primary));
  border-radius:10px 10px 0 0;
  min-height:12px;
}

.app-link{
  color:var(--primary);
  text-decoration:none;
  font-weight:700;
}

@media(max-width:1300px){
  .layout{grid-template-columns:92px 1fr}
  .sidebar{padding:18px 10px}
  .logo-text,.nav b,.sidebar-user div{display:none}
  .nav a{justify-content:center}
  .topbar{flex-direction:column}
  .search{min-width:0;width:100%}
  .kpis,.two,.three{grid-template-columns:1fr}
}

@media(max-width:760px){
  .main{padding:18px}
  .layout{grid-template-columns:1fr}
  .sidebar{position:relative;flex-direction:row;overflow:auto}
}

.drawer{
  position:fixed;
  top:0;
  right:-720px;
  width:720px;
  max-width:92vw;
  height:100vh;
  background:#fff;
  border-left:1px solid var(--line);
  box-shadow:-24px 0 60px rgba(16,32,51,.18);
  z-index:99;
  padding:24px;
  overflow:auto;
  transition:right .25s ease;
}

.drawer.open{
  right:0;
}

.drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
  margin-bottom:20px;
}

.drawer-head h2{
  margin:0;
  font-size:25px;
}

@media(max-width:760px){
  .drawer{
    width:100vw;
    max-width:100vw;
  }
}

.drawer{
  position:fixed;
  top:0;
  right:-720px;
  width:720px;
  max-width:92vw;
  height:100vh;
  background:#fff;
  border-left:1px solid var(--line);
  box-shadow:-24px 0 60px rgba(16,32,51,.18);
  z-index:99;
  padding:24px;
  overflow:auto;
  transition:right .25s ease;
}

.drawer.open{
  right:0;
}

.drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
  margin-bottom:20px;
}

.drawer-head h2{
  margin:0;
  font-size:25px;
}

@media(max-width:760px){
  .drawer{
    width:100vw;
    max-width:100vw;
  }
}

.kanban-board{
  margin-top:18px;
  display:grid;
  grid-template-columns:1.25fr 1.15fr .9fr .9fr 1.05fr;
  gap:16px;
  align-items:start;
}

.kanban-lane{
  min-height:560px;
}

.task-card{
  transition:transform .15s ease, box-shadow .15s ease;
}

.task-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(16,32,51,.08);
}

@media(max-width:1300px){
  .kanban-board{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .kanban-board{
    grid-template-columns:1fr;
  }
}

/* === FAZA FINAL POLISH v1 === */

body{
  background:
    radial-gradient(circle at top right,rgba(0,88,74,.08),transparent 34%),
    linear-gradient(180deg,#f8fbfa,#f2f7f5);
}

.main{
  max-width:1720px;
  width:100%;
}

.topbar{
  position:sticky;
  top:0;
  z-index:20;
  padding:18px 0 20px;
  background:linear-gradient(180deg,rgba(248,251,250,.96),rgba(248,251,250,.82));
  backdrop-filter:blur(12px);
}

.card{
  transition:transform .16s ease, box-shadow .16s ease;
}

.card:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 54px rgba(16,32,51,.11);
}

.kpi{
  position:relative;
  overflow:hidden;
}

.kpi:after{
  content:"";
  position:absolute;
  right:-40px;
  top:-40px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(0,88,74,.05);
}

.row{
  transition:background .14s ease, transform .14s ease;
}

.row:hover{
  background:#fbfdfc;
  transform:translateX(2px);
}

button:hover,
.btn:hover{
  filter:brightness(.98);
  transform:translateY(-1px);
}

button,
.btn{
  transition:.14s ease;
}

.sidebar{
  position:sticky;
  top:14px;
  height:calc(100vh - 28px);
}

.nav a{
  position:relative;
}

.nav a.active:before{
  content:"";
  position:absolute;
  left:-7px;
  width:4px;
  height:24px;
  border-radius:999px;
  background:#f4c268;
}

.table tbody tr:hover{
  background:#fafdfb;
}

input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:var(--primary2);
  box-shadow:0 0 0 4px rgba(8,122,103,.12);
}

.badge{
  white-space:nowrap;
}

.progress span{
  transition:width .25s ease;
}

@media(max-width:1300px){
  .main{
    padding:22px;
  }

  .top-actions{
    width:100%;
    flex-wrap:wrap;
  }

  .search{
    flex:1;
  }
}

@media(max-width:760px){
  .sidebar{
    margin:10px;
    height:auto;
    position:relative;
  }

  .main{
    padding:14px;
  }

  .topbar h1{
    font-size:25px;
  }

  .card{
    padding:16px;
  }

  .kpi strong{
    font-size:28px;
  }
}

.search input{
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.search input:focus{
  box-shadow:none!important;
}


/* === Fix Global Search icon/topbar === */
.search{
  position:relative;
  overflow:hidden;
}

.search svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px!important;
  color:var(--muted);
}

.search input{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  font-size:14px!important;
  line-height:1.2!important;
}

#globalSearchResults{
  font-size:14px;
}

.project-list{
  display:grid;
  gap:18px;
  margin-top:18px;
}

.project-card{
  overflow:visible;
}

.project-row{
  display:grid;
  grid-template-columns:70px 1fr 190px;
  gap:22px;
  align-items:start;
}

.project-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:#eef4ff;
  display:grid;
  place-items:center;
  font-size:34px;
}

.project-main h2{
  margin:0 0 4px;
}

.project-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:start;
}

.project-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}

.project-progress{
  margin-top:16px;
}

.project-docs{
  margin-top:14px;
  display:grid;
  gap:7px;
  color:#334155;
  font-size:13px;
}

.project-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.project-ai{
  margin-top:16px;
}

.project-ai .row{
  background:#fbfdfc;
  line-height:1.65;
}

@media(max-width:1000px){
  .project-row{
    grid-template-columns:1fr;
  }

  .project-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}

.ai-advice{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.ai-advice-heading{
  margin:18px 0 6px;
  font-size:16px;
  color:var(--primary);
}

.ai-advice-card{
  border:1px solid var(--line);
  border-left:5px solid var(--primary);
  border-radius:14px;
  background:#fbfdfc;
  padding:14px 16px;
  line-height:1.65;
  color:#24364a;
}


.project-ai-result{
  display:grid;
  gap:14px;
  margin-top:14px;
}

.project-ai-block{
  border:1px solid var(--line);
  border-left:5px solid var(--primary);
  border-radius:16px;
  background:#fbfdfc;
  padding:16px 18px;
  line-height:1.65;
}

.project-ai-block h3{
  margin:0 0 10px;
  color:var(--primary);
  font-size:16px;
}

.project-ai-block div{
  color:#26364a;
}


#sidebar-logout-btn{
  margin-top:10px;
  width:100%;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:12px;
  padding:9px 12px;
  font-weight:800;
}

#sidebar-logout-btn:hover{
  background:rgba(255,255,255,.16);
}





.detail-hero{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  background:#fbfdfc;
}

.detail-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eef4ff;
  font-size:34px;
}

.ai-advice-card h3{
  margin:0 0 10px;
  color:var(--primary);
  font-size:16px;
}

.detail-hero{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  background:#fbfdfc;
}

.detail-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eef4ff;
  font-size:34px;
}

.ai-advice-card h3{
  margin:0 0 10px;
  color:var(--primary);
  font-size:16px;
}

.soft-card{
  box-shadow:none;
  background:#fff;
}

.action-wide,
.doc-wide{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

@media(max-width:900px){
  .action-wide,
  .doc-wide{
    flex-direction:column;
  }
}

.housing-cockpit{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:18px;
  align-items:start;
}

.housing-list{
  min-height:760px;
}

.housing-search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin:16px 0;
}

.housing-items{
  display:grid;
  gap:14px;
}

.housing-item{
  display:grid;
  grid-template-columns:56px 1fr 20px;
  gap:14px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  cursor:pointer;
  background:#fff;
}

.housing-item.active{
  background:#f5fffb;
  border-color:#9ddfcf;
}

.detail-icon.small{
  width:52px;
  height:52px;
  font-size:28px;
}

.housing-detail{
  display:grid;
  gap:18px;
}

.housing-hero{
  display:grid;
  grid-template-columns:78px 1fr 520px;
  gap:20px;
  align-items:center;
}

.hero-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.hero-kpis div{
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:#fff;
}

.hero-kpis b{
  display:block;
  font-size:22px;
}

.hero-kpis small{
  color:var(--muted);
}

.chip-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}

.ai-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.ai-mini-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  background:#fff;
  line-height:1.65;
}

.ai-mini-card h3{
  margin:0 0 10px;
  color:var(--primary);
  font-size:16px;
}

.ai-mini-card p{
  margin:0;
  color:#26364a;
}

.doc-card-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.doc-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:#fff;
}

.doc-card b{
  display:block;
  margin-bottom:8px;
}

.doc-card small{
  color:var(--muted);
}

@media(max-width:1200px){
  .housing-cockpit{
    grid-template-columns:1fr;
  }
  .housing-hero{
    grid-template-columns:1fr;
  }
  .hero-kpis,
  .ai-grid,
  .doc-card-grid{
    grid-template-columns:1fr;
  }
}

/* ===== HUISVESTING V4 ===== */

.ai-grid{
display:flex !important;
flex-direction:column !important;
gap:22px !important;
}

.ai-mini-card{
width:100% !important;
max-width:none !important;

padding:26px !important;

border-radius:18px !important;

background:#ffffff !important;

border:1px solid #dfe8ea !important;

line-height:1.9 !important;

box-shadow:0 8px 24px rgba(0,0,0,.03);
}

.ai-mini-card h3{
font-size:18px !important;

margin-bottom:18px !important;

padding-bottom:14px !important;

border-bottom:1px solid #edf1f2 !important;

color:#065f46 !important;
}

.ai-mini-card p{
font-size:15px !important;

white-space:pre-line !important;
}

/* documenten onder elkaar */

.doc-card-grid{
display:flex !important;

flex-direction:column !important;

gap:14px !important;
}

.doc-card{

display:grid !important;

grid-template-columns:42px 1fr auto !important;

align-items:center !important;

gap:18px !important;

padding:18px !important;

min-height:78px !important;

border-radius:16px !important;
}

.doc-card::before{

content:"📄";

font-size:24px;

display:flex;

justify-content:center;
}

.doc-card b{

margin:0 !important;

font-size:15px !important;

word-break:break-word;
}

.doc-card small{

display:block !important;

margin-top:6px !important;

font-size:13px !important;

color:#6b7280 !important;
}

/* AI blok breder */

#housingAI{
width:100% !important;

max-width:none !important;
}

/* acties wat lucht */

.table td{

padding-top:18px !important;

padding-bottom:18px !important;

vertical-align:top;
}

.card{

overflow:visible !important;
}


/* ===== AI markdown koppen leesbaar maken ===== */
.ai-mini-card p{
  white-space:pre-line !important;
}

.ai-mini-card p::first-line{
  font-weight:800;
}

.ai-mini-card{
  margin-bottom:18px !important;
}

/* extra ruimte bij markdown-achtige kopregels in AI output */
.ai-mini-card p{
  line-height:2.05 !important;
}

.ai-mini-card p b,
.ai-mini-card strong{
  display:block;
  margin-top:18px;
  margin-bottom:8px;
  font-size:16px;
  color:#065f46;
}


/* AI advies secties duidelijker scheiden */
.ai-section{
  margin-bottom:24px!important;
  padding:28px!important;
}

.ai-section h3{
  font-size:20px!important;
  margin:0 0 18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #e5ecef!important;
}

.ai-section-body{
  line-height:2!important;
  font-size:15px!important;
}

.ai-section-body strong{
  display:inline!important;
  margin:0!important;
  color:#0f172a!important;
  font-weight:900!important;
}


/* ===== AI ADVIES MANAGEMENT VIEW ===== */

.ai-grid{
display:flex!important;
flex-direction:column!important;
gap:28px!important;
}

.ai-section{

background:#ffffff!important;

border:1px solid #e3eaed!important;

border-left:6px solid #0f766e!important;

padding:30px!important;

border-radius:18px!important;

margin-bottom:26px!important;

box-shadow:0 8px 22px rgba(0,0,0,.03);
}

.ai-section h3{

font-size:22px!important;

font-weight:800!important;

margin-bottom:22px!important;

padding-bottom:18px!important;

border-bottom:1px solid #edf1f2!important;

color:#064e3b!important;

line-height:1.6!important;
}

.ai-section-body{

font-size:15px!important;

line-height:2.25!important;

display:flex!important;

flex-direction:column!important;

gap:16px!important;

white-space:pre-line!important;

color:#344054;
}

.ai-section-body br{
display:block;
content:"";
margin-bottom:12px;
}

.ai-section-body strong{

display:inline!important;

font-weight:800!important;

color:#111827!important;
}

/* bullets meer ruimte */

.ai-section-body ul,
.ai-section-body li{

margin-top:12px!important;

margin-bottom:12px!important;

}

/* ===== DOCUMENTEN ===== */

.doc-card{

grid-template-columns:42px 1fr auto auto!important;

gap:16px!important;

padding-right:14px!important;
}

.doc-actions{

display:flex;

gap:10px;
}

.doc-delete{

border:none;

background:#fff1f2;

color:#b91c1c;

padding:10px 14px;

border-radius:10px;

cursor:pointer;

font-weight:700;
}

.doc-delete:hover{

background:#fee2e2;
}


/* ===== AI ADVIES RUSTIGE LEESWEERGAVE ===== */

.ai-section h3{
  font-size:18px!important;
  font-weight:600!important;
  color:#0f766e!important;
  margin:0 0 18px!important;
}

.ai-section-body{
  display:block!important;
  line-height:1.9!important;
}

.ai-section-body br{
  display:block!important;
  margin-bottom:18px!important;
  content:""!important;
}

.ai-section-body strong{
  font-weight:600!important;
  color:#26364a!important;
}

.ai-section{
  margin-bottom:30px!important;
}


.ai-points{
  display:grid!important;
  gap:14px!important;
}

.ai-point{
  padding:14px 16px;
  border:1px solid #edf1f2;
  border-radius:14px;
  background:#fbfdfc;
  line-height:1.75;
  color:#344054;
}

.ai-point strong{
  font-weight:600!important;
  color:#26364a!important;
}


/* ===== AI Advies vaste sectiekaarten ===== */
.ai-section-wrapper{
  display:grid!important;
  gap:26px!important;
  width:100%!important;
}

.ai-section-card{
  border:1px solid #dfe8ea!important;
  border-left:7px solid #0f766e!important;
  border-radius:20px!important;
  background:#fff!important;
  padding:26px 28px!important;
  box-shadow:0 10px 28px rgba(16,32,51,.05)!important;
}

.ai-section-card h3{
  margin:0 0 20px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #eef2f3!important;
  font-size:19px!important;
  font-weight:500!important;
  color:#0f766e!important;
}

.ai-section-lines{
  display:grid!important;
  gap:14px!important;
}

.ai-section-line{
  border:1px solid #eef2f3!important;
  border-radius:14px!important;
  background:#fbfdfc!important;
  padding:14px 16px!important;
  line-height:1.8!important;
  color:#334155!important;
  font-size:15px!important;
}

.ai-section-line strong{
  font-weight:600!important;
  color:#1f2937!important;
}


.doc-card{

min-height:92px!important;

transition:.15s;
}

.doc-card:hover{

transform:translateY(-1px);

box-shadow:0 8px 22px rgba(0,0,0,.04);
}


/* === FAZA Intelligence Detail Layout v2 === */

.intel-layout{
  display:grid;
  grid-template-columns:minmax(340px,.75fr) minmax(760px,1.65fr);
  gap:22px;
  align-items:start;
  margin-top:18px;
}

.intel-list-card{
  position:sticky;
  top:96px;
  max-height:calc(100vh - 130px);
  overflow:auto;
}

.intel-detail-card{
  min-height:720px;
  padding:28px;
}

.intel-item{
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  margin-bottom:12px;
  background:#fff;
  cursor:pointer;
  transition:.16s ease;
}

.intel-item:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(16,32,51,.08);
  background:#fbfdfc;
}

.intel-subitem{
  margin-top:10px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px;
  background:#f8fbfa;
  cursor:pointer;
}

.intel-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
  margin-bottom:22px;
}

.intel-detail-head h2{
  font-size:30px;
  margin:10px 0 6px;
}

.intel-section{
  margin-top:22px;
}

.intel-section h2{
  font-size:20px;
  margin-bottom:14px;
}

.intel-doc-card,
.intel-action-card,
.intel-budget-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:#fff;
  margin-bottom:12px;
}

.intel-doc-card{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}

.intel-upload-box{
  border:1px dashed #b7c9c3;
  border-radius:18px;
  background:#fbfdfc;
  padding:18px;
}

.project-ai-result,
.ai-advice{
  display:grid;
  gap:14px;
  margin-top:14px;
}

.project-ai-block,
.ai-advice-card{
  border:1px solid var(--line);
  border-left:6px solid var(--primary);
  border-radius:18px;
  background:#fbfdfc;
  padding:18px 20px;
  line-height:1.7;
  color:#24364a;
}

.project-ai-block h3,
.ai-advice-heading{
  margin:0 0 10px;
  color:var(--primary);
  font-size:17px;
}

@media(max-width:1250px){
  .intel-layout{
    grid-template-columns:1fr;
  }

  .intel-list-card{
    position:relative;
    top:auto;
    max-height:none;
  }
}

@media(max-width:760px){
  .intel-detail-card{
    padding:18px;
  }

  .intel-detail-head h2{
    font-size:24px;
  }
}

/* === FAZA Wide Intelligence Modal v1 === */

.wide-modal{
  position:fixed;
  inset:22px;
  z-index:999;
  background:#f8fbfa;
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 30px 90px rgba(16,32,51,.24);
  overflow:hidden;
  display:none;
}

.wide-modal.open{
  display:grid;
  grid-template-rows:auto auto 1fr;
}

.wide-modal-head{
  padding:24px 28px;
  background:#fff;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.wide-modal-head h1{
  margin:8px 0 4px;
  font-size:32px;
}

.wide-tabs{
  padding:14px 28px;
  background:#fff;
  border-bottom:1px solid var(--line);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.wide-tabs button.active{
  background:var(--primary);
  color:#fff;
}

.wide-body{
  padding:26px 28px;
  overflow:auto;
}

.wide-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

@media(max-width:1000px){
  .wide-modal{
    inset:8px;
    border-radius:18px;
  }
  .wide-grid{
    grid-template-columns:1fr;
  }
}

/* === FAZA Sketch Intelligence UI === */

.sketch-shell{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:22px;
  margin-top:18px;
}

.sketch-list{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  min-height:760px;
}

.sketch-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.sketch-search{
  display:flex;
  gap:10px;
  margin-bottom:18px;
}

.sketch-search input{
  flex:1;
}

.sketch-project{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  margin-bottom:14px;
  cursor:pointer;
  background:#fff;
  transition:.16s ease;
}

.sketch-project.active,
.sketch-project:hover{
  border-color:var(--primary);
  background:linear-gradient(135deg,#f0fdf4,#fff);
  box-shadow:0 16px 34px rgba(16,32,51,.08);
}

.sketch-project-title{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.sketch-project-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#ecfdf5;
  font-size:22px;
}

.sketch-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  color:#64748b;
  font-size:13px;
}

.sketch-main{
  display:grid;
  gap:18px;
}

.sketch-hero{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:30px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  box-shadow:0 18px 48px rgba(16,32,51,.06);
}

.sketch-hero-left{
  display:flex;
  gap:22px;
  align-items:center;
}

.sketch-big-icon{
  width:76px;
  height:76px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#ecfdf5;
  color:var(--primary);
  font-size:38px;
}

.sketch-hero h1{
  font-size:38px;
  margin:0 0 8px;
}

.sketch-hero-info{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  margin-top:18px;
  color:#64748b;
  font-size:14px;
}

.sketch-score{
  border:1px solid #86efac;
  border-radius:18px;
  padding:18px 26px;
  text-align:center;
  background:#f0fdf4;
}

.sketch-score strong{
  display:block;
  font-size:42px;
  color:var(--primary);
  line-height:1;
}

.sketch-tabs{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:0;
  overflow:hidden;
}

.sketch-tabs button{
  border:0;
  border-right:1px solid var(--line);
  border-radius:0;
  background:#fff;
  padding:18px 24px;
}

.sketch-tabs button.active{
  color:var(--primary);
  box-shadow:inset 0 -4px 0 var(--primary);
  font-weight:800;
}

.sketch-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:28px;
}

.advice-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:22px;
}

.advice-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  min-height:190px;
  background:#fff;
  line-height:1.65;
}

.advice-card h3{
  margin:0 0 14px;
  font-size:18px;
}

.advice-card.green{background:#f0fdf4;border-color:#86efac}
.advice-card.red{background:#fff1f2;border-color:#fecaca}
.advice-card.blue{background:#eff6ff;border-color:#bfdbfe}
.advice-card.purple{background:#faf5ff;border-color:#ddd6fe}
.advice-card.teal{background:#ecfdf5;border-color:#99f6e4}
.advice-card.amber{background:#fffbeb;border-color:#fde68a}

@media(max-width:1300px){
  .sketch-shell{grid-template-columns:1fr}
  .advice-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .advice-grid{grid-template-columns:1fr}
  .sketch-hero{align-items:flex-start;flex-direction:column}
}

/* ===== Meer ruimte tussen regels BINNEN AI kaarten ===== */

.advice-card{
  line-height:1.9 !important;
}

.advice-card br{
  content:"";
  display:block;
  margin-top:14px !important;
}

.advice-card div{
  white-space:normal;
}

.advice-card div > br + *{
  margin-top:8px;
}


/* FAZA Notulen AI: nette witruimte binnen advieskaarten */
.ai-advice-line{
  margin: 0 0 16px 0;
  line-height: 1.75;
}

.ai-advice-line strong{
  display: inline-block;
  margin-bottom: 4px;
}


/* FAZA Notulen AI: nette witruimte binnen advieskaarten */
.ai-advice-line{
  margin: 0 0 16px 0;
  line-height: 1.75;
}

.ai-advice-line strong{
  display: inline-block;
  margin-bottom: 4px;
}


/* ===== FAZA Notulen AI v3 - losse kaarten ===== */

.advice-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

.advice-card{
  display:block !important;

  width:100% !important;
  min-height:auto !important;

  margin:0 !important;
  padding:22px !important;

  position:relative !important;

  overflow:visible !important;

  box-sizing:border-box !important;

  border-radius:18px !important;
}

.advice-card .advice-card{
  all:unset !important;
}

.advice-card > div{
  display:block !important;
}

.ai-advice-line{
  margin-bottom:18px !important;
  line-height:1.9 !important;
}

.ai-advice-line strong{
  display:block !important;
  margin-bottom:8px !important;
}

.sketch-hero-info{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.sketch-hero-info span{
  padding:8px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.65);
}


/* ===== FAZA Meeting Cockpit ===== */

.meeting-cockpit{
  background:rgba(255,255,255,.92);
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  margin:18px 0;
  box-shadow:0 14px 40px rgba(15,23,42,.06);
}

.meeting-cockpit-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.meeting-cockpit-head h2{
  margin:0 0 6px 0;
}

.meeting-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
  margin-bottom:18px;
}

.meeting-facts div{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.meeting-facts b{
  display:block;
  color:#334155;
  margin-bottom:8px;
}

.meeting-facts span{
  color:#0f172a;
  font-weight:700;
}

.meeting-people{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  margin-bottom:18px;
  background:#f8fafc;
}

.meeting-people b{
  display:block;
  margin-bottom:10px;
}

.meeting-people div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.meeting-people span{
  background:#e0f2fe;
  color:#075985;
  border:1px solid #bae6fd;
  border-radius:999px;
  padding:7px 12px;
  font-weight:700;
}

.meeting-next{
  border:1px solid #bbf7d0;
  background:#f0fdf4;
  border-radius:16px;
  padding:16px;
}

.meeting-next h3{
  margin:0 0 10px 0;
  color:#166534;
}

.meeting-next ul{
  margin:0;
  padding-left:20px;
}

.meeting-next li{
  margin-bottom:8px;
  line-height:1.6;
}

@media(max-width:900px){
  .meeting-facts{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .meeting-facts{
    grid-template-columns:1fr;
  }
}


/* ===== FAZA Notulen Overzicht per meeting ===== */

.meeting-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.meeting-overview-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  box-shadow:0 12px 34px rgba(15,23,42,.05);
}

.meeting-overview-card h2{
  margin:0 0 14px 0;
}

.meeting-overview-card ul{
  margin:0;
  padding-left:20px;
}

.meeting-overview-card li{
  margin-bottom:10px;
  line-height:1.65;
}

.meeting-overview-card.green{border-color:#86efac;background:#f0fdf4;}
.meeting-overview-card.blue{border-color:#93c5fd;background:#eff6ff;}
.meeting-overview-card.red{border-color:#fca5a5;background:#fef2f2;}
.meeting-overview-card.purple{border-color:#c4b5fd;background:#f5f3ff;}

.mini-action{
  background:rgba(255,255,255,.7);
  border:1px solid rgba(148,163,184,.35);
  border-radius:14px;
  padding:12px;
  margin-bottom:10px;
}

.mini-action b{
  display:block;
  margin-bottom:5px;
}

.mini-action span{
  color:#64748b;
  font-size:.9rem;
}

@media(max-width:900px){
  .meeting-overview-grid{
    grid-template-columns:1fr;
  }
}


/* ===== FAZA Notulen AI Advies Final Layout ===== */

.advice-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:20px !important;
  margin-top:22px !important;
}

.advice-card{
  display:block !important;
  width:100% !important;
  margin:0 0 20px 0 !important;
  padding:24px 28px !important;
  border-radius:18px !important;
  border:1px solid var(--line) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.advice-card.green{border-color:#86efac !important;background:#f0fdf4 !important;}
.advice-card.red{border-color:#fca5a5 !important;background:#fef2f2 !important;}
.advice-card.blue{border-color:#93c5fd !important;background:#eff6ff !important;}
.advice-card.teal{border-color:#5eead4 !important;background:#f0fdfa !important;}
.advice-card.purple{border-color:#c4b5fd !important;background:#f5f3ff !important;}
.advice-card.amber{border-color:#fcd34d !important;background:#fffbeb !important;}

.advice-card h3{
  margin:0 0 18px 0 !important;
  font-size:1.15rem !important;
  font-weight:800 !important;
}

.advice-card > div{
  display:block !important;
  line-height:1.8 !important;
  color:#1e293b !important;
}

.ai-advice-line{
  display:block !important;
  margin:0 0 18px 0 !important;
  line-height:1.8 !important;
}

.ai-advice-line strong{
  display:block !important;
  margin:0 0 6px 0 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

.ai-advice-line:last-child{
  margin-bottom:0 !important;
}


/* ===== FAZA AI Clean Cards - geen nested blokken ===== */

.faza-ai-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.faza-ai-clean-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  width:100% !important;
}

.faza-ai-clean-card{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  border:1px solid #e2e8f0 !important;
  padding:24px 28px !important;
  margin:0 !important;
  overflow:visible !important;
  box-shadow:0 10px 28px rgba(15,23,42,.04);
}

.faza-ai-clean-card h3{
  margin:0 0 16px 0 !important;
  font-size:1.15rem !important;
  font-weight:800 !important;
}

.faza-ai-clean-card > div{
  display:block !important;
  line-height:1.8 !important;
  color:#1e293b !important;
}

.faza-ai-clean-card .ai-advice-line{
  display:block !important;
  margin:0 0 18px 0 !important;
  line-height:1.8 !important;
}

.faza-ai-clean-card .ai-advice-line strong{
  display:block !important;
  margin:0 0 6px 0 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

.faza-ai-clean-card .ai-advice-line:last-child{
  margin-bottom:0 !important;
}

.faza-ai-green{
  border-color:#86efac !important;
  background:#f0fdf4 !important;
}

.faza-ai-red{
  border-color:#fca5a5 !important;
  background:#fef2f2 !important;
}

.faza-ai-blue{
  border-color:#93c5fd !important;
  background:#eff6ff !important;
}

.faza-ai-teal{
  border-color:#5eead4 !important;
  background:#f0fdfa !important;
}

.faza-ai-purple{
  border-color:#c4b5fd !important;
  background:#f5f3ff !important;
}

.faza-ai-amber{
  border-color:#fcd34d !important;
  background:#fffbeb !important;
}


/* ===== FAZA Meetings v4 Compact Navigator ===== */

.sketch-layout{
grid-template-columns:320px 1fr !important;
}

.sketch-project{
padding:16px !important;
border-radius:18px !important;
}

.sketch-project small{
display:block;
margin-top:4px;
}

.sketch-project .badge{
margin-top:8px !important;
}

.sketch-main{
padding-left:12px !important;
}

.sketch-hero{
padding:26px !important;
min-height:auto !important;
}

.sketch-big-icon{
width:74px !important;
height:74px !important;
font-size:34px !important;
}

.sketch-score{
min-width:150px !important;
}

.sketch-tabs{
position:sticky;
top:12px;
z-index:5;
background:white;
border-radius:16px;
}


/* ===== FAZA Meetings v4 Actions + Agenda ===== */

.meeting-action-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.meeting-action-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  background:#fff;
}

.meeting-action-row b{
  display:block;
  margin-bottom:6px;
}

.meeting-action-row span{
  color:#64748b;
  font-size:.92rem;
}

.meeting-action-row > div:last-child{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.agenda-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.agenda-item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.agenda-item span{
  width:32px;
  height:32px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e0f2fe;
  color:#075985;
  font-weight:800;
}

.agenda-item div{
  line-height:1.6;
}

@media(max-width:760px){
  .meeting-action-row{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== FAZA Notulen Template Help ===== */

.notulen-template-help{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:18px 0 22px 0;
}

.notulen-template-help div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  min-height:96px;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
}

.notulen-template-help b{
  display:block;
  color:#0f172a;
  margin-bottom:8px;
}

.notulen-template-help span{
  color:#64748b;
  line-height:1.45;
  font-size:.92rem;
}

@media(max-width:1100px){
  .notulen-template-help{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .notulen-template-help{
    grid-template-columns:1fr;
  }
}


/* ===== FAZA AI Advies: harde losse borders per advies ===== */

.faza-ai-clean-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:22px !important;
  width:100% !important;
  margin-top:22px !important;
}

.faza-ai-clean-card{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:20px !important;
  border:2px solid #e2e8f0 !important;
  padding:24px 28px !important;
  margin:0 !important;
  overflow:visible !important;
  box-shadow:0 10px 26px rgba(15,23,42,.05) !important;
}

.faza-ai-clean-card + .faza-ai-clean-card{
  margin-top:0 !important;
}

.faza-ai-clean-card h3{
  margin:0 0 18px 0 !important;
  font-size:1.16rem !important;
  font-weight:850 !important;
  color:#0f172a !important;
}

.faza-ai-clean-card > div{
  display:block !important;
  line-height:1.85 !important;
  color:#1e293b !important;
}

.faza-ai-clean-card .ai-advice-line{
  display:block !important;
  margin:0 0 18px 0 !important;
  line-height:1.85 !important;
}

.faza-ai-clean-card .ai-advice-line strong{
  display:block !important;
  margin:0 0 7px 0 !important;
  font-weight:850 !important;
  color:#0f172a !important;
}

.faza-ai-green{background:#f0fdf4 !important;border-color:#86efac !important;}
.faza-ai-red{background:#fef2f2 !important;border-color:#fca5a5 !important;}
.faza-ai-blue{background:#eff6ff !important;border-color:#93c5fd !important;}
.faza-ai-teal{background:#f0fdfa !important;border-color:#5eead4 !important;}
.faza-ai-purple{background:#f5f3ff !important;border-color:#c4b5fd !important;}
.faza-ai-amber{background:#fffbeb !important;border-color:#fcd34d !important;}


/* ==========================================
FAZA NOTULEN V5 — STRUCTUUR
========================================== */

.sketch-layout{
display:grid !important;
grid-template-columns:280px minmax(0,1fr) !important;
gap:18px !important;
min-height:calc(100vh - 110px);
}

/* LINKS */

.sketch-sidebar{
background:#fff;
border-radius:20px;
padding:20px;
border:1px solid #e7eaef;
position:sticky;
top:18px;
height:calc(100vh - 130px);
overflow:auto;
}

.sketch-sidebar .primary{
width:100%;
height:48px;
border-radius:14px;
margin-bottom:18px;
}

.sketch-project{
border:1px solid #eceff5 !important;
background:#fff !important;
border-radius:14px !important;
padding:14px !important;
margin-bottom:10px !important;
transition:.18s;
cursor:pointer;
}

.sketch-project.active{
border-color:#7c3aed !important;
background:#faf5ff !important;
}

.sketch-project:hover{
transform:translateY(-1px);
}

/* RECHTS */

.sketch-main{
display:flex;
flex-direction:column;
gap:18px;
}

.sketch-hero{
background:#fff;
border-radius:20px;
padding:26px;
display:flex;
justify-content:space-between;
align-items:center;
border:1px solid #e7eaef;
}

.sketch-hero-left{
display:flex;
gap:22px;
align-items:center;
}

.sketch-big-icon{
width:74px;
height:74px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
background:#f5f3ff;
}

.sketch-score{
min-width:160px;
}

/* DATUMRIJ */

.meeting-date-strip{
display:flex;
gap:10px;
overflow:auto;
padding-bottom:4px;
}

.meeting-date-btn{
min-width:160px;
height:52px;
border:1px solid #e5e7eb;
background:#fff;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
cursor:pointer;
}

.meeting-date-btn.active{
border:2px solid #7c3aed;
color:#7c3aed;
}

/* TABS */

.sketch-tabs{
display:flex;
gap:0;
overflow:auto;
background:#fff;
border-radius:16px;
border:1px solid #eceff5;
}

.sketch-tabs button{
padding:18px 24px;
background:none;
border:none;
}

.sketch-tabs button.active{
border-bottom:3px solid #7c3aed;
color:#7c3aed;
font-weight:800;
}

/* CONTENT */

.sketch-panel{
background:#fff;
border-radius:20px;
padding:26px;
border:1px solid #eceff5;
}

/* MOBILE */

@media(max-width:1200px){

.sketch-layout{
grid-template-columns:1fr;
}

.sketch-sidebar{
position:relative;
height:auto;
}

}


/* ==========================================
FAZA NOTULEN V5 — AI GRID EXACT SCHETS
========================================== */

.faza-ai-clean-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
  width:100% !important;
  margin-top:22px !important;
}

.faza-ai-clean-card{
  min-height:170px !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  border:1.5px solid #e2e8f0 !important;
  padding:24px !important;
  margin:0 !important;
  overflow:visible !important;
  box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
}

.faza-ai-clean-card h3{
  margin:0 0 16px 0 !important;
  font-size:1.15rem !important;
  font-weight:850 !important;
}

.faza-ai-clean-card > div{
  line-height:1.75 !important;
  font-size:.98rem !important;
  color:#0f172a !important;
}

.faza-ai-wide{
  grid-column:1 / -1 !important;
  min-height:160px !important;
}

.faza-ai-green{background:#f0fdf4 !important;border-color:#86efac !important;}
.faza-ai-red{background:#fef2f2 !important;border-color:#fca5a5 !important;}
.faza-ai-blue{background:#eff6ff !important;border-color:#93c5fd !important;}
.faza-ai-teal{background:#f0fdfa !important;border-color:#5eead4 !important;}
.faza-ai-purple{background:#f5f3ff !important;border-color:#c4b5fd !important;}
.faza-ai-amber{background:#fffbeb !important;border-color:#fcd34d !important;}

@media(max-width:900px){
  .faza-ai-clean-grid{
    grid-template-columns:1fr !important;
  }

  .faza-ai-wide{
    grid-column:auto !important;
  }
}


/* ===== FAZA Notulen V5 AI tekst ===== */

.faza-ai-text{
  line-height:1.75 !important;
  font-size:.96rem !important;
}

.faza-ai-text strong{
  font-weight:850 !important;
  color:#0f172a !important;
}

.faza-ai-text br{
  display:block;
  content:"";
  margin-top:8px;
}


/* ===== FAZA Diana Focus Bar ===== */

.diana-focus-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:18px 0 20px 0;
}

.diana-focus-bar div{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}

.diana-focus-bar b{
  display:block;
  margin-bottom:6px;
  color:#334155;
  font-size:.9rem;
}

.diana-focus-bar span{
  color:#0f172a;
  font-weight:850;
  font-size:1.05rem;
}

@media(max-width:900px){
  .diana-focus-bar{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .diana-focus-bar{
    grid-template-columns:1fr;
  }
}


/* ===== FAZA Notulen V5 Decision Card ===== */

.faza-ai-clean-card.faza-ai-wide,
.faza-ai-clean-card.faza-ai-blue:last-child{
  border-width:2px !important;
  border-color:#7c3aed !important;
  background:linear-gradient(180deg,#faf5ff,#eef2ff) !important;
}

.faza-ai-clean-card.faza-ai-blue:last-child h3{
  color:#5b21b6 !important;
}

.faza-ai-clean-card.faza-ai-blue:last-child::before{
  content:"Diana besluitblok";
  display:inline-block;
  margin-bottom:12px;
  padding:6px 12px;
  border-radius:999px;
  background:#ede9fe;
  color:#5b21b6;
  font-size:.82rem;
  font-weight:850;
}


/* ===== FAZA Notulen V5 AI polish ===== */

.faza-ai-head{
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:18px 20px;
  margin-bottom:18px;
}

.faza-ai-head h2{
  margin:0 0 8px 0 !important;
  font-size:1.45rem !important;
}

.faza-ai-head .muted{
  line-height:1.6;
}

.faza-ai-clean-card{
  transition:.16s ease;
}

.faza-ai-clean-card:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}

.faza-ai-clean-card h3{
  border-bottom:1px solid rgba(15,23,42,.08);
  padding-bottom:12px;
}


/* ===== FAZA delete button ===== */

button.danger{
  background:#fee2e2 !important;
  color:#991b1b !important;
  border:1px solid #fecaca !important;
}

button.danger:hover{
  background:#fecaca !important;
}


/* =========================================================
   FAZA INTELLIGENCE CENTER - SHARED DESIGN SYSTEM
   Voor Notulen, Huisvesting en Wagenpark
   ========================================================= */

.intel-center-shell{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
  min-height:calc(100vh - 120px);
}

.intel-sidebar{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:20px;
  box-shadow:0 12px 32px rgba(15,23,42,.05);
}

.intel-main{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.intel-domain-tabs{
  display:flex;
  gap:10px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:10px;
}

.intel-domain-tabs button{
  flex:1;
  border:0;
  border-radius:14px;
  padding:14px 18px;
  background:#f8fafc;
  font-weight:800;
  cursor:pointer;
}

.intel-domain-tabs button.active{
  background:#ede9fe;
  color:#5b21b6;
}

.intel-cockpit{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  padding:26px;
  box-shadow:0 14px 36px rgba(15,23,42,.06);
}

.intel-cockpit-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.intel-cockpit h1{
  margin:0 0 8px 0;
}

.intel-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

.intel-fact{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px;
}

.intel-fact b{
  display:block;
  margin-bottom:6px;
  color:#334155;
}

.intel-fact span{
  font-weight:850;
  color:#0f172a;
}

.intel-tabs{
  display:flex;
  gap:0;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  overflow:auto;
}

.intel-tabs button{
  border:0;
  background:transparent;
  padding:18px 24px;
  font-weight:800;
  cursor:pointer;
}

.intel-tabs button.active{
  color:#5b21b6;
  border-bottom:3px solid #7c3aed;
}

.intel-panel{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:26px;
  box-shadow:0 12px 32px rgba(15,23,42,.05);
}

.intel-ai-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.intel-ai-card{
  border-radius:20px;
  border:1.5px solid #e5e7eb;
  padding:24px;
  min-height:170px;
}

.intel-ai-card h3{
  margin:0 0 16px 0;
  font-weight:850;
}

.intel-ai-card.wide{
  grid-column:1 / -1;
}

.intel-green{background:#f0fdf4;border-color:#86efac;}
.intel-red{background:#fef2f2;border-color:#fca5a5;}
.intel-blue{background:#eff6ff;border-color:#93c5fd;}
.intel-purple{background:#f5f3ff;border-color:#c4b5fd;}
.intel-amber{background:#fffbeb;border-color:#fcd34d;}
.intel-teal{background:#f0fdfa;border-color:#5eead4;}

@media(max-width:1100px){
  .intel-center-shell{
    grid-template-columns:1fr;
  }

  .intel-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .intel-ai-grid{
    grid-template-columns:1fr;
  }

  .intel-ai-card.wide{
    grid-column:auto;
  }
}

@media(max-width:640px){
  .intel-facts{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   FAZA INTELLIGENCE CENTER - COMPATIBILITY ALIASES
   Huisvesting / Wagenpark / Notulen delen dezelfde look
   ========================================================= */

.housing-shell,
.fleet-shell,
.projects-shell,
.sketch-shell{
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:22px !important;
}

.housing-list,
.fleet-list,
.projects-list,
.sketch-list{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:22px !important;
  padding:20px !important;
  box-shadow:0 12px 32px rgba(15,23,42,.05) !important;
}

.housing-main,
.fleet-main,
.projects-main,
.sketch-main{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
}

.housing-hero,
.fleet-hero,
.projects-hero,
.sketch-hero{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:24px !important;
  padding:26px !important;
  box-shadow:0 14px 36px rgba(15,23,42,.06) !important;
}

.housing-tabs,
.fleet-tabs,
.projects-tabs,
.sketch-tabs{
  display:flex !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  overflow:auto !important;
}

.housing-tabs button,
.fleet-tabs button,
.projects-tabs button,
.sketch-tabs button{
  border:0 !important;
  background:transparent !important;
  padding:18px 24px !important;
  font-weight:800 !important;
}

.housing-tabs button.active,
.fleet-tabs button.active,
.projects-tabs button.active,
.sketch-tabs button.active{
  color:#5b21b6 !important;
  border-bottom:3px solid #7c3aed !important;
}

.housing-panel,
.fleet-panel,
.projects-panel,
.sketch-panel{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:22px !important;
  padding:26px !important;
  box-shadow:0 12px 32px rgba(15,23,42,.05) !important;
}

@media(max-width:1100px){
  .housing-shell,
  .fleet-shell,
  .projects-shell,
  .sketch-shell{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   FAZA SHARED AI CARDS
   Eén AI-uitstraling voor Notulen, Huisvesting en Wagenpark
   ========================================================= */

.project-ai-block,
.housing-ai-block,
.fleet-ai-block,
.project-ai-advice,
.housing-ai-advice,
.fleet-ai-advice{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:22px !important;
  padding:26px !important;
  box-shadow:0 12px 32px rgba(15,23,42,.05) !important;
}

.project-ai-block h3,
.housing-ai-block h3,
.fleet-ai-block h3,
.project-ai-advice h3,
.housing-ai-advice h3,
.fleet-ai-advice h3{
  margin-top:0 !important;
  color:#0f172a !important;
}

.project-ai-block div,
.housing-ai-block div,
.fleet-ai-block div,
.project-ai-advice div,
.housing-ai-advice div,
.fleet-ai-advice div{
  line-height:1.75 !important;
}

.intel-signal,
.ai-signal,
.advice-section{
  background:#fff !important;
  border:1.5px solid #e5e7eb !important;
  border-radius:18px !important;
  padding:20px !important;
  margin-bottom:18px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
}

.intel-signal.red,
.ai-signal.red,
.advice-section.red{
  background:#fef2f2 !important;
  border-color:#fca5a5 !important;
}

.intel-signal.green,
.ai-signal.green,
.advice-section.green{
  background:#f0fdf4 !important;
  border-color:#86efac !important;
}

.intel-signal.blue,
.ai-signal.blue,
.advice-section.blue{
  background:#eff6ff !important;
  border-color:#93c5fd !important;
}

.intel-signal.amber,
.ai-signal.amber,
.advice-section.amber{
  background:#fffbeb !important;
  border-color:#fcd34d !important;
}


/* ===== FAZA Professional Intelligence Theme Override ===== */

:root{
  --faza-primary:#0f766e;
  --faza-primary-dark:#115e59;
  --faza-blue:#1e3a8a;
  --faza-slate:#0f172a;
  --faza-border:#dbe3ea;
  --faza-soft:#f8fafc;
}

/* Geen roze/paarse hover meer */
button:hover,
.sketch-project:hover,
.intel-domain-tabs button:hover,
.intel-tabs button:hover,
.sketch-tabs button:hover{
  background:#ecfdf5 !important;
  color:#064e3b !important;
  border-color:#99f6e4 !important;
}

/* Actief professioneel groen/blauw */
button.primary,
.primary{
  background:linear-gradient(135deg,#0f766e,#115e59) !important;
  color:#fff !important;
  border:1px solid #0f766e !important;
}

.intel-domain-tabs button.active,
.intel-tabs button.active,
.sketch-tabs button.active,
.sketch-project.active{
  background:#ecfdf5 !important;
  color:#0f766e !important;
  border-color:#0f766e !important;
}

/* AI kaarten zakelijker */
.faza-ai-green{background:#f0fdf4 !important;border-color:#22c55e !important;}
.faza-ai-red{background:#fff7ed !important;border-color:#f97316 !important;}
.faza-ai-blue{background:#eff6ff !important;border-color:#2563eb !important;}
.faza-ai-teal{background:#f0fdfa !important;border-color:#14b8a6 !important;}
.faza-ai-purple{background:#f8fafc !important;border-color:#64748b !important;}
.faza-ai-amber{background:#fffbeb !important;border-color:#d97706 !important;}

.faza-ai-clean-card h3{
  color:#0f172a !important;
}

.faza-ai-head,
.intel-cockpit,
.intel-panel,
.sketch-panel{
  background:#ffffff !important;
  border-color:var(--faza-border) !important;
}


/* ===== FAZA tijdelijk domein-tabs verbergen ===== */

.intel-domain-tabs{
  display:none !important;
}

/* =========================================================
   FAZA v3 Shared Intelligence Layout
   Scope: Wagenpark, Huisvesting, Notulen & Acties only
   Purpose: one calm, shared layout without touching other dashboards
   ========================================================= */

/* shared two-column workbench */
.sketch-shell,
.intel-center-shell{
  display:grid !important;
  grid-template-columns:minmax(280px,340px) minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start !important;
  margin-top:18px !important;
}

.sketch-list,
.intel-sidebar{
  background:#ffffff !important;
  border:1px solid #dbe3ea !important;
  border-radius:22px !important;
  padding:18px !important;
  min-height:auto !important;
  box-shadow:0 14px 36px rgba(15,23,42,.05) !important;
  position:sticky !important;
  top:18px !important;
  max-height:calc(100vh - 36px) !important;
  overflow:auto !important;
}

.sketch-main,
.intel-main{
  display:grid !important;
  gap:16px !important;
  min-width:0 !important;
}

/* shared selected item cards */
.sketch-project{
  border:1px solid #dbe3ea !important;
  border-radius:18px !important;
  padding:16px !important;
  margin-bottom:12px !important;
  background:#ffffff !important;
  box-shadow:none !important;
}

.sketch-project.active,
.sketch-project:hover{
  border-color:#0f766e !important;
  background:#ecfdf5 !important;
  box-shadow:0 12px 28px rgba(15,118,110,.10) !important;
}

.sketch-project-title b{
  color:#0f172a !important;
}

.sketch-meta{
  display:flex !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

/* shared hero/cockpit */
.sketch-hero,
.intel-cockpit{
  background:#ffffff !important;
  border:1px solid #dbe3ea !important;
  border-radius:24px !important;
  padding:24px !important;
  box-shadow:0 16px 44px rgba(15,23,42,.06) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:22px !important;
}

.sketch-hero h1,
.intel-cockpit h1{
  font-size:clamp(1.7rem,2.6vw,2.45rem) !important;
  line-height:1.12 !important;
  margin:0 0 8px !important;
}

.sketch-big-icon,
.sketch-project-icon{
  background:#ecfdf5 !important;
  color:#0f766e !important;
}

.sketch-score{
  min-width:138px !important;
  border:1px solid #99f6e4 !important;
  background:#f0fdfa !important;
  border-radius:18px !important;
}

.sketch-score strong{
  color:#0f766e !important;
}

/* shared tabs */
.sketch-tabs,
.intel-tabs{
  background:#ffffff !important;
  border:1px solid #dbe3ea !important;
  border-radius:18px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  padding:8px !important;
  overflow:visible !important;
}

.sketch-tabs button,
.intel-tabs button{
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:#f8fafc !important;
  color:#334155 !important;
  padding:11px 14px !important;
  font-weight:700 !important;
}

.sketch-tabs button.active,
.intel-tabs button.active{
  background:#ecfdf5 !important;
  color:#0f766e !important;
  border-color:#99f6e4 !important;
  box-shadow:none !important;
}

/* shared panels */
.sketch-panel,
.intel-panel,
.meeting-cockpit,
.meeting-overview-card{
  background:#ffffff !important;
  border:1px solid #dbe3ea !important;
  border-radius:22px !important;
  padding:24px !important;
  box-shadow:0 12px 34px rgba(15,23,42,.045) !important;
}

.sketch-panel h2,
.intel-panel h2,
.meeting-cockpit h2,
.meeting-overview-card h2{
  margin-top:0 !important;
  color:#0f172a !important;
}

/* shared AI cards: compact but readable */
.advice-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:18px !important;
}

.advice-card{
  display:block !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid #dbe3ea !important;
  background:#ffffff !important;
  box-shadow:none !important;
  line-height:1.72 !important;
  overflow:hidden !important;
}

.advice-card h3{
  margin:0 0 12px !important;
  font-size:1.02rem !important;
  line-height:1.3 !important;
  font-weight:850 !important;
  color:#0f172a !important;
}

.advice-card > div,
.faza-ai-text{
  font-size:.96rem !important;
  color:#243244 !important;
  line-height:1.72 !important;
}

.advice-card.green{background:#f0fdf4 !important;border-color:#86efac !important;}
.advice-card.red{background:#fff7ed !important;border-color:#fdba74 !important;}
.advice-card.blue{background:#eff6ff !important;border-color:#93c5fd !important;}
.advice-card.teal{background:#f0fdfa !important;border-color:#5eead4 !important;}
.advice-card.purple{background:#f8fafc !important;border-color:#cbd5e1 !important;}
.advice-card.amber{background:#fffbeb !important;border-color:#fcd34d !important;}

/* shared document/action/budget rows */
.intel-doc-card,
.intel-action-card,
.intel-budget-card,
.meeting-action-row,
.agenda-item,
.mini-action{
  background:#f8fafc !important;
  border:1px solid #e2e8f0 !important;
  border-radius:16px !important;
  padding:14px 16px !important;
  margin:0 0 12px !important;
}

.intel-doc-card,
.meeting-action-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}

.intel-upload-box{
  background:#f8fafc !important;
  border:1px dashed #cbd5e1 !important;
  border-radius:18px !important;
  padding:18px !important;
  display:grid !important;
  gap:10px !important;
}

/* meeting date buttons */
.intel-main > div[style*="display:flex"] button{
  border-radius:999px !important;
  padding:9px 13px !important;
}

/* keep domain tabs hidden for the single FAZA Intelligence flow */
.intel-domain-tabs{
  display:none !important;
}

@media(max-width:1180px){
  .sketch-shell,
  .intel-center-shell{
    grid-template-columns:1fr !important;
  }

  .sketch-list,
  .intel-sidebar{
    position:static !important;
    max-height:none !important;
  }
}

@media(max-width:780px){
  .advice-grid{
    grid-template-columns:1fr !important;
  }

  .sketch-hero,
  .intel-cockpit{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .intel-doc-card,
  .meeting-action-row{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}



/* =========================================================
   FAZA SaaS Intelligence Layout - Wagenpark & Huisvesting
   Added 2026-05-27. Scoped classes only; does not touch the
   existing Dashboard/Projecten/Budget/Team/Rapportages pages.
========================================================= */
:root{
  --faza-green:#047857;
  --faza-green-2:#059669;
  --faza-green-soft:#ecfdf5;
  --faza-text:#0f172a;
  --faza-muted:#475569;
  --faza-border:#dbe5f1;
  --faza-card:#ffffff;
  --faza-red:#dc2626;
  --faza-red-soft:#fff1f2;
  --faza-blue:#0b5fc7;
  --faza-blue-soft:#eff6ff;
  --faza-teal:#0e7490;
  --faza-teal-soft:#ecfeff;
  --faza-amber:#d97706;
  --faza-amber-soft:#fffbeb;
  --faza-violet:#6d28d9;
  --faza-violet-soft:#faf5ff;
}
.faza-saas-page{max-width:100%;padding:6px 4px 28px;color:var(--faza-text)}
.faza-saas-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.faza-saas-title h1{font-size:28px;line-height:1.1;margin:0 0 8px;font-weight:850;letter-spacing:-.03em;color:var(--faza-text)}
.faza-saas-title p{margin:0;color:var(--faza-muted);font-size:14px}
.faza-saas-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.faza-btn{border:1px solid var(--faza-border);background:#fff;color:#0f172a;border-radius:10px;padding:11px 16px;font-weight:750;font-size:14px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 1px 2px rgba(15,23,42,.04);cursor:pointer;transition:.15s ease}
.faza-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.07)}
.faza-btn-primary{background:linear-gradient(135deg,var(--faza-green),var(--faza-green-2));border-color:var(--faza-green);color:#fff}
.faza-btn-danger{background:#fff;border-color:#fecaca;color:var(--faza-red)}
.faza-btn-ghost{background:#fff;border-color:var(--faza-border);color:#334155}
.faza-btn-sm{padding:8px 11px;font-size:13px;border-radius:9px}
.faza-topcards{display:grid;grid-template-columns:1.05fr 1.05fr 1.05fr 1.9fr;gap:18px;margin-bottom:22px}
.faza-topcard{background:var(--faza-card);border:1px solid var(--faza-border);border-radius:13px;min-height:116px;padding:20px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 18px 40px rgba(15,23,42,.04)}
.faza-topcard.health{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#a7f3d0}
.faza-topcard .top-icon{font-size:25px;color:#0f766e;width:36px;text-align:center;line-height:1}
.faza-topcard label{display:block;font-size:14px;font-weight:750;color:#0f172a;margin-bottom:8px}
.faza-topcard strong{font-size:30px;line-height:1;font-weight:900;color:#047857;letter-spacing:-.03em;display:block}
.faza-topcard .small{display:block;margin-top:8px;font-size:13px;color:#475569}
.faza-status-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:#86efac;margin-left:7px;vertical-align:middle}
.faza-project-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.faza-tabs{display:flex;align-items:center;gap:24px;margin:2px 0 10px;border-bottom:1px solid #e6edf5;padding:0 6px}
.faza-tabs button{border:0;background:transparent;color:#22324a;font-size:14px;font-weight:740;padding:15px 2px 14px;display:inline-flex;gap:9px;align-items:center;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.faza-tabs button.active{color:var(--faza-green);border-bottom-color:var(--faza-green)}
.faza-tabs button .badge{margin-left:0;background:#e8fff3;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:1px 7px;font-size:11px}
.faza-panel{background:#fff;border:1px solid var(--faza-border);border-radius:13px;padding:22px;margin-top:0;box-shadow:0 18px 40px rgba(15,23,42,.035)}
.faza-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.faza-panel h2{font-size:21px;margin:0 0 7px;font-weight:850;letter-spacing:-.02em;color:#0f172a}
.faza-panel p.lead{margin:0;color:#475569;font-size:14px}
.faza-advice-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:20px;margin-top:16px}
.faza-ai-card{border:1px solid var(--faza-border);border-radius:13px;padding:22px 22px 20px;min-height:170px;background:#fff;position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.025)}
.faza-ai-card h3{margin:0 0 18px;font-size:16px;font-weight:850;display:flex;align-items:center;gap:14px;color:inherit}
.faza-ai-card .card-icon{font-size:30px;width:34px;line-height:1;text-align:center;display:inline-block}
.faza-ai-card .content{font-size:14px;line-height:1.65;color:#0f172a;white-space:normal}
.faza-ai-card .content b{font-weight:850}
.faza-ai-card.green{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#9ae6b4;color:#047857}
.faza-ai-card.red{background:linear-gradient(135deg,#fff,#fff1f2);border-color:#fca5a5;color:#dc2626}
.faza-ai-card.blue{background:linear-gradient(135deg,#fff,#eff6ff);border-color:#93c5fd;color:#0b5fc7}
.faza-ai-card.teal{background:linear-gradient(135deg,#fff,#ecfeff);border-color:#67e8f9;color:#0e7490}
.faza-ai-card.violet{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#c4b5fd;color:#6d28d9}
.faza-ai-card.amber{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#fcd34d;color:#d97706}
.faza-decision{grid-column:1/-1;background:linear-gradient(135deg,#fff,#eff6ff);border-color:#93c5fd;color:#0b5fc7;padding-bottom:18px}
.faza-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:0;margin-top:4px;color:#0f172a}
.faza-decision-cell{padding:4px 18px 2px 0;border-right:1px solid #cbd5e1;min-height:68px}
.faza-decision-cell:last-child{border-right:0}
.faza-decision-cell b{display:block;margin-bottom:7px;color:#0f172a;font-size:14px}
.faza-decision-cell div{font-size:13px;line-height:1.55;color:#0f172a}
.faza-empty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:13px;padding:18px;color:#475569}
.faza-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.faza-mini-kpi{background:#fff;border:1px solid var(--faza-border);border-radius:13px;padding:18px;display:flex;gap:14px;align-items:center}
.faza-mini-kpi .icon{font-size:24px;color:#047857}
.faza-mini-kpi span{display:block;color:#64748b;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.faza-mini-kpi strong{font-size:27px;color:#0f172a;display:block;margin-top:4px}
.faza-doc-sections{display:grid;gap:18px}.faza-doc-section h3{font-size:15px;margin:0 0 10px;color:#0f172a;display:flex;align-items:center;gap:8px}.faza-doc-list{display:grid;gap:10px}.faza-row-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:14px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.faza-row-card b{font-size:14px}.faza-row-card small{color:#64748b}.faza-upload-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:13px;padding:18px;display:grid;gap:12px}.faza-upload-box label{font-weight:750;color:#334155}.faza-upload-box input,.faza-upload-box textarea{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff}.faza-action-list{display:grid;gap:10px}
@media(max-width:1250px){.faza-topcards{grid-template-columns:repeat(2,1fr)}.faza-advice-grid{grid-template-columns:1fr 1fr}.faza-decision{grid-column:1/-1}.faza-overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.faza-saas-header,.faza-panel-head{flex-direction:column}.faza-saas-actions{justify-content:flex-start}.faza-topcards,.faza-advice-grid,.faza-overview-grid{grid-template-columns:1fr}.faza-tabs{gap:12px;overflow:auto}.faza-decision-grid{grid-template-columns:1fr}.faza-decision-cell{border-right:0;border-bottom:1px solid #cbd5e1;padding:10px 0}.faza-row-card{align-items:flex-start;flex-direction:column}}

/* =========================================================
   FAZA Notulen & Acties vNext - enterprise list/detail layout
   Scope: vergaderingen.html only
   ========================================================= */
.notulen-vnext-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin:6px 0 24px;
}
.notulen-vnext-head h1{margin:0;color:#07182f;font-size:30px;letter-spacing:-.03em;}
.notulen-vnext-head p{margin:8px 0 0;color:#52627a;font-size:15px;}
.notulen-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.notulen-actions input{
  width:330px;max-width:42vw;border:1px solid #dbe5ee;border-radius:12px;background:#fff;padding:12px 16px;color:#17233b;
}
.notulen-actions button,.notulen-row-actions button,.notulen-card-head button,.notulen-detail-top button{
  border:1px solid #dbe5ee;background:#fff;color:#0c1b33;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;
}
.notulen-actions button.primary,.notulen-row-actions button.primary,.notulen-ai-card button.primary{
  background:#007a5a;border-color:#007a5a;color:white;box-shadow:0 10px 24px rgba(0,122,90,.18);
}
.notulen-kpi-strip{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid #e3ebf2;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(14,35,60,.05);margin-bottom:22px;
}
.notulen-kpi{display:flex;gap:20px;align-items:center;padding:28px 32px;border-right:1px solid #e8eef4;min-height:112px;}
.notulen-kpi:last-child{border-right:0;}
.notulen-kpi-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:27px;}
.notulen-kpi-icon.green{background:#e9f8f1;color:#007a5a;}.notulen-kpi-icon.blue{background:#edf4ff;color:#1266d6;}.notulen-kpi-icon.red{background:#fff0ee;color:#db2d24;}.notulen-kpi-icon.amber{background:#fff6e6;color:#c77800;}
.notulen-kpi span{display:block;color:#20304a;font-weight:800;font-size:15px;}.notulen-kpi strong{display:block;color:#07182f;font-size:34px;line-height:1;margin-top:6px;}.notulen-kpi small{display:block;color:#52627a;margin-top:8px;font-size:14px;}
.notulen-overview-panel,.notulen-detail-shell{background:#fff;border:1px solid #e3ebf2;border-radius:18px;box-shadow:0 16px 42px rgba(14,35,60,.06);padding:28px;}
.notulen-panel-title{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e8eef4;padding-bottom:20px;margin-bottom:0;}
.notulen-panel-title h2{margin:0;color:#07182f;font-size:22px;}.notulen-panel-title p{margin:8px 0 0;color:#52627a;}
.notulen-table-head{display:grid;grid-template-columns:90px 1.2fr 1fr 1.4fr 1.5fr .75fr 1.1fr 170px;gap:18px;color:#52627a;font-size:13px;font-weight:800;padding:20px 14px 12px;border-bottom:1px solid #eef3f7;}
.notulen-list{display:grid;gap:14px;margin-top:14px;}
.notulen-row{display:grid;grid-template-columns:90px 1.2fr 1fr 1.4fr 1.5fr .75fr 1.1fr 170px;gap:18px;align-items:center;border:1px solid #e5edf4;border-radius:14px;background:#fff;padding:22px 14px;transition:.18s ease;}
.notulen-row:hover{border-color:#b7e5d5;box-shadow:0 12px 28px rgba(0,122,90,.08);transform:translateY(-1px);}.notulen-row.has-ai{border-left:4px solid #007a5a;}
.notulen-row b{color:#07182f;}.notulen-row small{display:block;color:#52627a;margin-top:5px;line-height:1.35;}.notulen-date strong{font-size:30px;letter-spacing:-.04em;}.notulen-date small{text-transform:uppercase;font-weight:800;}
.notulen-ai-status{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;}.notulen-ai-status span{width:42px;height:42px;border-radius:50%;background:#e9f8f1;color:#007a5a;display:grid;place-items:center;font-size:20px;grid-row:1/3;}.notulen-ai-status b{color:#007a5a;font-size:14px;}.notulen-row-actions{display:flex;justify-content:flex-end;gap:8px;}.notulen-row-actions button:last-child{padding:10px 12px;}.notulen-empty{padding:34px;color:#52627a;text-align:center;border:1px dashed #cbd8e3;border-radius:14px;}.notulen-footnote{color:#52627a;font-size:13px;margin-top:22px;}
.notulen-detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}.notulen-detail-top .ghost{border:0;background:transparent;padding-left:0;color:#07182f;}
.notulen-meta-strip{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.7fr 1.2fr;border:1px solid #e8eef4;border-radius:16px;overflow:hidden;margin-bottom:24px;background:#fff;}.notulen-meta-strip div{padding:22px 24px;border-right:1px solid #e8eef4;}.notulen-meta-strip div:last-child{border-right:0;}.notulen-meta-strip span{display:block;color:#52627a;font-size:13px;font-weight:800;margin-bottom:8px;}.notulen-meta-strip b{color:#07182f;font-size:16px;}
.notulen-detail-tabs{display:flex;gap:26px;border-bottom:1px solid #e8eef4;margin-bottom:16px;}.notulen-detail-tabs button{border:0;background:transparent;padding:0 0 15px;color:#52627a;font-weight:800;cursor:pointer;}.notulen-detail-tabs button.active{color:#007a5a;border-bottom:3px solid #007a5a;}
.notulen-detail-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;align-items:start;}.notulen-original-card,.notulen-ai-card{border:1px solid #e5edf4;border-radius:16px;padding:22px;background:#fff;min-height:620px;}.notulen-original-card h2,.notulen-ai-card h2{margin:0;color:#07182f;font-size:22px;}.notulen-original-card h3,.notulen-ai-section h3{margin:22px 0 12px;color:#07182f;font-size:16px;}.notulen-original-card ul,.notulen-ai-section ul{padding-left:20px;margin:0;}.notulen-original-card li,.notulen-ai-section li{margin:9px 0;line-height:1.55;color:#17233b;}.notulen-original-card hr{border:0;border-top:1px solid #e8eef4;margin:24px 0;}.notulen-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;}.notulen-card-head p{margin:6px 0 0;color:#52627a;}.notulen-next-date{font-size:22px;font-weight:900;color:#07182f;}
.notulen-diana-advice{background:linear-gradient(135deg,#f0fbf6,#fbfffd);border:1px solid #c9efe0;border-radius:14px;padding:20px;margin:18px 0;}.notulen-diana-advice b{color:#007a5a;font-size:16px;}.notulen-diana-advice p{margin:10px 0 0;color:#17233b;line-height:1.6;}
.notulen-ai-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;}.notulen-ai-mini-kpis div{border:1px solid #e5edf4;border-radius:14px;padding:16px;background:#fbfdff;}.notulen-ai-mini-kpis span{display:block;color:#52627a;font-size:13px;font-weight:800;}.notulen-ai-mini-kpis b{display:block;color:#07182f;font-size:28px;margin-top:8px;}.notulen-ai-section{border:1px solid #e9eff5;border-radius:14px;padding:18px;margin-top:14px;background:#fff;}.notulen-ai-section.risk{background:#fffdf8;border-color:#ffe2a7;}.notulen-ai-section.summary{background:#fbfdff;}.notulen-ai-section p{line-height:1.6;color:#17233b;}.notulen-loading{border:1px dashed #b8ddcf;background:#f2fbf7;border-radius:14px;padding:32px;color:#007a5a;font-weight:800;}
.notulen-action-table{width:100%;border-collapse:collapse;margin-top:8px;}.notulen-action-table th{text-align:left;color:#52627a;font-size:13px;border-bottom:1px solid #e8eef4;padding:11px 8px;}.notulen-action-table td{padding:12px 8px;border-bottom:1px solid #eef3f7;color:#17233b;vertical-align:top;}.notulen-prio{display:inline-flex;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;border:1px solid #dbe5ee;}.notulen-prio.hoog{color:#d21b1b;background:#fff0ee;border-color:#ffc9c4;}.notulen-prio.normaal,.notulen-prio.middel{color:#c77800;background:#fff6e6;border-color:#ffd99b;}.notulen-prio.laag{color:#007a5a;background:#e9f8f1;border-color:#bdebd8;}
@media(max-width:1200px){.notulen-kpi-strip{grid-template-columns:repeat(2,1fr)}.notulen-table-head{display:none}.notulen-row{grid-template-columns:80px 1fr;}.notulen-row-actions{justify-content:flex-start}.notulen-detail-grid{grid-template-columns:1fr}.notulen-meta-strip{grid-template-columns:1fr 1fr}.notulen-actions input{max-width:none;width:100%}.notulen-vnext-head{flex-direction:column}.notulen-actions{width:100%}}

.faza-module-projects{
  background:#fff;
  border:1px solid #dfe8ef;
  border-radius:16px;
  padding:18px;
  margin:18px 0;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}

.faza-module-projects-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}

.faza-module-projects-head h2{
  margin:0;
  font-size:20px;
}

.faza-module-projects-head p{
  margin:4px 0 0;
  color:#526176;
}

.faza-module-project-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}

.faza-module-project-card{
  border:1px solid #dfe8ef;
  border-radius:14px;
  padding:14px;
  background:#fff;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
}

.faza-module-project-card.active{
  border-color:#0b8f68;
  background:linear-gradient(135deg,#f0fff8,#ffffff);
}

.faza-module-project-main{
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  cursor:pointer;
  flex:1;
}

.faza-module-project-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf8f2;
  font-size:22px;
}

.faza-module-project-main b{
  display:block;
  font-size:15px;
  color:#102033;
}

.faza-module-project-main small{
  display:block;
  margin-top:4px;
  color:#64748b;
}

.faza-module-project-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.faza-project-ai-detail{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.faza-info-list{
  display:grid;
  gap:10px;
  margin:14px 0;
}

.faza-info-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #eef2f6;
  padding:10px 0;
}

.faza-info-list b{
  color:#0f172a;
}

.faza-info-list span{
  color:#526176;
  text-align:right;
}

@media(max-width:1000px){
  .faza-project-ai-detail{
    grid-template-columns:1fr;
  }
}

/* FAZA module overview aligned with Notulen pattern */
.faza-project-table-head{
  grid-template-columns:90px 1.4fr .75fr 1.15fr .7fr .9fr 1.25fr;
}
.faza-project-overview-row{
  grid-template-columns:90px 1.4fr .75fr 1.15fr .7fr .9fr 1.25fr;
}
.faza-doc-mini-list{display:grid;gap:10px;margin-top:8px;}
.faza-project-overview-row .notulen-row-actions{justify-content:flex-end;}
@media(max-width:1100px){
  .faza-project-table-head{display:none;}
  .faza-project-overview-row{grid-template-columns:1fr;align-items:start;}
}

.faza-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.42);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.faza-modal{
  width:min(720px,96vw);
  background:#fff;
  border-radius:20px;
  border:1px solid #dfe8ef;
  box-shadow:0 24px 80px rgba(15,23,42,.22);
  padding:22px;
}

.faza-modal-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}

.faza-modal-head h2{
  margin:0;
}

.faza-modal-head p{
  margin:5px 0 0;
  color:#64748b;
}

.faza-form-grid{
  display:grid;
  gap:10px;
}

.faza-form-grid label{
  font-weight:700;
  color:#102033;
  margin-top:8px;
}

.faza-form-grid input,
.faza-form-grid textarea{
  width:100%;
  border:1px solid #dbe5ee;
  border-radius:12px;
  padding:11px 12px;
  font:inherit;
  background:#f8fbfd;
}

.faza-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
}

.faza-progress{
  height:12px;
  background:#e8f0f2;
  border-radius:999px;
  overflow:hidden;
}

.faza-progress span{
  display:block;
  height:100%;
  background:#007f68;
  border-radius:999px;
}

.faza-budget-chart{
  min-height:360px;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  padding:22px 8px 8px;
}

.faza-chart-y{
  height:280px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#64748b;
  font-size:12px;
  text-align:right;
  padding-right:4px;
}

.faza-chart-plot{
  height:280px;
  display:flex;
  align-items:flex-end;
  gap:28px;
  border-left:1px solid #e8eef3;
  border-bottom:1px solid #e8eef3;
  background:
    linear-gradient(to bottom, #eef3f7 1px, transparent 1px);
  background-size:100% 70px;
  padding:0 20px;
}

.faza-chart-col{
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
}

.faza-chart-bar{
  width:min(96px,70%);
  min-height:16px;
  border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,#0b8f68,#005b4f);
  box-shadow:0 12px 28px rgba(0,127,104,.22);
}

.faza-chart-col small{
  color:#526176;
  font-size:12px;
  white-space:nowrap;
}

.task-update-grey{
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  color:#374151;
  border-radius:12px;
  padding:10px 12px;
  margin:8px 0;
}

.task-update-meta{
  font-size:11px;
  color:#6b7280;
  margin-bottom:4px;
}

.task-update-text{
  font-size:13px;
  color:#374151;
  line-height:1.45;
}

/* FAZA Team Status */
.team-status-simple{
  display:grid;
  gap:10px;
}

.team-status-simple .donut{
  margin:0 auto 4px;
}

.team-status-label{
  text-align:center;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  color:#4b5563;
  margin-bottom:6px;
}

.team-status-row{
  display:flex;
  align-items:center;
  gap:12px;
  border-top:1px solid var(--line);
  padding:9px 0;
}

.team-status-row b{
  min-width:34px;
  font-size:20px;
  color:var(--ink);
}

.team-status-row span{
  color:var(--muted);
  font-size:14px;
}

/* FAZA Notulen Intelligence v3.2 - AI eigenaar voorstel */
.task-ai-suggestion{
  border:1px solid rgba(37,99,235,.22);
  background:rgba(37,99,235,.06);
  border-radius:14px;
  padding:10px 12px;
  color:var(--ink);
}
.task-ai-suggestion b{
  display:block;
  font-size:13px;
  margin-bottom:3px;
}
.task-ai-suggestion small{
  display:block;
  color:var(--muted);
  line-height:1.35;
}
.task-ai-suggestion button{
  margin-top:8px;
}