:root{--f-bg:var(--wc2-bg);--f-surface:var(--wc2-surface);--f-soft:var(--wc2-surface-soft);--f-text:var(--wc2-text);--f-muted:var(--wc2-muted);--f-border:var(--wc2-border);--f-blue:var(--wc2-blue);--f-danger:var(--wc2-danger);--f-ok:var(--wc2-success)}
html[data-theme=dark]{--f-bg:#202a34;--f-surface:#303b46;--f-soft:#26313c;--f-text:#edf3f6;--f-muted:#93a5b3;--f-border:#465361;--f-blue:#63a5dd;--f-danger:#ef858b;--f-ok:#62c9a4;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--f-bg)!important;color:var(--f-text);font:14px/1.5 Inter,system-ui,sans-serif}.page{max-width:1600px;margin:auto;padding:28px}header,.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}h1{font-size:28px;margin:6px 0}h2{font-size:18px;margin:0 0 12px}p{margin:6px 0 14px;color:var(--f-muted)}a{color:var(--f-blue)}.home{text-decoration:none;font-weight:700}.actions,.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel{background:var(--f-surface);border:1px solid var(--f-border);border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:var(--wc2-shadow)}button,select,input,textarea{font:inherit;color:var(--f-text);background:var(--f-soft);border:1px solid var(--f-border);border-radius:9px;padding:10px 14px}button{cursor:pointer;font-weight:650}button:hover{border-color:var(--f-blue)}button:disabled{opacity:.5;cursor:default}button.active,.primary{background:var(--f-blue);color:#0f2130;border-color:var(--f-blue)}:focus-visible{outline:3px solid var(--f-blue);outline-offset:2px}label{display:flex;gap:8px;align-items:center}.summary{display:grid;grid-template-columns:1fr 2fr;gap:24px}.summary strong{font-size:42px;color:var(--f-blue)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted,.empty{color:var(--f-muted)}.bad{color:var(--f-danger)}.ok{color:var(--f-ok)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--f-border);vertical-align:top}th{background:var(--f-soft);color:var(--f-muted)}td:nth-child(1){font-weight:700;white-space:nowrap}.chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 8px;border:1px solid var(--f-border);border-radius:6px;font-size:12px}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.question{background:var(--f-soft);border:1px solid var(--f-border);border-radius:9px;padding:12px}.question strong{display:block;margin-bottom:8px}.question.critical{border-color:var(--f-danger)}.bar-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(80px,1fr) 65px;gap:12px;align-items:center;margin:10px 0}.bar-label{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.track{background:var(--f-soft);height:12px;border-radius:10px;overflow:hidden}.fill{height:100%;background:var(--f-blue);border-radius:10px}.nok .fill{background:var(--f-danger)}.value{text-align:right;font-weight:700}.trend-svg{width:100%;height:235px}.trend-grid{stroke:var(--f-border)}.trend-axis{fill:var(--f-muted);font-size:13px}.trend-line{fill:none;stroke:var(--f-blue);stroke-width:3}.trend-dot{fill:var(--f-blue)}.compare-tracks{display:grid;gap:5px}.a1,.compare-tracks .fill:first-child{background:var(--f-blue)}.a2{background:var(--f-ok)}.legend{display:inline-block;width:12px;height:12px;border-radius:3px;margin:0 4px 0 14px}dialog{width:min(960px,94vw);max-height:90vh;overflow:auto;background:var(--f-surface);color:var(--f-text);border:1px solid var(--f-border);border-radius:14px;padding:24px}dialog::backdrop{background:#07111dcc}.answer{display:grid;grid-template-columns:2fr 140px 1fr;align-items:center;gap:12px;border-bottom:1px solid var(--f-border);padding:12px 0}.answer label{display:block;font-size:13px}.answer input,.answer select{width:100%;min-width:0}.answer small{display:block;color:var(--f-muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--f-soft);padding:12px;max-height:45vh;overflow:auto}#message{min-height:22px}.summary .muted{max-width:760px}
@media(max-width:850px){.page{padding:16px}.charts{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr}header{flex-direction:column}.summary{grid-template-columns:1fr}.answer{grid-template-columns:1fr 120px}.answer input[data-note]{grid-column:1/-1}}
@media(max-width:480px){.details{grid-template-columns:1fr}.bar-row{grid-template-columns:minmax(115px,1.3fr) 1fr 55px;gap:6px}.filters label{width:100%}.filters select{flex:1}.page{padding:10px}.panel{padding:14px}}

.home-icon{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;border:1px solid var(--f-border);border-radius:9px;background:var(--f-soft);color:var(--f-text);text-decoration:none!important;position:relative;overflow:hidden;transform:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.home-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-icon:hover{border-color:var(--f-blue);transform:translateY(-1px)}
.home-icon:active{transform:translateY(0) scale(.985)}

button,.home-icon{position:relative;overflow:hidden;transform:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
button::after,.home-icon::after{content:"";position:absolute;top:-35%;left:-75%;width:45%;height:170%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);opacity:0}
button:hover:not(:disabled),.home-icon:hover{transform:translateY(-1px)}
button:hover:not(:disabled)::after,.home-icon:hover::after{animation:wc5sShimmer .72s ease}
button:active:not(:disabled),.home-icon:active{transform:translateY(0) scale(.985)}
@keyframes wc5sShimmer{0%{left:-75%;opacity:0}18%{opacity:1}100%{left:135%;opacity:0}}

.wc-modal-close{width:54px!important;height:38px!important;min-width:54px!important;min-height:38px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:18px!important;font-weight:500!important;line-height:1!important;border-radius:9px!important;flex:0 0 54px}
.dialog-head{align-items:center}

html[data-theme=dark] button,
html[data-theme=dark] select,
html[data-theme=dark] input,
html[data-theme=dark] textarea{background:#26313c;border-color:#465361;color:#edf3f6}
html[data-theme=dark] button:hover:not(:disabled),
html[data-theme=dark] .home-icon:hover{background:#3b4754;border-color:#526171}
html[data-theme=dark] dialog{background:#303b46;border-color:#465361}
html[data-theme=dark] pre,
html[data-theme=dark] .question,
html[data-theme=dark] .track,
html[data-theme=dark] th{background:#26313c}

@media(prefers-reduced-motion:reduce){
 button,.home-icon{transition:none!important}
 button::after,.home-icon::after{display:none!important}
}


/* Audit details must wrap even inside the first table cell. */
.details{white-space:normal;font-weight:400}.question{min-width:0;white-space:normal;overflow-wrap:anywhere}.question strong{font-size:13px;line-height:1.45}.chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}.row-actions-cell{width:268px;min-width:268px}.row-actions{display:flex;align-items:flex-start;gap:8px}.row-actions button{height:42px;flex:none;padding:8px 12px;white-space:nowrap;font-size:13px;line-height:20px}.row-actions [data-details]{width:96px}.row-actions [data-edit]{width:144px}

/* 5S V2 - remove inherited panel accent lines */
.panel::before,
.panel::after{
  content:none!important;
  display:none!important;
}

/* 5S: neutralize shared top/left highlight in dark mode. */
html[data-theme="dark"] .page .panel{border-color:var(--f-border)!important;box-shadow:none!important}

/* 5S V2 - header home action alignment */
header > .actions .home-icon{
  width:40px;
  height:38px;
  min-width:40px;
  min-height:38px;
  padding:0;
  margin:0;
  flex:0 0 40px;
  align-self:center;
}
header > .actions .home-icon svg{
  width:18px;
  height:18px;
}