/* Smørekart Vannkraft v7.4.0 - Modern functional skin
   Bruker eksisterende fungerende app. Ingen dummy-visning.
   Scopet til .skv-app.skv-modern-skin slik at Avada ikke påvirkes.
*/
.skv-app.skv-modern-skin,
.skv-app.skv-modern-skin *{
  box-sizing:border-box;
}

.skv-app.skv-modern-skin{
  --smk-nav:#061b31;
  --smk-nav2:#0c2d4a;
  --smk-primary:#0f3a5f;
  --smk-accent:#e84a0a;
  --smk-bg:#f4f7fb;
  --smk-card:#ffffff;
  --smk-border:#dce7f0;
  --smk-text:#10243a;
  --smk-muted:#64748b;
  background:var(--smk-bg)!important;
  color:var(--smk-text)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 20px 50px rgba(15,58,95,.14)!important;
  isolation:isolate!important;
  max-width:100%!important;
  margin:0 auto!important;
}

/* Header */
.skv-app.skv-modern-skin > .skv-header{
  background:linear-gradient(135deg,var(--smk-nav),var(--smk-nav2))!important;
  color:#fff!important;
  padding:24px 28px!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.skv-app.skv-modern-skin > .skv-header h1{
  color:#fff!important;
  font-size:24px!important;
  margin:0 0 8px 0!important;
  font-weight:750!important;
}
.skv-app.skv-modern-skin > .skv-header p{
  color:#e6f0fa!important;
  margin:0!important;
  font-size:15px!important;
}

/* App layout */
.skv-app.skv-modern-skin .layout{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  background:linear-gradient(180deg,#f9fcff,#edf5fa)!important;
}

/* Dark sidebar */
.skv-app.skv-modern-skin .skv-nav{
  background:linear-gradient(180deg,var(--smk-nav),var(--smk-nav2))!important;
  color:#eaf4ff!important;
  padding:22px 14px!important;
  border-right:0!important;
  min-height:780px!important;
}
.skv-app.skv-modern-skin .skv-nav *{
  color:inherit;
}
.skv-app.skv-modern-skin .skv-nav button,
.skv-app.skv-modern-skin .skv-nav .nav-btn,
.skv-app.skv-modern-skin .skv-nav .menu-btn{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.08)!important;
  color:#eaf4ff!important;
  border-radius:14px!important;
  margin:7px 0!important;
  padding:12px 14px!important;
  font-weight:750!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
.skv-app.skv-modern-skin .skv-nav button:hover{
  background:rgba(255,255,255,.14)!important;
}
.skv-app.skv-modern-skin .skv-nav button.active,
.skv-app.skv-modern-skin .skv-nav .active{
  background:var(--smk-accent)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(232,74,10,.26)!important;
}
.skv-app.skv-modern-skin .skv-nav h3,
.skv-app.skv-modern-skin .skv-nav .nav-section-title{
  color:#8fb0ca!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:12px!important;
  margin:18px 8px 8px!important;
}

/* Main content */
.skv-app.skv-modern-skin .skv-main{
  background:linear-gradient(180deg,#f9fcff,#edf5fa)!important;
  padding:26px!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}

/* Cards and panels */
.skv-app.skv-modern-skin .card,
.skv-app.skv-modern-skin .panel,
.skv-app.skv-modern-skin .plant-card,
.skv-app.skv-modern-skin .unit-card,
.skv-app.skv-modern-skin .point-card,
.skv-app.skv-modern-skin .report-card,
.skv-app.skv-modern-skin .order-card,
.skv-app.skv-modern-skin .map-card,
.skv-app.skv-modern-skin .mobilserv-card,
.skv-app.skv-modern-skin .service-card,
.skv-app.skv-modern-skin .print-card,
.skv-app.skv-modern-skin section > .card,
.skv-app.skv-modern-skin details{
  background:var(--smk-card)!important;
  border:1px solid var(--smk-border)!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(8,35,55,.08)!important;
}

/* KPI cards */
.skv-app.skv-modern-skin .metric,
.skv-app.skv-modern-skin .stat,
.skv-app.skv-modern-skin .kpi,
.skv-app.skv-modern-skin [class*="metric"],
.skv-app.skv-modern-skin [class*="stat-card"]{
  border-radius:18px!important;
  background:#f8fbfe!important;
  border:1px solid var(--smk-border)!important;
  box-shadow:0 10px 24px rgba(8,35,55,.06)!important;
}

/* Buttons */
.skv-app.skv-modern-skin button,
.skv-app.skv-modern-skin .btn{
  border-radius:12px!important;
}
.skv-app.skv-modern-skin button.primary,
.skv-app.skv-modern-skin .primary,
.skv-app.skv-modern-skin .btn-primary{
  background:var(--smk-primary)!important;
  color:#fff!important;
}
.skv-app.skv-modern-skin button.danger,
.skv-app.skv-modern-skin .danger{
  background:#d23b3b!important;
  color:#fff!important;
}

/* Aggregat/smørepunkt accordion */
.skv-app.skv-modern-skin summary,
.skv-app.skv-modern-skin .unit-heading,
.skv-app.skv-modern-skin .point-heading{
  border-radius:16px!important;
}
.skv-app.skv-modern-skin details[open] > summary,
.skv-app.skv-modern-skin .unit-heading{
  background:#f0f7fb!important;
  border-left:5px solid var(--smk-primary)!important;
}

/* Forms */
.skv-app.skv-modern-skin input,
.skv-app.skv-modern-skin select,
.skv-app.skv-modern-skin textarea{
  border-radius:12px!important;
  border:1px solid #cbddeb!important;
  box-shadow:none!important;
}

/* Modals */
.skv-app.skv-modern-skin .modal,
.skv-app.skv-modern-skin .skv-modal,
.skv-app.skv-modern-skin [role="dialog"],
.skv-app.skv-modern-skin .dialog{
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(5,20,35,.28)!important;
}

/* Badges */
.skv-app.skv-modern-skin .badge,
.skv-app.skv-modern-skin .pill,
.skv-app.skv-modern-skin [class*="badge"],
.skv-app.skv-modern-skin [class*="pill"]{
  border-radius:999px!important;
}

/* Optional theme panel */
.skv-modern-theme-switcher{
  display:flex;
  gap:8px;
  margin:10px 0 18px;
}
.skv-modern-theme-switcher button{
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.35)!important;
}
.skv-modern-theme-switcher [data-theme="blue"]{background:#0f3a5f!important;}
.skv-modern-theme-switcher [data-theme="orange"]{background:#e84a0a!important;}
.skv-modern-theme-switcher [data-theme="green"]{background:#13a66b!important;}
.skv-modern-theme-switcher [data-theme="purple"]{background:#8b5cf6!important;}

.skv-app.skv-modern-skin[data-theme="orange"]{--smk-primary:#8f2d10;--smk-accent:#e84a0a;--smk-nav:#1f130d;--smk-nav2:#3c1b0d;}
.skv-app.skv-modern-skin[data-theme="green"]{--smk-primary:#006b4f;--smk-accent:#13a66b;--smk-nav:#071f18;--smk-nav2:#0c3b2d;}
.skv-app.skv-modern-skin[data-theme="purple"]{--smk-primary:#4c1d95;--smk-accent:#8b5cf6;--smk-nav:#160b2e;--smk-nav2:#2b1558;}

@media(max-width:900px){
  .skv-app.skv-modern-skin .layout{
    grid-template-columns:1fr!important;
  }
  .skv-app.skv-modern-skin .skv-nav{
    min-height:auto!important;
  }
}


/* v7.4.0 - sidebar plant/customer picker and backend controlled theme/design */
.skv-app.skv-modern-skin .skv-nav .plant-picker,
.skv-app.skv-modern-skin .skv-nav .customer-picker{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  padding:12px!important;
  margin:12px 0 18px!important;
  color:#eaf4ff!important;
  box-shadow:none!important;
}
.skv-app.skv-modern-skin .skv-nav .plant-picker label,
.skv-app.skv-modern-skin .skv-nav .customer-picker label{
  display:block!important;
  color:#eaf4ff!important;
  font-weight:800!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
  margin:0 0 8px!important;
  opacity:1!important;
}
.skv-app.skv-modern-skin .skv-nav .plant-picker select,
.skv-app.skv-modern-skin .skv-nav .customer-picker select{
  width:100%!important;
  min-height:42px!important;
  background:#ffffff!important;
  color:#10243a!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:12px!important;
  padding:9px 10px!important;
  font-weight:700!important;
  opacity:1!important;
}
.skv-app.skv-modern-skin .skv-nav .plant-picker option,
.skv-app.skv-modern-skin .skv-nav .customer-picker option{
  color:#10243a!important;
  background:#fff!important;
}
.skv-app.skv-design-classic{
  box-shadow:none!important;
  border-radius:0!important;
}
.skv-app.skv-design-classic .skv-header,
.skv-app.skv-design-classic .layout,
.skv-app.skv-design-classic .skv-nav,
.skv-app.skv-design-classic .skv-main{
  /* classic mode uses original CSS */
}


/* v7.4.0 - modern aggregat / smørepunkt content view */
.skv-app.skv-modern-skin .agg.skv-collapsible{
  border:1px solid var(--smk-border)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(8,35,55,.08)!important;
  margin:18px 0!important;
}
.skv-app.skv-modern-skin .skv-agg-head{
  background:#f7fbfe!important;
  border:0!important;
  border-left:6px solid var(--smk-primary)!important;
  padding:18px 22px!important;
  min-height:72px!important;
}
.skv-app.skv-modern-skin .skv-agg-head strong{
  font-size:20px!important;
  color:#0c3154!important;
}
.skv-app.skv-modern-skin .agg-body{
  padding:22px!important;
  background:linear-gradient(180deg,#fff,#f8fbfe)!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-layout{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(280px,420px)!important;
  gap:22px!important;
  align-items:stretch!important;
  margin-bottom:18px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-visual{
  min-height:310px!important;
  border:1px solid var(--smk-border)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at center,#e9eef3,#f9fbfd 70%)!important;
  overflow:hidden!important;
  position:relative!important;
  box-shadow:inset 0 0 40px rgba(8,35,55,.04)!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-image-wrap{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:310px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-image-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  padding:18px!important;
  background:#fff!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-overlay{
  position:absolute!important;
  left:18px!important;
  bottom:18px!important;
  background:rgba(6,27,49,.86)!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:12px 14px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-overlay strong,
.skv-app.skv-modern-skin .skv-modern-unit-overlay span{
  display:block!important;
  color:#fff!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-placeholder{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  color:#65778a!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-placeholder strong{
  display:block!important;
  color:#0c3154!important;
  font-size:22px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-placeholder span{
  display:block!important;
  margin-top:8px!important;
  color:#65778a!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-meta{
  border:1px solid var(--smk-border)!important;
  border-radius:22px!important;
  background:#fff!important;
  padding:18px!important;
  box-shadow:0 10px 26px rgba(8,35,55,.06)!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-meta .grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-meta .skv-field,
.skv-app.skv-modern-skin .skv-modern-unit-meta label{
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:16px!important;
  padding:12px!important;
  display:block!important;
  min-height:74px!important;
}
.skv-app.skv-modern-skin .skv-modern-unit-toolbar{
  justify-content:flex-start!important;
  border-top:1px solid #edf3f8!important;
  padding-top:14px!important;
  margin-bottom:16px!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .point-card{
  margin:0!important;
  border:1px solid var(--smk-border)!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 10px 24px rgba(8,35,55,.06)!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-head{
  background:#fff!important;
  padding:15px 16px!important;
  border-left:0!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  align-items:center!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-head strong{
  color:#0c3154!important;
  font-size:16px!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-next{
  color:#65778a!important;
  font-size:13px!important;
  grid-column:1/-1!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-body{
  padding:16px!important;
  border-top:1px solid #edf3f8!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-field-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-field.wide{
  grid-column:1/-1!important;
}
.skv-app.skv-modern-skin .skv-service-box{
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:16px!important;
  padding:12px!important;
}
@media(max-width:1100px){
  .skv-app.skv-modern-skin .skv-modern-unit-layout{grid-template-columns:1fr!important;}
}
@media(max-width:720px){
  .skv-app.skv-modern-skin .skv-modern-point-cards,
  .skv-app.skv-modern-skin .skv-modern-point-cards .skv-field-grid,
  .skv-app.skv-modern-skin .skv-modern-unit-meta .grid{grid-template-columns:1fr!important;}
}


/* v7.4.0 - clickable lubrication point markers on aggregate image */
.skv-app.skv-modern-skin .skv-modern-unit-image-wrap{
  cursor:crosshair!important;
}
.skv-app.skv-modern-skin .skv-image-marker{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  border:3px solid #fff!important;
  background:var(--smk-accent)!important;
  color:#fff!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  box-shadow:0 10px 22px rgba(232,74,10,.38)!important;
  z-index:5!important;
}
.skv-app.skv-modern-skin .skv-image-marker span{
  position:absolute!important;
  left:38px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  white-space:nowrap!important;
  background:rgba(6,27,49,.92)!important;
  color:#fff!important;
  border-radius:10px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:.18s!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}
.skv-app.skv-modern-skin .skv-image-marker:hover span{
  opacity:1!important;
}
.skv-app.skv-modern-skin .skv-marker-help{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0c3154!important;
  border:1px solid var(--smk-border)!important;
  border-radius:12px!important;
  padding:9px 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  z-index:4!important;
}
.skv-app.skv-modern-skin .skv-point-quick-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-head{
  grid-template-columns:1fr auto auto!important;
}
.skv-app.skv-modern-skin .skv-modern-point-cards .skv-point-head .skv-point-quick-actions{
  grid-column:1/-1!important;
  justify-content:flex-start!important;
}


/* v7.4.0 - operational dashboard, no plant list on START */
.skv-app.skv-modern-skin .skv-dashboard-modern .dashboard-card{
  margin-bottom:18px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-panel{
  padding:22px!important;
  min-height:260px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bars{
  display:grid!important;
  gap:11px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bar{
  display:grid!important;
  grid-template-columns:150px minmax(120px,1fr) 42px 42px!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  color:#10243a!important;
  text-align:left!important;
  box-shadow:none!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bar-label{
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.skv-app.skv-modern-skin .skv-dashboard-track{
  height:10px!important;
  background:#e9f0f6!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.skv-app.skv-modern-skin .skv-dashboard-track span{
  display:block!important;
  height:100%!important;
  background:var(--smk-primary)!important;
  border-radius:999px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bar.ok .skv-dashboard-track span{background:#22a06b!important;}
.skv-app.skv-modern-skin .skv-dashboard-bar.warn .skv-dashboard-track span{background:#f4b740!important;}
.skv-app.skv-modern-skin .skv-dashboard-bar.bad .skv-dashboard-track span{background:#d83b3b!important;}
.skv-app.skv-modern-skin .skv-dashboard-bar.info .skv-dashboard-track span{background:#2563eb!important;}
.skv-app.skv-modern-skin .skv-dashboard-bar.missing .skv-dashboard-track span{background:#d29a00!important;}
.skv-app.skv-modern-skin .skv-dashboard-mobilserv-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:16px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-status{
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:16px!important;
  padding:14px!important;
  text-align:left!important;
  color:#10243a!important;
  box-shadow:none!important;
}
.skv-app.skv-modern-skin .skv-dashboard-status b{
  display:block!important;
  font-size:26px!important;
  color:#0c3154!important;
}
.skv-app.skv-modern-skin .skv-dashboard-status.ok{background:#eaf8f0!important;border-color:#bfe9d0!important;}
.skv-app.skv-modern-skin .skv-dashboard-status.warn{background:#fff7db!important;border-color:#f3d47b!important;}
.skv-app.skv-modern-skin .skv-dashboard-status.bad{background:#ffe8e8!important;border-color:#f2b2b2!important;}
.skv-app.skv-modern-skin .skv-dashboard-status.info{background:#e8f1ff!important;border-color:#b8d4ff!important;}
.skv-app.skv-modern-skin .skv-dashboard-status.missing{background:#fff4cd!important;border-color:#f1ce72!important;}
.skv-app.skv-modern-skin .skv-dashboard-list,
.skv-app.skv-modern-skin .skv-dashboard-activity{
  display:grid!important;
  gap:10px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-list-row,
.skv-app.skv-modern-skin .skv-dashboard-task{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:16px!important;
  padding:13px 14px!important;
  color:#10243a!important;
  text-align:left!important;
  box-shadow:none!important;
}
.skv-app.skv-modern-skin .skv-dashboard-list-row small{
  display:block!important;
  margin-top:5px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-task b{
  font-size:26px!important;
  min-width:42px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-task.bad b{color:#d83b3b!important;}
.skv-app.skv-modern-skin .skv-dashboard-task.info b{color:#2563eb!important;}
.skv-app.skv-modern-skin .skv-dashboard-task.missing b{color:#d29a00!important;}
.skv-app.skv-modern-skin .skv-dashboard-activity-row{
  display:grid!important;
  grid-template-columns:100px 160px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:14px!important;
  padding:11px 12px!important;
}
.skv-app.skv-modern-skin .skv-dashboard-activity-row small{
  color:#64748b!important;
}
@media(max-width:1100px){
  .skv-app.skv-modern-skin .skv-dashboard-grid{grid-template-columns:1fr!important;}
  .skv-app.skv-modern-skin .skv-dashboard-mobilserv-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:720px){
  .skv-app.skv-modern-skin .skv-dashboard-bar{grid-template-columns:1fr!important;}
  .skv-app.skv-modern-skin .skv-dashboard-activity-row{grid-template-columns:1fr!important;}
}


/* v7.4.0 - mobile hamburger menu and hide START quick toolbar */
.skv-app.skv-modern-skin .skv-mobile-menu-toggle{
  display:none;
}

@media(max-width:900px){
  .skv-app.skv-modern-skin{
    position:relative!important;
    border-radius:0!important;
  }

  .skv-app.skv-modern-skin > .skv-header{
    position:relative!important;
    padding:18px 72px 18px 18px!important;
    min-height:74px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    width:44px!important;
    height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.25)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border-radius:12px!important;
    font-size:0!important;
    z-index:10002!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-menu-toggle:before{
    content:"☰";
    font-size:25px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .skv-app.skv-modern-skin.skv-mobile-menu-open .skv-mobile-menu-toggle:before{
    content:"×";
    font-size:32px!important;
  }

  .skv-app.skv-modern-skin .layout{
    display:block!important;
  }

  .skv-app.skv-modern-skin .skv-nav{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(86vw,340px)!important;
    min-height:100vh!important;
    max-height:100vh!important;
    overflow-y:auto!important;
    padding:78px 16px 22px!important;
    transform:translateX(105%)!important;
    transition:transform .25s ease!important;
    z-index:10000!important;
    box-shadow:-18px 0 40px rgba(0,0,0,.28)!important;
  }

  .skv-app.skv-modern-skin.skv-mobile-menu-open .skv-nav{
    transform:translateX(0)!important;
  }

  .skv-app.skv-modern-skin.skv-mobile-menu-open:after{
    content:"";
    position:fixed!important;
    inset:0!important;
    background:rgba(4,15,25,.45)!important;
    z-index:9999!important;
  }

  .skv-app.skv-modern-skin .skv-main{
    padding:16px!important;
  }

  .skv-app.skv-modern-skin .dashboard-card .toolbar,
  .skv-app.skv-modern-skin .mobile-start-card,
  .skv-app.skv-modern-skin #skvMobileTopStart,
  .skv-app.skv-modern-skin .plant-mobile-tools{
    display:none!important;
  }

  .skv-app.skv-modern-skin .dashboard-card{
    margin-bottom:14px!important;
  }
}


/* v7.4.0 - simple mobile field mode */
@media(max-width:900px){
  .skv-app.skv-modern-skin .skv-mobile-simple{
    display:block!important;
  }

  .skv-app.skv-modern-skin:has(.skv-mobile-simple) .skv-header{
    padding:16px 18px!important;
  }

  .skv-app.skv-modern-skin:has(.skv-mobile-simple) .skv-mobile-menu-toggle,
  .skv-app.skv-modern-skin:has(.skv-mobile-simple) .skv-nav,
  .skv-app.skv-modern-skin:has(.skv-mobile-simple) #skvMobileTopStart{
    display:none!important;
  }

  .skv-app.skv-modern-skin:has(.skv-mobile-simple) .layout{
    display:block!important;
  }

  .skv-app.skv-modern-skin:has(.skv-mobile-simple) .skv-main{
    padding:12px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-head{
    padding:16px!important;
    margin-bottom:12px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-head h2{
    font-size:24px!important;
    margin-bottom:6px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-select .plant-picker{
    background:#f8fbfe!important;
    border:1px solid var(--smk-border)!important;
    border-radius:16px!important;
    padding:12px!important;
    margin-top:14px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-select label{
    display:block!important;
    color:#31475d!important;
    font-weight:800!important;
    margin-bottom:8px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-select select{
    width:100%!important;
    min-height:46px!important;
    background:#fff!important;
    color:#10243a!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-list{
    display:grid!important;
    gap:12px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-card{
    padding:14px!important;
    border-radius:18px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-title{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-bottom:10px!important;
    border-bottom:1px solid #edf3f8!important;
    margin-bottom:10px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-title strong{
    display:block!important;
    font-size:17px!important;
    color:#0c3154!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-title span{
    display:block!important;
    color:#65778a!important;
    font-size:13px!important;
    margin-top:4px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-meta{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-meta span{
    background:#f8fbfe!important;
    border:1px solid #edf3f8!important;
    border-radius:12px!important;
    padding:9px!important;
    font-size:14px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-meta b{
    display:block!important;
    color:#65778a!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    margin-bottom:3px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .skv-app.skv-modern-skin .skv-mobile-simple-actions .btn{
    width:100%!important;
    min-height:46px!important;
    font-size:15px!important;
    font-weight:900!important;
  }
}


/* v7.4.0 - MobilServ status overview inside MobilServ page */
.skv-app.skv-modern-skin .skv-mobilserv-status-overview{
  margin:18px 0!important;
}
.skv-app.skv-modern-skin .skv-mobilserv-page > .toolbar{
  margin-bottom:4px!important;
}
.skv-app.skv-modern-skin .skv-mobilserv-analysis-list{
  margin-top:18px!important;
}


/* v7.4.0 - TV / infoscreen dashboard */
.skv-app.skv-modern-skin.skv-tv-app{
  border-radius:0!important;
  box-shadow:none!important;
  width:100vw!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  background:#edf5fa!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-main{
  padding:28px!important;
  width:100%!important;
  max-width:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app .dashboard-card{
  margin-bottom:22px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .dashboard-card h2{
  font-size:34px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .metric b{
  font-size:34px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-dashboard-panel{
  min-height:300px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-dashboard-panel h2{
  font-size:28px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-dashboard-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.skv-tv-disabled{
  min-height:100vh;
  display:grid;
  place-items:center;
  text-align:center;
  color:#0c3154;
}
.skv-tv-disabled h1{
  font-size:42px;
  margin:0 0 10px;
}
@media(min-width:1600px){
  .skv-app.skv-modern-skin.skv-tv-app .skv-dashboard-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* v7.4.0 - TV fullscreen slide dashboard */
html:has(.skv-tv-app),
body:has(.skv-tv-app){
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#edf5fa!important;
}
body:has(.skv-tv-app) header,
body:has(.skv-tv-app) footer,
body:has(.skv-tv-app) .fusion-header-wrapper,
body:has(.skv-tv-app) .fusion-footer,
body:has(.skv-tv-app) .fusion-page-title-bar,
body:has(.skv-tv-app) .avada-page-titlebar-wrapper{
  display:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f7fbff,#eaf3f8)!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-main{
  height:100vh!important;
  overflow:hidden!important;
  padding:22px!important;
}
.skv-tv-dashboard{
  height:calc(100vh - 44px)!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:16px!important;
}
.skv-tv-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  color:#0c3154!important;
}
.skv-tv-topline h1{
  margin:0!important;
  font-size:34px!important;
  line-height:1.05!important;
}
.skv-tv-topline p{
  margin:6px 0 0!important;
  color:#64748b!important;
  font-weight:800!important;
}
.skv-tv-refresh{
  background:#0c2d4a!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-weight:900!important;
}
.skv-tv-slide{
  display:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  min-height:0!important;
}
.skv-tv-slide.is-active{
  display:grid!important;
}
.skv-tv-slide .skv-dashboard-panel{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:20px!important;
}
.skv-tv-slide .skv-dashboard-panel h2{
  font-size:25px!important;
}
.skv-tv-kpi-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.skv-tv-kpi-grid .metric{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px!important;
}
.skv-tv-kpi-grid .metric b{
  font-size:40px!important;
}
.skv-tv-priority-list{
  display:grid!important;
  gap:14px!important;
}
.skv-tv-priority-list div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:#f8fbfe!important;
  border:1px solid #edf3f8!important;
  border-radius:18px!important;
  padding:17px!important;
}
.skv-tv-priority-list div.bad{background:#ffe8e8!important;border-color:#f2b2b2!important;}
.skv-tv-priority-list div.warn{background:#fff7db!important;border-color:#f3d47b!important;}
.skv-tv-priority-list div.info{background:#e8f1ff!important;border-color:#b8d4ff!important;}
.skv-tv-priority-list b{
  font-size:42px!important;
  color:#0c3154!important;
}
.skv-tv-priority-list span{
  font-size:20px!important;
  font-weight:900!important;
}
.skv-tv-clock-panel{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
.skv-tv-clock{
  font-size:86px!important;
  font-weight:950!important;
  color:#0c3154!important;
  line-height:1!important;
}
.skv-tv-dots{
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
}
.skv-tv-dots span{
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
  background:#b8c7d6!important;
}
.skv-tv-dots span.is-active{
  width:34px!important;
  background:#0c2d4a!important;
}
.skv-tv-app .dashboard-card,
.skv-tv-app .dashboard-card .toolbar,
.skv-tv-app .skv-test-banner{
  display:none!important;
}
@media(max-width:1300px){
  .skv-tv-slide{grid-template-columns:1fr!important;overflow:hidden!important;}
  .skv-tv-slide .skv-dashboard-panel:nth-child(n+2){display:none!important;}
}


/* v7.4.0 - TV centered square dashboard cards */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-dashboard{
  height:calc(100vh - 44px)!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:14px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide{
  display:none!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-content:center!important;
  gap:24px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide.is-active{
  display:grid!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-title{
  text-align:center!important;
  align-self:end!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-title h2{
  margin:0!important;
  font-size:42px!important;
  line-height:1.05!important;
  color:#0c3154!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-title p{
  margin:8px 0 0!important;
  font-size:20px!important;
  color:#64748b!important;
  font-weight:800!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square-grid{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(180px, 260px))!important;
  gap:24px!important;
  justify-content:center!important;
  align-content:center!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square{
  aspect-ratio:1/1!important;
  width:100%!important;
  max-width:260px!important;
  border:1px solid #dce7f0!important;
  background:#fff!important;
  border-radius:28px!important;
  box-shadow:0 18px 46px rgba(8,35,55,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:22px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square b{
  display:block!important;
  font-size:70px!important;
  line-height:.95!important;
  color:#0c3154!important;
  font-weight:950!important;
  margin-bottom:18px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square span{
  display:block!important;
  color:#10243a!important;
  font-size:23px!important;
  font-weight:850!important;
  line-height:1.15!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square.ok{
  background:#eaf8f0!important;
  border-color:#bfe9d0!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square.warn{
  background:#fff7db!important;
  border-color:#f3d47b!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square.bad{
  background:#ffe8e8!important;
  border-color:#f2b2b2!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-square.info{
  background:#e8f1ff!important;
  border-color:#b8d4ff!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  min-height:0!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout .skv-dashboard-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout .skv-dashboard-panel h2{
  font-size:28px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout .skv-dashboard-activity-row{
  grid-template-columns:90px 150px minmax(0,1fr)!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-dashboard-panel{
  min-height:0!important;
}

/* hide old TV panels if inherited from earlier versions */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-kpi-panel{
  display:none!important;
}

@media(min-width:2200px){
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-square-grid{
    grid-template-columns:repeat(3, minmax(260px, 340px))!important;
    gap:34px!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-square{
    max-width:340px!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-square b{
    font-size:92px!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-square span{
    font-size:28px!important;
  }
}

@media(max-width:1300px){
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-square-grid{
    grid-template-columns:repeat(2, minmax(160px, 240px))!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout{
    grid-template-columns:1fr!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout .skv-dashboard-panel:nth-child(n+2){
    display:none!important;
  }
}


/* v7.4.0 - TV priority slide aligned with other square slides */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-squares{
  align-self:center!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-layout{
  display:none!important;
}


/* v7.4.0 - TV: remove product heading, customer above slide heading, graphs on last slide */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-topline h1,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-topline p{
  display:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-topline{
  min-height:44px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-customerline{
  display:block!important;
  color:#64748b!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin-bottom:12px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-title h2{
  margin-top:0!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  min-height:0!important;
  align-items:stretch!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel .btn{
  display:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-mini-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini{
  min-height:118px!important;
  border:1px solid #edf3f8!important;
  background:#f8fbfe!important;
  border-radius:20px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini b{
  font-size:48px!important;
  line-height:1!important;
  color:#0c3154!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini span{
  font-size:16px!important;
  font-weight:900!important;
  color:#10243a!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.bad{
  background:#ffe8e8!important;
  border-color:#f2b2b2!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.warn{
  background:#fff7db!important;
  border-color:#f3d47b!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.info{
  background:#e8f1ff!important;
  border-color:#b8d4ff!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-bars{
  gap:12px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-bar{
  grid-template-columns:145px minmax(90px,1fr) 44px 46px!important;
  min-height:46px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-mobilserv-grid{
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-status{
  min-height:82px!important;
  padding:12px!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-status b{
  font-size:30px!important;
}
@media(max-width:1300px){
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout{
    grid-template-columns:1fr!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel:nth-child(n+2){
    display:none!important;
  }
}


/* v7.4.0 - TV: customer per slide, no product heading, extra START-like dashboard slide */
.skv-app.skv-modern-skin.skv-tv-app.skv-tv-v631 .skv-tv-topline,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-dashboard-v631 > .skv-tv-topline{
  display:none!important;
}

.skv-app.skv-modern-skin.skv-tv-app.skv-tv-v631 .skv-tv-dashboard,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-dashboard-v631{
  height:calc(100vh - 44px)!important;
  grid-template-rows:1fr auto!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-customerline{
  display:block!important;
  color:#64748b!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin-bottom:10px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  min-height:0!important;
  align-items:stretch!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-panel,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:22px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-panel h2,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel h2{
  font-size:28px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-panel .btn,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel .btn{
  display:none!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-priority-mini-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini{
  min-height:118px!important;
  border:1px solid #edf3f8!important;
  background:#f8fbfe!important;
  border-radius:20px!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini b{
  font-size:48px!important;
  line-height:1!important;
  color:#0c3154!important;
  font-weight:950!important;
  margin-bottom:10px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini span{
  font-size:16px!important;
  font-weight:900!important;
  color:#10243a!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.bad{
  background:#ffe8e8!important;
  border-color:#f2b2b2!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.warn{
  background:#fff7db!important;
  border-color:#f3d47b!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-mini.info{
  background:#e8f1ff!important;
  border-color:#b8d4ff!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-bar,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-bar{
  grid-template-columns:145px minmax(90px,1fr) 44px 46px!important;
  min-height:46px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-mobilserv-grid,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-mobilserv-grid{
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-status,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-status{
  min-height:82px!important;
  padding:12px!important;
}

.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide-graphs .skv-dashboard-status b,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-status b{
  font-size:30px!important;
}

/* Hide old top heading if a cached earlier markup is still rendered */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-topline h1,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-topline p{
  display:none!important;
}

@media(max-width:1300px){
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout,
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout{
    grid-template-columns:1fr!important;
  }
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-startlike-layout .skv-dashboard-panel:nth-child(n+2),
  .skv-app.skv-modern-skin.skv-tv-app .skv-tv-graphs-layout .skv-dashboard-panel:nth-child(n+2){
    display:none!important;
  }
}


/* v7.4.0 - generated plant frontend/TV URLs */
.skv-app.skv-modern-skin .skv-plant-url-toolbar{
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.skv-app.skv-modern-skin .skv-plant-url-toolbar .btn{
  white-space:nowrap!important;
}


/* v7.4.0 - visible plant URLs in backend/frontend */
.skv-app .skv-url-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
}
.skv-app .skv-url-box input{
  width:100%!important;
  min-width:0!important;
  font-size:12px!important;
  background:#f8fbfe!important;
}
.skv-app .skv-field.wide .skv-url-box{
  margin-top:4px!important;
}
.skv-app.skv-modern-skin .skv-plant-url-toolbar{
  display:flex!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}


/* v7.4.0 - TV URL can run on normal frontend page with ?skv_tv_plant=KV001 */
.skv-app.skv-modern-skin.skv-tv-app .skv-header,
.skv-app.skv-modern-skin.skv-tv-app .layout > .skv-nav,
.skv-app.skv-modern-skin.skv-tv-app #skvMobileTopStart{
  display:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app .layout{
  display:block!important;
  grid-template-columns:1fr!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-main{
  width:100vw!important;
  max-width:none!important;
}


/* v7.4.0 - filtered plant dashboard and TV heading */
.skv-app.skv-modern-skin .skv-scope-banner{
  background:#fff!important;
  border:1px solid var(--smk-border)!important;
  border-left:6px solid var(--smk-primary)!important;
  border-radius:18px!important;
  padding:16px 18px!important;
  margin:0 0 16px!important;
  box-shadow:0 10px 26px rgba(8,35,55,.06)!important;
}
.skv-app.skv-modern-skin .skv-scope-banner strong{
  display:block!important;
  color:#0c3154!important;
  font-size:22px!important;
  margin-bottom:4px!important;
}
.skv-app.skv-modern-skin .skv-scope-banner span{
  display:block!important;
  color:#64748b!important;
  font-weight:750!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-customerline{
  max-width:90vw!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* v7.4.0 - power plant groups */
.skv-app.skv-modern-skin .skv-plant-group-card{
  border-left:6px solid var(--smk-primary)!important;
}
.skv-app.skv-modern-skin .skv-group-plant-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:8px!important;
  max-height:320px!important;
  overflow:auto!important;
  padding:10px!important;
  border:1px solid var(--smk-border)!important;
  border-radius:14px!important;
  background:#f8fbfe!important;
}
.skv-app.skv-modern-skin .skv-group-plant-list .skv-check{
  background:#fff!important;
  border:1px solid #edf3f8!important;
  border-radius:12px!important;
  padding:10px!important;
}


/* v7.4.0 - frontend URLs generated from backend + TV plant status slide */
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(220px,320px))!important;
  gap:24px!important;
  justify-content:center!important;
  align-content:center!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status{
  aspect-ratio:1/1!important;
  border:1px solid #dce7f0!important;
  background:#fff!important;
  border-radius:28px!important;
  box-shadow:0 18px 46px rgba(8,35,55,.10)!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status.ok{background:#eaf8f0!important;border-color:#bfe9d0!important;}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status.warn{background:#fff7db!important;border-color:#f3d47b!important;}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status.bad{background:#ffe8e8!important;border-color:#f2b2b2!important;}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status strong{
  font-size:25px!important;
  color:#0c3154!important;
  line-height:1.12!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status b{
  font-size:46px!important;
  margin:12px 0!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-plant-status small{
  display:block!important;
}


/* v7.4.0 - group admin cleanup, full-screen TV alignment, copy toast */
html:has(.skv-tv-app),
body:has(.skv-tv-app){
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#edf5fa!important;
}
body:has(.skv-tv-app) .fusion-header-wrapper,
body:has(.skv-tv-app) .fusion-footer,
body:has(.skv-tv-app) .fusion-page-title-bar,
body:has(.skv-tv-app) .avada-page-titlebar-wrapper,
body:has(.skv-tv-app) #main,
body:has(.skv-tv-app) .fusion-row,
body:has(.skv-tv-app) .post-content,
body:has(.skv-tv-app) .entry-content{
  max-width:none!important;
}
.skv-app.skv-modern-skin.skv-tv-app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:999999!important;
}
.skv-app.skv-modern-skin.skv-tv-app .layout,
.skv-app.skv-modern-skin.skv-tv-app .skv-main,
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-dashboard{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-dashboard{
  padding:24px!important;
  box-sizing:border-box!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-slide{
  width:calc(100vw - 48px)!important;
  height:calc(100vh - 92px)!important;
  justify-content:center!important;
  align-content:center!important;
}

.skv-app.skv-modern-skin .skv-group-admin-grid{
  display:grid!important;
  grid-template-columns:1fr 1.2fr 1fr!important;
  gap:18px!important;
  align-items:start!important;
}
.skv-app.skv-modern-skin .skv-group-left,
.skv-app.skv-modern-skin .skv-group-middle,
.skv-app.skv-modern-skin .skv-group-right{
  display:grid!important;
  gap:14px!important;
}
.skv-app.skv-modern-skin .skv-group-selected{
  background:#f8fbfe!important;
  border:1px solid var(--smk-border)!important;
  border-radius:16px!important;
  padding:12px!important;
}
.skv-app.skv-modern-skin .skv-group-selected-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
.skv-app.skv-modern-skin .skv-group-selected-stats span{
  background:#fff!important;
  border:1px solid #edf3f8!important;
  border-radius:12px!important;
  padding:8px!important;
  font-weight:800!important;
  text-align:center!important;
}
.skv-app.skv-modern-skin .skv-group-selected-stats b{
  display:block!important;
  font-size:20px!important;
  color:#0c3154!important;
}
.skv-app.skv-modern-skin .skv-group-selected-names{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.skv-app.skv-modern-skin .skv-group-selected-names span{
  background:#eaf2f8!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#0c3154!important;
}
.skv-app.skv-modern-skin .skv-group-right .skv-field{
  margin-bottom:0!important;
}
.skv-copy-toast{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  background:#0c3154!important;
  color:#fff!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.2)!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(12px)!important;
  transition:.22s ease!important;
  z-index:1000000!important;
}
.skv-copy-toast.show{
  opacity:1!important;
  transform:translateY(0)!important;
}
@media(max-width:1100px){
  .skv-app.skv-modern-skin .skv-group-admin-grid{
    grid-template-columns:1fr!important;
  }
}


/* v7.4.0 - generated frontend links use direct frontend app with menu */
body.skv-front-body{
  margin:0!important;
  padding:0!important;
  background:#edf5fa!important;
}
body.skv-front-body .skv-app.skv-modern-skin{
  max-width:1280px!important;
  margin:36px auto!important;
}


/* v7.4.0 - user access and role handling */
.skv-app.skv-modern-skin .skv-access-user-card{border-left:6px solid var(--smk-primary)!important;}
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="openDeferred"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="openMobilServActivity"],
.skv-app.skv-modern-skin.skv-readonly-user .btn.danger{display:none!important;}


/* v7.4.0 - login redirect, admin bar handling and audit log */
.skv-app.skv-modern-skin .skv-history-table-wrap{
  max-height:620px;
}


/* v7.4.0 - customer login portal */
.skv-login-page{
  min-height:calc(100vh - 80px);
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef6fb,#ffffff);
  padding:42px 18px;
}
.skv-login-brand{
  position:fixed;
  left:28px;
  top:24px;
  z-index:2;
}
.skv-login-brand img{
  max-width:210px;
  max-height:58px;
  object-fit:contain;
}
.skv-login-logo-text{
  font-size:26px;
  font-weight:950;
  color:#0c3154;
  letter-spacing:.02em;
}
.skv-login-card{
  width:min(100%,460px);
  background:#fff;
  border:1px solid #dce7f0;
  border-radius:28px;
  box-shadow:0 24px 70px rgba(8,35,55,.16);
  padding:34px;
  text-align:center;
}
.skv-login-customer-logo{
  max-width:190px;
  max-height:84px;
  object-fit:contain;
  margin:0 auto 18px;
  display:block;
}
.skv-login-card h1{
  margin:0 0 8px;
  color:#0c3154;
  font-size:31px;
  line-height:1.1;
}
.skv-login-card p{
  color:#64748b;
  font-weight:750;
  margin:0 0 24px;
}
.skv-login-form{
  display:grid;
  gap:14px;
  text-align:left;
}
.skv-login-form label span{
  display:block;
  color:#31475d;
  font-weight:850;
  font-size:13px;
  margin-bottom:7px;
}
.skv-login-form input[type="text"],
.skv-login-form input[type="password"]{
  width:100%;
  min-height:48px;
  border:1px solid #dce7f0;
  border-radius:14px;
  padding:10px 13px;
  font-size:16px;
}
.skv-login-remember{
  display:flex!important;
  align-items:center;
  gap:8px;
  color:#64748b;
  font-weight:750;
}
.skv-login-button{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:14px;
  background:#0c3154;
  color:#fff!important;
  font-weight:950;
  font-size:16px;
  cursor:pointer;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.skv-login-links{
  margin-top:18px;
}
.skv-login-links a{
  color:#0c3154;
  font-weight:850;
}
.skv-login-error{
  background:#ffe8e8;
  border:1px solid #f2b2b2;
  color:#8a1f1f;
  border-radius:12px;
  padding:10px 12px;
  margin-bottom:16px;
  font-weight:850;
}
@media(max-width:700px){
  .skv-login-brand{position:static;margin-bottom:18px;text-align:center;}
  .skv-login-page{display:block;}
  .skv-login-card{margin:0 auto;padding:26px 20px;}
}


/* v7.4.0 - customer portal settings and automatic WordPress user creation */
.skv-app.skv-modern-skin .skv-login-preview{
  margin-top:18px;
  border-top:1px solid var(--smk-border);
  padding-top:18px;
}
.skv-app.skv-modern-skin .skv-login-mini{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  background:#f8fbfe;
  border:1px solid var(--smk-border);
  border-radius:16px;
  padding:14px;
}
.skv-app.skv-modern-skin .skv-login-mini img{
  max-width:120px;
  max-height:48px;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  padding:6px;
}
.skv-app.skv-modern-skin .skv-login-mini strong{
  color:#0c3154;
  font-size:18px;
}
.skv-app.skv-modern-skin .skv-login-mini span{
  color:#64748b;
  font-weight:800;
}


/* v7.4.0 - toast fallback */
.skv-copy-toast{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  background:#0c3154!important;
  color:#fff!important;
  padding:12px 16px!important;
  border-radius:14px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.2)!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(12px)!important;
  transition:.22s ease!important;
  z-index:1000000!important;
}
.skv-copy-toast.show{opacity:1!important;transform:translateY(0)!important;}


/* v7.4.0 - customer portal admin page repair */
.skv-app.skv-modern-skin .skv-login-preview{
  margin-top:18px;
  border-top:1px solid var(--smk-border);
  padding-top:18px;
}
.skv-app.skv-modern-skin .skv-login-mini{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  background:#f8fbfe;
  border:1px solid var(--smk-border);
  border-radius:16px;
  padding:14px;
}
.skv-app.skv-modern-skin .skv-login-mini img{
  max-width:120px;
  max-height:48px;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  padding:6px;
}
.skv-app.skv-modern-skin .skv-login-mini strong{
  color:#0c3154;
  font-size:18px;
}
.skv-app.skv-modern-skin .skv-login-mini span{
  color:#64748b;
  font-weight:800;
}


/* v7.4.0 - standalone login, read-only enforcement and scope heading */
.skv-app .skv-header .skv-scope-title{
  display:block;
  margin-top:8px;
  font-size:14px;
  font-weight:900;
  color:rgba(255,255,255,.82);
}
.skv-app.skv-modern-skin.skv-readonly-user .skv-point-quick-actions,
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="openMobilServActivity"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="openDeferred"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="serviceDone"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="saveMobilServ"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="fullMobilServService"],
.skv-app.skv-modern-skin.skv-readonly-user button[onclick*="holdMobilServ"]{
  display:none!important;
}


/* v7.4.0 - TV PIN views */
.skv-app.skv-modern-skin .skv-tv-view-card{
  border-left:6px solid #0c3154!important;
}
.skv-tv-pin-page{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:32px!important;
  background:linear-gradient(135deg,#edf5fa,#ffffff)!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-pin-page{
  width:100vw!important;
  height:100vh!important;
}
.skv-app.skv-modern-skin.skv-tv-app .skv-tv-pin-page .skv-login-card{
  width:min(460px,90vw)!important;
}


/* v7.4.0 - TV view list */
.skv-app.skv-modern-skin .skv-check-inline{
  display:inline-flex!important;
  gap:6px!important;
  align-items:center!important;
  background:#eef5fa!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-weight:900!important;
}


/* v7.4.0 - frontend/TV layout corrections */
.skv-app.skv-modern-skin .skv-dashboard-bar.bad .skv-dashboard-track span,
.skv-app.skv-modern-skin .skv-dashboard-bar.service .skv-dashboard-track span{
  background:#d9363e!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bar.bad,
.skv-app.skv-modern-skin .skv-dashboard-bar.service{
  color:#8a1f25!important;
}
.skv-app.skv-modern-skin .skv-dashboard-bar.service strong,
.skv-app.skv-modern-skin .skv-dashboard-bar.bad strong{
  color:#d9363e!important;
}

/* TV should use the full viewport and center slides in the visible area */
body.skv-direct-body,
body.skv-direct-body .skv-app,
body.skv-direct-body .skv-clean-app{
  width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.skv-direct-body .skv-header,
body.skv-direct-body .skv-clean-header,
body.skv-direct-body .skv-mobile-menu-toggle{
  display:none!important;
}
body.skv-direct-body .skv-clean-main{
  width:100vw!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.skv-app.skv-modern-skin.skv-tv-app,
.skv-app.skv-tv-app{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#edf6fb!important;
}
.skv-app.skv-tv-app .skv-tv-dashboard{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
}
.skv-app.skv-tv-app .skv-tv-slide{
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:clamp(24px,4vh,58px) clamp(34px,5vw,72px)!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app .skv-tv-slide-title{
  margin:0 auto clamp(22px,3vh,38px)!important;
  text-align:center!important;
  max-width:1180px!important;
}
.skv-app.skv-tv-app .skv-tv-square-grid{
  margin:0 auto!important;
  justify-content:center!important;
  align-content:center!important;
}
.skv-app.skv-tv-app .skv-tv-square{
  width:clamp(180px,16vw,260px)!important;
  height:clamp(180px,16vw,260px)!important;
  aspect-ratio:1/1!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676{
  width:min(1180px,92vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:clamp(20px,3vw,34px)!important;
  align-items:stretch!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676 .skv-dashboard-panel{
  min-height:0!important;
  max-height:56vh!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app .skv-tv-taskstrip{
  width:min(1180px,92vw)!important;
  margin:clamp(18px,2.5vh,28px) auto 0!important;
  max-height:22vh!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app .skv-tv-taskstrip .skv-dashboard-panel{
  min-height:0!important;
  max-height:22vh!important;
}
.skv-app.skv-tv-app .skv-tv-plant-status-grid-v676{
  width:min(1120px,90vw)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(16px,2vw,26px)!important;
}
.skv-app.skv-tv-app .skv-tv-plant-status-grid-v676 .skv-tv-plant-status{
  width:clamp(190px,20vw,260px)!important;
  height:clamp(190px,20vw,260px)!important;
  aspect-ratio:1/1!important;
}
.skv-app.skv-tv-app .skv-dashboard-mobilserv-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.skv-app.skv-tv-app .skv-dashboard-bar{
  min-height:44px!important;
  padding:8px 12px!important;
}


/* v7.4.0 - TV centering, remove task overflow and force visible alert bars */
.skv-app.skv-modern-skin .skv-dashboard-bar.bad .skv-dashboard-track span,
.skv-app.skv-modern-skin .skv-dashboard-bar.service .skv-dashboard-track span,
.skv-app.skv-tv-app .skv-dashboard-bar.bad .skv-dashboard-track span,
.skv-app.skv-tv-app .skv-dashboard-bar.service .skv-dashboard-track span{
  background:#d9363e!important;
  min-width:12px!important;
}
.skv-app.skv-tv-app .skv-tv-taskstrip{
  display:none!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-slide{
  display:none;
}
.skv-app.skv-tv-app .skv-tv-startlike-slide.is-active{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676{
  width:min(980px,82vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:28px!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676 .card{
  width:100%!important;
  max-width:460px!important;
  margin:0 auto!important;
  min-height:520px!important;
  max-height:620px!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676 .skv-dashboard-bars{
  gap:10px!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-layout-v676 .skv-dashboard-mobilserv-grid{
  grid-template-columns:1fr 1fr!important;
}
.skv-app.skv-tv-app .skv-tv-slide:not(.is-active){
  display:none!important;
}
.skv-app.skv-tv-app .skv-tv-slide.is-active{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.skv-app.skv-tv-app .skv-tv-slide-title{
  width:min(1100px,86vw)!important;
  margin:0 auto 28px!important;
  text-align:center!important;
}
.skv-app.skv-tv-app .skv-tv-square-grid{
  width:min(900px,78vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(180px,220px))!important;
  justify-content:center!important;
  gap:24px!important;
}
.skv-app.skv-tv-app .skv-tv-square{
  width:220px!important;
  height:220px!important;
  margin:0 auto!important;
}
.skv-app.skv-tv-app .skv-tv-plant-status-grid-v676{
  width:min(900px,78vw)!important;
  margin:0 auto!important;
}


/* v7.4.0 - strict TV fullscreen centering + printlist/plan fixes */
html:has(.skv-tv-app),
body:has(.skv-tv-app){
  margin:0!important;
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app,
.skv-app.skv-modern-skin.skv-tv-app{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#edf6fb!important;
}
.skv-app.skv-tv-app .skv-tv-dashboard{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
}
.skv-app.skv-tv-app .skv-tv-slide{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  text-align:center!important;
  overflow:hidden!important;
}
.skv-app.skv-tv-app .skv-tv-slide.is-active{
  display:flex!important;
}
.skv-app.skv-tv-app .skv-tv-slide-title{
  width:100%!important;
  max-width:1100px!important;
  margin:0 auto clamp(24px,4vh,44px)!important;
  padding:0 24px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.skv-app.skv-tv-app .skv-tv-square-grid{
  width:auto!important;
  max-width:900px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,220px)!important;
  gap:24px!important;
  justify-content:center!important;
  align-items:center!important;
}
.skv-app.skv-tv-app .skv-tv-square{
  width:220px!important;
  height:220px!important;
  margin:0!important;
}
.skv-app.skv-tv-app .skv-tv-plant-status-grid-v676,
.skv-app.skv-tv-app .skv-tv-plant-status-grid{
  max-width:900px!important;
  width:auto!important;
  margin:0 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px!important;
}
.skv-app.skv-tv-app .skv-tv-startlike-slide,
.skv-app.skv-tv-app .skv-tv-taskstrip{
  display:none!important;
}
.skv-app.skv-modern-skin .skv-alert-bar .skv-dashboard-track span,
.skv-app.skv-modern-skin .skv-dashboard-bar.bad .skv-dashboard-track span,
.skv-app.skv-modern-skin .skv-dashboard-bar.service .skv-dashboard-track span{
  background:#d9363e!important;
  min-width:14px!important;
}
.skv-app.skv-modern-skin .skv-alert-bar strong,
.skv-app.skv-modern-skin .skv-alert-bar em,
.skv-app.skv-modern-skin .skv-alert-bar .skv-dashboard-bar-label{
  color:#b4232c!important;
}
.skv-app.skv-modern-skin .skv-print-page .toolbar{
  align-items:flex-end!important;
}
.skv-app.skv-modern-skin .skv-print-page select,
.skv-app.skv-modern-skin .skv-print-page input{
  min-width:260px!important;
}


/* v7.4.0 - hard center TV content independent of theme/container */
body:has(.skv-tv-dashboard){
  margin:0!important;
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
  overflow:hidden!important;
}
body:has(.skv-tv-dashboard) #wpadminbar,
body:has(.skv-tv-dashboard) header,
body:has(.skv-tv-dashboard) footer,
body:has(.skv-tv-dashboard) .fusion-header-wrapper,
body:has(.skv-tv-dashboard) .fusion-footer,
body:has(.skv-tv-dashboard) .avada-page-titlebar-wrapper{
  display:none!important;
}
.skv-tv-dashboard{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  z-index:2147483646!important;
  background:#edf6fb!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-slide{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-slide.is-active{
  display:block!important;
}
.skv-tv-dashboard .skv-tv-slide-title{
  position:absolute!important;
  left:50vw!important;
  top:17vh!important;
  transform:translateX(-50%)!important;
  width:1100px!important;
  max-width:90vw!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-square-grid,
.skv-tv-dashboard .skv-tv-mobilserv-squares{
  position:absolute!important;
  left:50vw!important;
  top:50vh!important;
  transform:translate(-50%,-42%)!important;
  width:auto!important;
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,220px)!important;
  gap:24px!important;
  justify-content:center!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-square{
  width:220px!important;
  height:220px!important;
  min-width:220px!important;
  min-height:220px!important;
  max-width:220px!important;
  max-height:220px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-plant-status-grid,
.skv-tv-dashboard .skv-tv-plant-status-grid-v676{
  position:absolute!important;
  left:50vw!important;
  top:52vh!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  max-width:980px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-graphs-layout{
  position:absolute!important;
  left:50vw!important;
  top:55vh!important;
  transform:translate(-50%,-50%)!important;
  width:1100px!important;
  max-width:90vw!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
}
.skv-tv-dashboard .skv-tv-dots{
  position:fixed!important;
  left:50vw!important;
  bottom:24px!important;
  transform:translateX(-50%)!important;
}


/* v7.4.0 - selectable TV slides + compact priority/donut slide */
.skv-app.skv-modern-skin .skv-tv-slide-options{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.skv-tv-dashboard .skv-tv-slide-priority-v681 .skv-tv-slide-title{
  top:12vh!important;
}
.skv-tv-dashboard .skv-tv-priority-layout-v681{
  position:absolute!important;
  left:50vw!important;
  top:56vh!important;
  transform:translate(-50%,-50%)!important;
  width:min(940px,86vw)!important;
  display:grid!important;
  grid-template-columns:minmax(300px,420px) minmax(300px,420px)!important;
  gap:34px!important;
  align-items:stretch!important;
}
.skv-tv-dashboard .skv-tv-priority-compact,
.skv-tv-dashboard .skv-tv-donut-panel{
  min-height:420px!important;
  max-height:520px!important;
  overflow:hidden!important;
  text-align:left!important;
  padding:28px!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-priority-compact h2,
.skv-tv-dashboard .skv-tv-donut-panel h2{
  margin:0 0 12px!important;
  font-size:30px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact > div{
  display:grid!important;
  gap:12px!important;
  margin-top:20px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact > div > div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:54px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:#f6f9fc!important;
  border:1px solid #e4edf5!important;
  font-weight:900!important;
}
.skv-tv-dashboard .skv-tv-priority-compact b{
  font-size:34px!important;
  color:#0c3154!important;
}
.skv-tv-dashboard .skv-tv-priority-compact .bad{
  background:#ffe6e8!important;
  border-color:#ffb8bd!important;
}
.skv-tv-dashboard .skv-tv-priority-compact .warn{
  background:#fff5d6!important;
  border-color:#f0c44d!important;
}
.skv-tv-dashboard .skv-tv-priority-compact .info{
  background:#e8f1ff!important;
  border-color:#a8c8ff!important;
}
.skv-tv-dashboard .skv-tv-donut{
  width:210px!important;
  height:210px!important;
  margin:18px auto!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
}
.skv-tv-dashboard .skv-tv-donut:after{
  content:""!important;
  position:absolute!important;
  width:118px!important;
  height:118px!important;
  border-radius:999px!important;
  background:#fff!important;
}
.skv-tv-dashboard .skv-tv-donut span{
  position:relative!important;
  z-index:1!important;
  font-size:42px!important;
  font-weight:950!important;
  color:#0c3154!important;
}
.skv-tv-dashboard .skv-tv-donut-legend{
  display:grid!important;
  gap:7px!important;
}
.skv-tv-dashboard .skv-tv-donut-legend div{
  display:grid!important;
  grid-template-columns:16px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:850!important;
}
.skv-tv-dashboard .skv-tv-donut-legend i{
  width:12px!important;
  height:12px!important;
  border-radius:999px!important;
}


/* v7.4.0 - TV config cleanup and priority slide centering */
.skv-tv-dashboard .skv-tv-slide-priority-v681 .skv-tv-slide-title{
  top:10vh!important;
}
.skv-tv-dashboard .skv-tv-priority-layout-v681{
  left:50vw!important;
  top:56vh!important;
  transform:translate(-50%,-50%)!important;
  width:min(860px,80vw)!important;
  grid-template-columns:minmax(280px,380px) minmax(280px,380px)!important;
  gap:28px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact,
.skv-tv-dashboard .skv-tv-donut-panel{
  min-height:390px!important;
  max-height:450px!important;
  padding:24px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact > div{
  gap:9px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact > div > div{
  min-height:46px!important;
  padding:8px 12px!important;
}
.skv-tv-dashboard .skv-tv-priority-compact b{
  font-size:30px!important;
}
.skv-tv-dashboard .skv-tv-donut{
  width:185px!important;
  height:185px!important;
  margin:12px auto!important;
}
.skv-tv-dashboard .skv-tv-donut:after{
  width:104px!important;
  height:104px!important;
}
.skv-tv-dashboard .skv-tv-donut span{
  font-size:36px!important;
}
.skv-tv-dashboard .skv-tv-donut-legend{
  gap:5px!important;
}

/* Backend TV page */
.skv-app.skv-modern-skin .skv-tv-admin-page .skv-filterbar input{
  width:100%!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-list{
  gap:16px!important;
}
.skv-app.skv-modern-skin .skv-tv-view-card{
  padding:18px!important;
}
.skv-app.skv-modern-skin .skv-tv-view-card.is-inactive{
  opacity:.72!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
  border-bottom:1px solid var(--smk-border)!important;
  padding-bottom:12px!important;
  margin-bottom:14px!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1.15fr 1.4fr!important;
  gap:18px!important;
  align-items:start!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-basic,
.skv-app.skv-modern-skin .skv-tv-admin-scope,
.skv-app.skv-modern-skin .skv-tv-admin-url{
  display:grid!important;
  gap:12px!important;
}
.skv-app.skv-modern-skin .skv-tv-slide-options{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.skv-app.skv-modern-skin .skv-toggle-pill,
.skv-app.skv-modern-skin .skv-check-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  background:#eef5fa!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.skv-app.skv-modern-skin .skv-toggle-pill input,
.skv-app.skv-modern-skin .skv-check-inline input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-page .skv-field label,
.skv-app.skv-modern-skin .skv-tv-admin-page .skv-field .muted{
  font-size:12px!important;
}
.skv-app.skv-modern-skin .skv-tv-admin-page input,
.skv-app.skv-modern-skin .skv-tv-admin-page select{
  min-height:42px!important;
}
@media(max-width:1100px){
  .skv-app.skv-modern-skin .skv-tv-admin-grid{
    grid-template-columns:1fr!important;
  }
  .skv-app.skv-modern-skin .skv-tv-admin-head{
    flex-direction:column!important;
  }
}


/* v7.4.0 - TV slide: Siste 30 dager */
.skv-tv-dashboard .skv-tv-slide-last30-v684 .skv-tv-slide-title{
  top:10vh!important;
}
.skv-tv-dashboard .skv-tv-last30-layout{
  position:absolute!important;
  left:50vw!important;
  top:56vh!important;
  transform:translate(-50%,-50%)!important;
  width:min(920px,84vw)!important;
  display:grid!important;
  grid-template-columns:390px 1fr!important;
  gap:30px!important;
  align-items:stretch!important;
}
.skv-tv-dashboard .skv-tv-last30-summary,
.skv-tv-dashboard .skv-tv-last30-list{
  min-height:390px!important;
  max-height:450px!important;
  padding:26px!important;
  overflow:hidden!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
.skv-tv-dashboard .skv-tv-last30-summary h2,
.skv-tv-dashboard .skv-tv-last30-list h2{
  margin:0 0 12px!important;
  font-size:30px!important;
}
.skv-tv-dashboard .skv-tv-last30-kpis{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:22px!important;
}
.skv-tv-dashboard .skv-tv-last30-kpis div{
  min-height:104px!important;
  border-radius:18px!important;
  background:#f6f9fc!important;
  border:1px solid #e4edf5!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
.skv-tv-dashboard .skv-tv-last30-kpis b{
  font-size:42px!important;
  color:#0c3154!important;
  line-height:1!important;
}
.skv-tv-dashboard .skv-tv-last30-kpis span{
  font-weight:900!important;
}
.skv-tv-dashboard .skv-tv-last30-row{
  display:grid!important;
  grid-template-columns:105px 115px 1fr!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px 0!important;
  border-bottom:1px solid #e4edf5!important;
  font-weight:850!important;
}
.skv-tv-dashboard .skv-tv-last30-row strong{
  color:#0c3154!important;
}
.skv-tv-dashboard .skv-tv-last30-row span{
  background:#eef5fa!important;
  border-radius:999px!important;
  padding:6px 9px!important;
  text-align:center!important;
}
.skv-tv-dashboard .skv-tv-last30-row em{
  font-style:normal!important;
  color:#64748b!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.skv-tv-dashboard .skv-tv-last30-empty{
  margin-top:80px!important;
  text-align:center!important;
  font-weight:900!important;
  color:#64748b!important;
  background:#f6f9fc!important;
  border:1px solid #e4edf5!important;
  border-radius:18px!important;
  padding:30px!important;
}
.skv-app.skv-modern-skin .skv-tv-slide-options{
  grid-template-columns:1fr 1fr!important;
}

/* v7.4.0 language controls */
.skv-app.skv-modern-skin .skv-language-settings-card{margin-bottom:16px!important}.skv-app.skv-modern-skin .skv-tv-admin-page select{width:100%!important}


/* v7.4.0 - TV-safe scaling for 1920x1080 and smaller screens */
.skv-tv-dashboard{
  --skv-tv-scale: clamp(.68, min(1vw, 1vh), .92);
}
.skv-tv-dashboard .skv-tv-slide-title{
  top: clamp(28px, 8vh, 82px)!important;
  max-width: 92vw!important;
}
.skv-tv-dashboard .skv-tv-slide-title h2{
  font-size: clamp(28px, 3.2vw, 46px)!important;
  line-height: 1.05!important;
}
.skv-tv-dashboard .skv-tv-slide-title p,
.skv-tv-dashboard .skv-tv-customerline{
  font-size: clamp(14px, 1.35vw, 22px)!important;
  line-height: 1.2!important;
}
.skv-tv-dashboard .skv-tv-square-grid,
.skv-tv-dashboard .skv-tv-mobilserv-squares{
  grid-template-columns: repeat(3, minmax(150px, 185px))!important;
  gap: clamp(14px, 2vw, 22px)!important;
  transform: translate(-50%,-40%)!important;
}
.skv-tv-dashboard .skv-tv-square{
  width: clamp(150px, 16vw, 185px)!important;
  height: clamp(150px, 16vw, 185px)!important;
  min-width: 0!important;
  min-height: 0!important;
  max-width: 185px!important;
  max-height: 185px!important;
  padding: clamp(14px, 1.7vw, 22px)!important;
}
.skv-tv-dashboard .skv-tv-square b{
  font-size: clamp(36px, 5.2vw, 62px)!important;
  line-height: 1!important;
}
.skv-tv-dashboard .skv-tv-square span{
  font-size: clamp(14px, 1.5vw, 22px)!important;
  line-height: 1.12!important;
}
.skv-tv-dashboard .skv-tv-priority-layout-v681,
.skv-tv-dashboard .skv-tv-last30-layout{
  top: 56vh!important;
  width: min(860px, 82vw)!important;
  gap: clamp(18px, 2vw, 28px)!important;
}
.skv-tv-dashboard .skv-tv-priority-compact,
.skv-tv-dashboard .skv-tv-donut-panel,
.skv-tv-dashboard .skv-tv-last30-summary,
.skv-tv-dashboard .skv-tv-last30-list{
  min-height: 0!important;
  max-height: min(440px, 58vh)!important;
  padding: clamp(18px, 2vw, 24px)!important;
}
.skv-tv-dashboard .skv-tv-plant-status-grid,
.skv-tv-dashboard .skv-tv-plant-status-grid-v676{
  max-width: 84vw!important;
  gap: clamp(14px, 2vw, 22px)!important;
}
.skv-tv-dashboard .skv-tv-plant-card,
.skv-tv-dashboard .skv-tv-status-card{
  transform: scale(.9)!important;
  transform-origin: center!important;
}
@media (max-width: 1600px), (max-height: 900px){
  .skv-tv-dashboard .skv-tv-slide-title{
    top: 34px!important;
  }
  .skv-tv-dashboard .skv-tv-square-grid,
  .skv-tv-dashboard .skv-tv-mobilserv-squares{
    grid-template-columns: repeat(3, 155px)!important;
    gap: 16px!important;
    transform: translate(-50%,-38%)!important;
  }
  .skv-tv-dashboard .skv-tv-square{
    width: 155px!important;
    height: 155px!important;
    padding: 16px!important;
  }
  .skv-tv-dashboard .skv-tv-square b{
    font-size: 46px!important;
  }
  .skv-tv-dashboard .skv-tv-square span{
    font-size: 15px!important;
  }
  .skv-tv-dashboard .skv-tv-priority-layout-v681,
  .skv-tv-dashboard .skv-tv-last30-layout{
    width: min(760px, 82vw)!important;
  }
}
@media (max-height: 760px){
  .skv-tv-dashboard .skv-tv-slide-title{
    top: 22px!important;
  }
  .skv-tv-dashboard .skv-tv-square-grid,
  .skv-tv-dashboard .skv-tv-mobilserv-squares{
    grid-template-columns: repeat(3, 138px)!important;
    gap: 12px!important;
    transform: translate(-50%,-35%)!important;
  }
  .skv-tv-dashboard .skv-tv-square{
    width: 138px!important;
    height: 138px!important;
  }
  .skv-tv-dashboard .skv-tv-square b{
    font-size: 38px!important;
  }
}


/* v7.4.0 - Servicetekniker app/PWA */
body:has(.skv-service-app-shell), .skv-direct-body:has(.skv-service-app-shell){background:#eef6fb!important;margin:0!important;}
.skv-app.skv-service-app-shell{min-height:100dvh!important;max-width:none!important;margin:0!important;border-radius:0!important;background:#eef6fb!important;}
.skv-app.skv-service-app-shell .skv-header,.skv-app.skv-service-app-shell .skv-nav,.skv-app.skv-service-app-shell .mobile-top-start{display:none!important;}
.skv-app.skv-service-app-shell .layout{display:block!important;}
.skv-app.skv-service-app-shell .skv-main{padding:0!important;max-width:none!important;width:100%!important;}
.skv-service-app{min-height:100dvh;padding:18px;box-sizing:border-box;background:linear-gradient(180deg,#eef6fb,#ffffff);color:#092a49;font-family:inherit;}
.skv-service-app-hero,.skv-service-app-top{background:#07345b;color:white;border-radius:26px;padding:24px;box-shadow:0 18px 45px rgba(7,52,91,.18);}
.skv-service-app-hero span,.skv-service-app-top span{font-weight:900;opacity:.8;font-size:13px;text-transform:uppercase;letter-spacing:.04em;}
.skv-service-app-hero h1,.skv-service-app-top h1{margin:8px 0 8px;font-size:32px;line-height:1.05;color:white;}
.skv-service-app-hero p,.skv-service-app-top p{margin:0;color:rgba(255,255,255,.85);font-weight:700;}
.skv-service-app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10;border-radius:0 0 24px 24px;margin:-18px -18px 16px;}
.skv-service-app-card{background:#fff;border:1px solid #cfe0ee;border-radius:24px;padding:18px;margin-top:16px;box-shadow:0 16px 40px rgba(7,52,91,.10);}
.skv-service-scan-btn{width:100%;min-height:72px;border:0;border-radius:22px;background:#024997;color:white;font-size:22px;font-weight:950;box-shadow:0 14px 28px rgba(2,73,151,.25);}
.skv-service-scanner{margin-top:16px;border-radius:22px;overflow:hidden;background:#071e33;min-height:0;position:relative;}
.skv-service-scanner video{width:100%;max-height:56vh;display:block;background:#071e33;}
.skv-app-scanner-loading,.skv-app-scanner-error{padding:16px;color:white;font-weight:850;text-align:center;}
.skv-app-scan-frame{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.22);pointer-events:none;}
.skv-service-app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.skv-service-app-actions .btn,.skv-service-app-actions .btn.big{flex:1;justify-content:center;min-height:48px;border-radius:16px;font-weight:950;}
.skv-service-app-hint{margin:16px 4px;color:#64748b;font-weight:750;text-align:center;}
.skv-service-app-error,.skv-service-app-success{margin:14px 0;background:#fff3cd;border:1px solid #f0c44d;color:#6b4e00;border-radius:18px;padding:12px 14px;font-weight:900;}
.skv-service-app-success{background:#e7f8ee;border-color:#95d7ae;color:#145f32;}
.skv-service-point-list{display:grid;gap:12px;}
.skv-service-point-card{background:white;border:1px solid #d5e5f1;border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(7,52,91,.08);}
.skv-service-point-card strong{display:block;font-size:18px;color:#092a49;}
.skv-service-point-card span{color:#64748b;font-weight:750;}
.skv-service-point-status{margin:10px 0;}
.skv-service-point-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;color:#64748b;font-weight:800;}
.skv-service-point-meta span{background:#f2f7fb;border-radius:999px;padding:6px 10px;}
.skv-service-point-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;}
.skv-service-point-actions .btn{min-height:48px;border-radius:15px;font-weight:950;justify-content:center;}
@media(min-width:700px){.skv-service-app{max-width:720px;margin:0 auto}.skv-service-point-actions{grid-template-columns:1fr 1fr}.skv-service-point-actions .btn:nth-child(3){grid-column:1/-1}}


/* v7.4.0 - PWA service technician app polish */
.skv-service-app{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important;}
.skv-service-app-shell{overscroll-behavior:none!important;}
.skv-service-app-mini{display:grid!important;gap:8px!important;}
.skv-service-app-mini input{width:100%!important;box-sizing:border-box!important;border:1px solid #cfe0ee!important;border-radius:14px!important;padding:12px!important;font-weight:850!important;background:#f6f9fc!important;color:#0c3154!important;}
.skv-service-app-mini p{margin:0!important;color:#64748b!important;font-weight:750!important;}
.skv-service-app-card .btn{border-radius:16px!important;}
@media all and (display-mode: standalone){.skv-service-app-hint{display:none!important}.skv-service-app{min-height:100vh!important}}


/* v7.4.0 - Service App v1.0 shell polish */
.skv-app.skv-service-app-mode,
.skv-service-app{
  min-height:100dvh!important;
}
.skv-service-app{
  padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)!important;
}
.skv-service-app-card{
  max-width:520px!important;
  margin:0 auto!important;
}
.skv-service-app .btn.big{
  min-height:58px!important;
  font-size:18px!important;
}


/* v7.4.0 - QR scanner improvements */
.skv-app-scanner-hint{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  background:rgba(2,73,151,.88)!important;
  color:#fff!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-weight:800!important;
  font-size:13px!important;
  max-width:88%!important;
  text-align:center!important;
}
.skv-app-scanner-loading{
  z-index:3!important;
}
.skv-app-scanner-error{
  padding:18px!important;
  border-radius:18px!important;
  background:#fff1f2!important;
  color:#991b1b!important;
  font-weight:800!important;
}


/* v7.4.0 - database and administration tools */
.skv-app.skv-modern-skin .skv-db-metrics{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(100px,1fr))!important;
  gap:12px!important;
  margin:18px 0!important;
}
.skv-app.skv-modern-skin .skv-db-metrics>div{
  border:1px solid var(--smk-border)!important;
  background:#f6f9fc!important;
  border-radius:16px!important;
  padding:16px!important;
  text-align:center!important;
}
.skv-app.skv-modern-skin .skv-db-metrics b{
  display:block!important;
  font-size:30px!important;
  color:#0c3154!important;
}
.skv-app.skv-modern-skin .skv-db-metrics span{
  font-weight:850!important;
}
.skv-app.skv-modern-skin .skv-db-status{
  margin:12px 0 18px!important;
  padding:12px 14px!important;
  background:#fff5d6!important;
  border:1px solid #f0c44d!important;
  border-radius:12px!important;
}
.skv-app.skv-modern-skin .skv-db-status.is-clean{
  background:#e8f7ef!important;
  border-color:#89c9a8!important;
  color:#17623c!important;
}
.skv-app.skv-modern-skin .skv-import-mode{
  display:grid!important;
  gap:10px!important;
  margin:16px 0!important;
  padding:16px!important;
  border:1px solid var(--smk-border)!important;
  border-radius:16px!important;
  background:#f6f9fc!important;
}
.skv-app.skv-modern-skin .skv-import-mode>label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:800!important;
}
@media(max-width:1100px){
  .skv-app.skv-modern-skin .skv-db-metrics{grid-template-columns:repeat(2,1fr)!important;}
}