/* 6.2.0 — wybieralne style interfejsu audytu */
.auditor7-audit.auditor7-ui-classic .auditor7-audit-meta{ /* celowo zachowuje dotychczasowy wygląd */ }

/* Dashboard: nagłówek, status i akcje jako jedna karta */
.auditor7-audit.auditor7-ui-dashboard>header,
.auditor7-audit.auditor7-ui-dashboard>.auditor7-audit-meta{
  background:#fff!important;
  border-left:1px solid #d9e1e8!important;
  border-right:1px solid #d9e1e8!important;
  box-shadow:0 14px 38px rgba(30,48,68,.08)!important;
}
.auditor7-audit.auditor7-ui-dashboard>header{
  margin-bottom:0!important;
  padding:26px 28px 12px!important;
  border-top:1px solid #d9e1e8!important;
  border-bottom:0!important;
  border-radius:18px 18px 0 0!important;
}
.auditor7-audit.auditor7-ui-dashboard>.auditor7-audit-meta{
  display:block!important;
  margin-top:0!important;
  margin-bottom:22px!important;
  padding:0 28px 22px!important;
  border-top:0!important;
  border-bottom:1px solid #d9e1e8!important;
  border-radius:0 0 18px 18px!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-statusline{
  padding:10px 0 14px!important;
  border-bottom:1px solid #e8edf1!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools{
  padding-top:14px!important;
  gap:8px!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools button{
  background:#f8fafc!important;
  border-color:#d2dce5!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools .auditor7-save-progress{
  background:#eef6fd!important;
  border-color:#aac8e2!important;
  color:#275d89!important;
}

/* Compact: status i akcje w jednej niskiej listwie */
.auditor7-audit.auditor7-ui-compact>.auditor7-audit-meta{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:10px!important;
  margin-bottom:16px!important;
  padding:10px 12px!important;
  border:1px solid #d9e1e8!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 24px rgba(30,48,68,.07)!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline{
  min-width:0!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:"left progress" "saved saved"!important;
  column-gap:12px!important;
  row-gap:2px!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
  width:auto!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools button{
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:11px!important;
  white-space:nowrap!important;
  background:#fff!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-connection-status,
.auditor7-audit.auditor7-ui-compact .auditor7-audit-timer{
  min-height:26px!important;
  padding:3px 7px!important;
}
@media(max-width:850px){
  .auditor7-audit.auditor7-ui-compact>.auditor7-audit-meta{grid-template-columns:1fr!important}
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{width:100%!important;overflow-x:auto!important;padding-bottom:2px!important}
}
@media(max-width:650px){
  .auditor7-audit.auditor7-ui-dashboard>header{padding:20px 18px 10px!important}
  .auditor7-audit.auditor7-ui-dashboard>.auditor7-audit-meta{padding:0 18px 18px!important}
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools button{flex:0 0 auto!important}
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline{grid-template-columns:1fr!important;grid-template-areas:"left" "progress" "saved"!important}
}

/* 6.2.2 — dopracowanie stylów Dashboard i Kompaktowy */
/* Dashboard: karta nagłówka ma dokładnie tę samą szerokość co karta pytania. */
.auditor7-audit.auditor7-ui-dashboard{
  max-width:1200px!important;
}
.auditor7-audit.auditor7-ui-dashboard>header,
.auditor7-audit.auditor7-ui-dashboard>.auditor7-audit-meta,
.auditor7-audit.auditor7-ui-dashboard>.auditor7-step{
  width:100%!important;
  max-width:none!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-statusline{
  padding:8px 0 6px!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools{
  padding-top:8px!important;
}
.auditor7-audit.auditor7-ui-dashboard>.auditor7-audit-meta{
  padding-bottom:18px!important;
}

/* Kompaktowy: status pozostaje jak w układzie klasycznym, ramkę otrzymują tylko akcje. */
.auditor7-audit.auditor7-ui-compact>.auditor7-audit-meta{
  display:block!important;
  margin:8px auto 14px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-areas:"left progress saved"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:4px!important;
  width:100%!important;
  padding:0!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
  box-sizing:border-box!important;
  display:flex!important;
  width:100%!important;
  margin-top:16px!important;
  padding:10px 12px!important;
  border:1px solid #d9e1e8!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 24px rgba(30,48,68,.07)!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools button{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:11px!important;
}
@media(max-width:850px){
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline{
    grid-template-columns:1fr!important;
    grid-template-areas:"left" "progress" "saved"!important;
    row-gap:5px!important;
  }
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline .auditor7-progress-label,
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-statusline .auditor7-save-state-slot{
    justify-self:start!important;
    text-align:left!important;
  }
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-tools::-webkit-scrollbar{display:none!important}
}


/* 6.2.3 compact polish */
.auditor7-audit.auditor7-ui-compact>.auditor7-audit-meta{padding:0!important;}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
 width:100%!important;
 margin:16px 0 0!important;
 padding:12px 16px!important;
 gap:12px!important;
 border-radius:18px!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools button{
 min-height:42px!important;
 padding:10px 16px!important;
 font-weight:600!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-save-progress{
 background:#eef6ff!important;
 border-color:#9fc3f5!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-restart{
 background:#fff3f3!important;
 border-color:#efb3b3!important;
}

/* 6.2.4 — finalne dopracowanie stylu Kompaktowego; Dashboard bez zmian */
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
  box-sizing:border-box!important;
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  margin:8px auto 14px!important;
  padding:0!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  border:1px solid #d8e2ea!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 9px 25px rgba(30,48,68,.08)!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools button{
  box-sizing:border-box!important;
  flex:1 1 0!important;
  min-width:0!important;
  min-height:43px!important;
  padding:9px 12px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
  justify-content:center!important;
  box-shadow:0 2px 7px rgba(31,50,70,.05)!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-save-progress{
  background:#e8f3ff!important;
  border-color:#79aee2!important;
  color:#174f82!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-save-progress:hover{
  background:#dcecff!important;
  border-color:#568fc7!important;
  color:#103f6b!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-resume-progress,
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-fullscreen-toggle{
  background:#f8fafc!important;
  border-color:#c6d3df!important;
  color:#344f68!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-reset-progress{
  background:#fff0f0!important;
  border-color:#e3a5a2!important;
  color:#922f2a!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools .auditor7-reset-progress:hover{
  background:#ffe5e5!important;
  border-color:#d37e79!important;
  color:#7f211d!important;
}
@media(max-width:900px){
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools::-webkit-scrollbar{display:none!important}
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools button{
    flex:0 0 auto!important;
    min-width:142px!important;
  }
}
@media(max-width:700px){
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
    width:calc(100% - 20px)!important;
  }
}

/* 6.2.5 — styl Kompaktowy: belka akcji dokładnie tak szeroka jak karta pytania */
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:8px 0 14px!important;
  padding:0!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
}
@media(max-width:700px){
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* 6.2.6 — styl Kompaktowy: wspólna szerokość nagłówka, belki akcji i formularza */
.auditor7-audit.auditor7-ui-compact{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}
.auditor7-audit.auditor7-ui-compact > header,
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta,
.auditor7-audit.auditor7-ui-compact > form{
  box-sizing:border-box!important;
  width:min(1200px,calc(100% - 32px))!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
  margin-top:8px!important;
  margin-bottom:14px!important;
  padding:0!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
}
.auditor7-audit.auditor7-ui-compact > form > .auditor7-step{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}
@media(max-width:700px){
  .auditor7-audit.auditor7-ui-compact > header,
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta,
  .auditor7-audit.auditor7-ui-compact > form{
    width:calc(100% - 20px)!important;
  }
}

/* 7.0.24 — Dashboard: kafelkowe akcje również na tabletach i komputerach. */
@media (min-width: 651px) {
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 12px !important;
    padding-top: 12px !important;
    overflow: visible !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools button{
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 11px 12px !important;
    border: 1px solid #cbd8e3 !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    color: #29465f !important;
    box-shadow: 0 3px 10px rgba(31, 50, 70, .06) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools button:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 16px rgba(31, 50, 70, .10) !important;
    background: #fff !important;
    border-color: #aebfce !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools .auditor7-save-progress {
    background: #eaf4ff !important;
    border-color: #8cb7df !important;
    color: #174f82 !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools .auditor7-reset-progress {
    background: #fff2f2 !important;
    border-color: #e4aaa7 !important;
    color: #8c2d28 !important;
  }
}

@media (min-width: 651px) and (max-width: 1024px) {
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools > .auditor7-save-progress,
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools > .auditor7-resume-progress,
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools > .auditor7-fullscreen-toggle {
    grid-column: span 2 !important;
  }

  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools > .auditor7-reset-progress {
    grid-column: 2 / span 2 !important;
  }
}


/* 7.0.24 — Dashboard: komplet ikon z linii 6.x i jeden rząd akcji na komputerze. */
.auditor7-tool-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.3em;
  flex:0 0 1.3em;
  font-size:1.22em;
  line-height:1;
  color:#2f75c9;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools button{
  gap:9px!important;
}
.auditor7-audit.auditor7-ui-dashboard .auditor7-reset-progress .auditor7-tool-icon{
  color:#b7332c;
}
@media (min-width:1025px){
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .auditor7-audit.auditor7-ui-dashboard .auditor7-audit-tools>*{
    grid-column:auto!important;
    min-width:0!important;
  }
  .auditor7-audit.auditor7-ui-dashboard .auditor7-mobile-next{
    display:inline-flex!important;
  }
}

/* 7.0.24 — spójny minimalistyczny zestaw ikon outline. */
.auditor7-audit-tools .auditor7-tool-icon,
.auditor7-audit-timer .auditor7-tool-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:0 8px 0 0!important;
  line-height:1!important;
  color:currentColor!important;
}
.auditor7-audit-tools .auditor7-tool-icon svg,
.auditor7-audit-timer .auditor7-tool-icon svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke;
}
.auditor7-audit-tools button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.auditor7-audit-tools button > span:last-child{
  min-width:0;
}

/* 7.0.44 — stan po skutecznym wysłaniu */
.auditor7-audit.auditor7-submitted > header,
.auditor7-audit.auditor7-submitted > .auditor7-audit-meta{display:none!important}
.auditor7-audit.auditor7-submitted > .auditor7-audit-meta .auditor7-audit-statusline,
.auditor7-audit.auditor7-submitted > .auditor7-audit-meta .auditor7-audit-tools{display:none!important}


/* 7.0.55 — compact layout: long PL/EN action labels may wrap instead of overflowing. */
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
  grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;
}
.auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
  min-width:0!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools button{
  box-sizing:border-box!important;
  flex:1 1 132px!important;
  min-width:0!important;
  max-width:220px!important;
  height:auto!important;
  min-height:42px!important;
  padding:8px 11px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:center!important;
}
@media(max-width:900px){
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta{
    grid-template-columns:1fr!important;
  }
  .auditor7-audit.auditor7-ui-compact .auditor7-audit-tools{
    width:100%!important;
    justify-content:stretch!important;
  }
  .auditor7-audit.auditor7-ui-compact > .auditor7-audit-meta > .auditor7-audit-tools button{
    max-width:none!important;
  }
}