/*
NOWA v2295 - Werkplaats Kiosk Clean CSS Rebuild
Alleen bedoeld voor /werkplaats-kiosk en de ws-kiosk-card-v22948 output.
Geen oude v2294 patchstapeling.
*/

.kiosk-screen {
  --k-bg:#f3f7fc;
  --k-card:#fff;
  --k-border:#d8e2ef;
  --k-border-soft:#e2e8f0;
  --k-text:#07132b;
  --k-muted:#64748b;
  --k-blue:#2563eb;
  --k-blue-soft:#eff6ff;
  --k-green:#15803d;
  --k-green-soft:#dcfce7;
  --k-orange:#9a3412;
  --k-orange-soft:#fff7ed;
  background:var(--k-bg)!important;
  color:var(--k-text)!important;
  min-height:100vh;
}

.kiosk-screen *,
.kiosk-screen *::before,
.kiosk-screen *::after { box-sizing:border-box; }

.kiosk-screen .kiosk-topbar{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  min-height:48px!important;
  padding:7px 22px!important;
  margin:0 -14px 10px!important;
  border-bottom:1px solid var(--k-border)!important;
  background:rgba(255,255,255,.72)!important;
}

.kiosk-screen .kiosk-title-wrap{grid-column:2!important;justify-self:center!important;}
.kiosk-screen .kiosk-logo,
.kiosk-screen .ws-live-pill{display:none!important;}

.kiosk-screen .kiosk-title{
  color:var(--k-text)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.kiosk-screen #kioskClock{
  position:absolute!important;
  left:8px!important;
  top:9px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--k-text)!important;
  font-size:13px!important;
  font-weight:800!important;
}

.kiosk-screen .kpi-strip{
  position:absolute!important;
  right:10px!important;
  top:4px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
.kiosk-screen .kpi-strip .stat{display:none!important;}
.kiosk-screen .kpi-strip .stat:first-child{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:7px 16px!important;
  border:1px solid var(--k-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.05)!important;
}
.kiosk-screen .kpi-strip .stat:first-child .muted{display:none!important;}
.kiosk-screen .kpi-strip .stat:first-child .value{
  color:var(--k-text)!important;
  font-size:17px!important;
  font-weight:950!important;
}
.kiosk-screen .kpi-strip .stat:first-child .value::after{content:" dossier";}

.kiosk-screen input[type="search"],
.kiosk-screen .ws-kiosk-search-wrap,
.kiosk-screen .ws-search-note,
.kiosk-screen .ws-toolbar,
.kiosk-screen .ws-filterbar,
.kiosk-screen .kiosk-status-toolbar,
.kiosk-screen .kiosk-sort-row,
.kiosk-screen .kiosk-sort-chip{display:none!important;}

.kiosk-screen .kiosk-tools-v229415,
.kiosk-screen .kiosk-tools-v229414{
  display:block!important;
  margin:0 22px 12px!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:100!important;
}
.kiosk-screen .kiosk-tools-v229415 .kiosk-tools-row,
.kiosk-screen .kiosk-tools-v229414 .kiosk-tools-row{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
.kiosk-screen .kiosk-tools-v229415 .kiosk-tools-label,
.kiosk-screen .kiosk-tools-v229414 .kiosk-tools-label{
  flex:0 0 auto!important;
  min-height:28px!important;
  margin-right:3px!important;
  color:var(--k-muted)!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.kiosk-screen .kiosk-tools-v229415 .kiosk-filter-chip,
.kiosk-screen .kiosk-tools-v229414 .kiosk-filter-chip{
  flex:0 1 auto!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid #cfd9e7!important;
  background:#fff!important;
  color:var(--k-text)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 3px 9px rgba(15,23,42,.045)!important;
}
.kiosk-screen .kiosk-tools-v229415 .kiosk-filter-chip.is-active,
.kiosk-screen .kiosk-tools-v229414 .kiosk-filter-chip.is-active{
  background:var(--k-blue)!important;
  border-color:var(--k-blue)!important;
  color:#fff!important;
}

.kiosk-screen .ws-board{margin:0 10px!important;}
.kiosk-screen .ws-group{margin:0 0 14px!important;}
.kiosk-screen .ws-group-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.kiosk-screen .ws-group-head h2{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  margin:0!important;
  color:var(--k-text)!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.kiosk-screen .ws-group-head h2::before{
  content:""!important;
  width:15px!important;
  height:15px!important;
  border-radius:999px!important;
  background:#2f8cff!important;
  box-shadow:0 0 0 7px #dbeafe!important;
  display:inline-block!important;
}
.kiosk-screen .ws-group-head .pill{display:none!important;}
.kiosk-screen .ws-list{display:grid!important;gap:6px!important;}

.kiosk-screen .ws-row{
  width:100%!important;
  background:var(--k-card)!important;
  border:1px solid var(--k-border)!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  overflow:visible!important;
}

.kiosk-screen .ws-summary.ws-kiosk-card-v22948{
  display:grid!important;
  grid-template-columns:minmax(330px,.95fr) minmax(330px,1.05fr) minmax(235px,.62fr)!important;
  align-items:stretch!important;
  min-height:132px!important;
  width:100%!important;
  padding:10px 18px!important;
  gap:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--k-text)!important;
  text-align:left!important;
  box-shadow:none!important;
}
.kiosk-screen .ws-summary.ws-kiosk-card-v22948:hover{transform:none!important;background:#fff!important;}
.kiosk-screen .ws-summary.ws-kiosk-card-v22948>.ws-col{
  min-width:0!important;
  padding:0 18px!important;
  border-right:1px solid var(--k-border)!important;
  background:transparent!important;
}
.kiosk-screen .ws-summary.ws-kiosk-card-v22948>.ws-col:last-child{border-right:0!important;padding-right:0!important;}

.kiosk-screen .ws-summary.ws-kiosk-card-v22948>.ws-col.ws-kiosk-left.ws-left-premium{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:10px!important;
  row-gap:8px!important;
  align-content:start!important;
  justify-content:start!important;
  padding:0 18px 0 4px!important;
  margin:0!important;
  min-width:0!important;
  width:100%!important;
}

.kiosk-screen .ws-left-premium .ws-left-identity{display:contents!important;}
.kiosk-screen .ws-left-premium .ws-left-main-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,#f1f5ff,#e0ecff)!important;
  color:var(--k-blue)!important;
  font-size:17px!important;
  line-height:1!important;
}

.kiosk-screen .ws-left-premium .ws-left-title{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.kiosk-screen .ws-left-premium .ws-customer-name{
  display:block!important;
  margin:0 0 3px!important;
  padding:0!important;
  color:var(--k-text)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.kiosk-screen .ws-left-premium .ws-repairnr{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--k-muted)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-align:left!important;
}

.kiosk-screen .ws-left-premium .ws-left-detail-grid{
  grid-column:1 / span 2!important;
  grid-row:2 / span 2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.kiosk-screen .ws-left-premium .ws-left-detail-row,
.kiosk-screen .ws-left-premium .ws-left-cost-premium{
  display:grid!important;
  grid-template-columns:40px minmax(0,210px)!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%!important;
  max-width:270px!important;
  margin:0!important;
  padding:0!important;
}
.kiosk-screen .ws-left-premium .ws-left-detail-label{display:none!important;}

.kiosk-screen .ws-left-premium .ws-left-detail-icon,
.kiosk-screen .ws-left-premium .ws-cost-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  border-radius:10px!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  background:#eef4ff!important;
  color:var(--k-blue)!important;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
}

.kiosk-screen .ws-left-premium .ws-left-detail-value,
.kiosk-screen .ws-left-premium .ws-left-cost-premium .ws-cost-inline{
  width:100%!important;
  min-width:0!important;
  max-width:210px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 2px 8px rgba(37,99,235,.04)!important;
}
.kiosk-screen .ws-left-premium .ws-left-detail-value{
  border:1px solid #d8e6ff!important;
  background:#f7fbff!important;
  color:var(--k-text)!important;
}
.kiosk-screen .ws-left-premium .ws-left-cost-premium .ws-cost-inline{
  border:1px solid #86efac!important;
  background:var(--k-green-soft)!important;
  color:#052e16!important;
}
.kiosk-screen .ws-left-premium .ws-phone-line,
.kiosk-screen .ws-left-premium .ws-phone-line a{
  min-width:0!important;
  width:100%!important;
  max-width:210px!important;
  color:#1d4ed8!important;
  font-size:14px!important;
  font-weight:950!important;
  text-decoration:none!important;
}

.kiosk-screen .ws-kiosk-middle{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding-left:18px!important;
  padding-right:20px!important;
}
.kiosk-screen .ws-info-block{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:0 0 10px!important;
  margin:0 0 9px!important;
  border-bottom:1px solid var(--k-border-soft)!important;
}
.kiosk-screen .ws-info-block:last-child{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important;}
.kiosk-screen .ws-info-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--k-blue-soft)!important;
  color:var(--k-blue)!important;
  font-size:17px!important;
  line-height:1!important;
}
.kiosk-screen .ws-info-block strong{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--k-text)!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:950!important;
}
.kiosk-screen .ws-info-block span{
  display:block!important;
  color:#334155!important;
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:500!important;
  overflow-wrap:anywhere!important;
}

.kiosk-screen .ws-kiosk-right{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding-left:18px!important;
}
.kiosk-screen .ws-top-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
  max-width:210px!important;
  margin:0!important;
}
.kiosk-screen .ws-bak-inline,
.kiosk-screen .ws-compact-trigger{
  width:100%!important;
  max-width:210px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
.kiosk-screen .ws-bak-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border:1px solid #bfdbfe!important;
  background:var(--k-blue-soft)!important;
  color:var(--k-text)!important;
  white-space:nowrap!important;
}
.kiosk-screen .ws-age{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:4px 12px!important;
  border-radius:12px!important;
  background:#dbeafe!important;
  color:#1d4ed8!important;
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.kiosk-screen .ws-inline-dropdown{width:100%!important;position:relative!important;}
.kiosk-screen .ws-compact-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  cursor:pointer!important;
}
.kiosk-screen .ws-workstation-trigger{
  color:var(--k-orange)!important;
  background:var(--k-orange-soft)!important;
  border:1px solid #fed7aa!important;
}
.kiosk-screen .ws-status-trigger{
  color:var(--k-text)!important;
  background:#f8fafc!important;
  border:1px solid #cbd5e1!important;
}
.kiosk-screen .ws-caret{color:inherit!important;font-size:13px!important;opacity:.9!important;}

.kiosk-screen .ws-dropdown-panel{
  width:min(225px,70vw)!important;
  padding:8px!important;
  border-radius:13px!important;
  border:1px solid #bfdbfe!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(15,23,42,.18)!important;
  z-index:1000!important;
}
.kiosk-screen .ws-choice-btn{
  min-height:34px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:850!important;
}
.kiosk-screen .ws-mail-toggle,
.kiosk-screen .ws-whatsapp-toggle{
  min-height:42px!important;
  margin-bottom:7px!important;
  border-radius:11px!important;
  font-size:14px!important;
}


/* v2295.10 restore fullscreen safely */
.kiosk-screen #kioskFullscreen,
#kioskFullscreen{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid #d8e2ef!important;
  background:#ffffff!important;
  color:#07132b!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 4px 12px rgba(15,23,42,.05)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}