/* Scoped to daily-report pages; preserves legacy state and canvas/PDF logic.
 * Stable flow IDs out-rank legacy :is() rules that contain unrelated IDs. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow { --nf-paper:#fff; --nf-ink:#111; --nf-muted:#626262; --nf-line:#d8d8d8; --nf-soft:#f5f5f5; background:var(--nf-paper)!important; color:var(--nf-ink)!important; }
html[data-theme="dark"]:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow { --nf-paper:#111; --nf-ink:#f5f5f5; --nf-muted:#b4b4b4; --nf-line:#3a3a3a; --nf-soft:#1c1c1c; color-scheme:dark; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-top-brand-bar { position:sticky!important; top:0!important; z-index:10040!important; width:100%!important; max-width:860px!important; height:82px!important; min-height:82px!important; margin:0 auto!important; padding:0 32px!important; border-bottom:1px solid var(--nf-line)!important; background:var(--nf-paper)!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-bar { max-width:860px!important; margin:0 auto!important; padding:12px 32px!important; background:var(--nf-paper)!important; border-bottom:1px solid var(--nf-line)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-bar { width:100%!important; max-width:860px!important; margin:0 auto!important; padding:12px 32px!important; color:var(--nf-muted)!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page { box-sizing:border-box!important; display:block!important; width:100%!important; max-width:860px!important; min-height:0!important; height:auto!important; margin:0 auto!important; padding:24px 32px 40px!important; gap:0!important; justify-content:start!important; align-items:start!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card { box-sizing:border-box!important; display:block!important; width:100%!important; max-width:none!important; min-height:0!important; height:auto!important; margin:0 0 24px!important; padding:24px!important; border:1px solid var(--nf-line)!important; border-radius:16px!important; color:var(--nf-ink)!important; background:var(--nf-paper)!important; box-shadow:none!important; translate:none!important; transform:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card.is-phase-hidden, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow [hidden] { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .phase-prompt { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:12px 16px!important; align-items:start!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0 0 24px!important; padding:0!important; translate:none!important; transform:none!important; text-align:left!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-title { grid-column:1!important; display:block!important; margin:0!important; color:var(--nf-ink)!important; font-size:clamp(26px,3vw,36px)!important; font-weight:750!important; line-height:1.35!important; text-align:left!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-note { grid-column:1!important; display:block!important; margin:0!important; color:var(--nf-muted)!important; font-size:17px!important; line-height:1.65!important; text-align:left!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-action { grid-column:2!important; grid-row:1 / span 2!important; align-self:start!important; position:static!important; float:none!important; transform:none!important; margin:0!important; min-width:80px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-icon { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .phase-actions { position:static!important; display:grid!important; grid-template-columns:1fr 2fr!important; gap:12px!important; width:100%!important; max-width:none!important; margin:24px 0 0!important; padding:0!important; min-height:0!important; border:0!important; background:transparent!important; box-shadow:none!important; translate:none!important; transform:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions > .phase-btn-primary:first-child, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions > .phase-btn-primary:only-child { grid-column:1 / -1!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.phase-btn,.btn,.btn-secondary,.btn-icon-sm,.phase-menu-btn) { box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:12px 16px!important; border:1px solid var(--nf-line)!important; border-radius:10px!important; color:var(--nf-ink)!important; background:var(--nf-paper)!important; font-size:17px!important; font-weight:650!important; line-height:1.4!important; white-space:normal!important; text-align:center!important; box-shadow:none!important; cursor:pointer; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions :is(.phase-btn-primary,#nextBtn,#returnNextBtn,#generatePdfBtn), html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) #pdfShareBtn { min-height:56px!important; width:100%!important; color:var(--nf-paper)!important; background:var(--nf-ink)!important; border-color:var(--nf-ink)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(button,input,select,textarea):focus-visible { outline:3px solid var(--nf-ink)!important; outline-offset:3px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(button:disabled,button[aria-disabled="true"],button.is-disabled) { opacity:.5!important; cursor:default!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([aria-hidden="true"]):not(.date-hidden-input) { box-sizing:border-box!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:56px!important; padding:12px 16px!important; border:1px solid var(--nf-line)!important; border-radius:10px!important; color:var(--nf-ink)!important; background:var(--nf-paper)!important; font-size:19px!important; line-height:1.4!important; text-align:left!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(label,.driver-summary-item-label) { color:var(--nf-ink)!important; font-size:17px!important; font-weight:650!important; line-height:1.5!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(h2,.section-title) { color:var(--nf-ink)!important; font-size:22px!important; line-height:1.4!important; margin:0 0 16px!important; text-align:left!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(p,.hint,.help-text,.description) { font-size:16px!important; line-height:1.65!important; overflow-wrap:anywhere; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-line { display:grid!important; grid-template-columns:minmax(100px,180px) minmax(0,1fr)!important; gap:16px!important; align-items:center!important; margin:0!important; padding:12px 0!important; border-bottom:1px solid var(--nf-line)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-line:last-child { border-bottom:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .info-display-box { box-sizing:border-box!important; width:100%!important; min-width:0!important; min-height:48px!important; margin:0!important; padding:12px 16px!important; border:0!important; border-radius:10px!important; color:var(--nf-ink)!important; background:var(--nf-soft)!important; font-size:19px!important; line-height:1.4!important; text-align:left!important; overflow-wrap:anywhere!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-name { display:flex!important; gap:8px!important; flex-wrap:wrap!important; padding:12px 16px!important; border-radius:10px!important; background:var(--nf-soft)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-name .info-display-box { width:auto!important; min-height:0!important; padding:0!important; background:transparent!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .name-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; margin:0 0 16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .name-row label { display:block!important; margin:0 0 8px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .card-head-inline:empty { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-select-box, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-select-wrap, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-list { width:100%!important; min-height:0!important; padding:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-item-special, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-item-special.active { box-sizing:border-box!important; width:100%!important; min-height:64px!important; padding:16px!important; border:2px solid var(--nf-ink)!important; border-radius:10px!important; color:var(--nf-ink)!important; background:var(--nf-soft)!important; text-align:left!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-item-special.active :is(.bin-name,.bin-sub) { color:var(--nf-ink)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .bin-item-special.active::after { content:"✓"; margin-left:auto; color:var(--nf-ink); font-size:22px; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .helper-top-row { display:flex!important; justify-content:flex-start!important; align-items:center!important; flex-wrap:wrap!important; gap:16px!important; margin:0 0 16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .helper-switch-row { min-height:48px!important; gap:16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .helper-code-wrap { flex:1 1 220px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-input-wrap, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-row, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-meter-row { width:100%!important; max-width:none!important; min-width:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-guide-box { margin:0 0 20px!important; padding:12px 16px!important; border-left:3px solid var(--nf-line)!important; color:var(--nf-muted)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-editor-reset-btn, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) #resetOdoBtn, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) #resetTimeBtn { margin-top:16px!important; min-height:44px!important; width:auto!important; color:var(--nf-muted)!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #pdfPreviewModal { z-index:15000!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #pdfPreviewModal > div { box-sizing:border-box!important; width:min(94vw,1000px)!important; height:min(92vh,1100px)!important; border:1px solid var(--nf-line)!important; border-radius:16px!important; color:var(--nf-ink)!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .pdf-share-status { padding:16px!important; margin:0!important; color:var(--nf-muted)!important; font-size:16px!important; line-height:1.5!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .pdf-preview-actions { display:grid!important; grid-template-columns:1fr 1fr!important; gap:12px!important; padding:16px!important; border-top:1px solid var(--nf-line)!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .pdf-preview-actions-left { display:flex!important; flex-wrap:wrap!important; grid-column:1 / -1!important; gap:12px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #pdfGenerationStatus { margin:0 0 20px!important; padding:16px!important; border:1px solid var(--nf-line)!important; border-radius:10px!important; color:var(--nf-muted)!important; background:var(--nf-soft)!important; font-size:17px!important; line-height:1.6!important; }
@media(max-width:767px) {
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-top-brand-bar {height:68px!important;min-height:68px!important;padding:0 16px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow :is(.step-bar,.step-context-bar) {padding:12px 16px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page {padding:24px 16px calc(32px + env(safe-area-inset-bottom))!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card {padding:16px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-line {grid-template-columns:minmax(90px,120px) minmax(0,1fr)!important;gap:12px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-title {font-size:26px!important;}
}

html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt { border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-title > span { font:inherit!important; font-size:inherit!important; font-weight:inherit!important; line-height:inherit!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card { margin-bottom:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card + .card { margin-top:24px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions { inset:auto!important; z-index:auto!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions > button { margin:0!important; translate:none!important; transform:none!important; position:static!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-inline-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; width:100%!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-input-wrap { position:relative!important; width:100%!important; min-width:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-input-wrap input { padding-right:56px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-input-unit { position:absolute!important; right:16px!important; top:50%!important; transform:translateY(-50%)!important; color:var(--nf-muted)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(h2,.section-title) { border-left:0!important; padding-left:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page :is(h2,.section-title)::before { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .nippo-edit-cancel { margin:16px 0 0 12px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(button,input,div,section)[hidden] { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card.is-phase-hidden { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions { height:auto!important; align-items:stretch!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-actions > button { align-self:stretch!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .inspection-view-switch button { min-height:44px!important; min-width:44px!important; padding:8px 12px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.loading-group-card,.normal-loading-time-block,.inspection-focus-overview) { background:var(--nf-soft)!important; color:var(--nf-ink)!important; border-color:var(--nf-line)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.loading-destination-main,.delivery-destination-main,.normal-loading-time-context strong,.loading-destination-in-shipper span,.inspection-focus-total span) { color:var(--nf-ink)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.inspection-focus-section,.inspection-view-switch button,.inspection-focus-revise,.inspection-next-item) { background:var(--nf-paper)!important; color:var(--nf-ink)!important; border-color:var(--nf-line)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.inspection-focus-section.is-active,.inspection-view-switch button[aria-pressed="true"]) { background:var(--nf-ink)!important; color:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .inspection-focus-section :is(span,strong) { color:inherit!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.odo-guidance,.odo-guidance strong,.inspection-focus-help) { color:var(--nf-muted)!important; }
html[data-theme="dark"]:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-guidance span { color:#ff8b8b!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .normal-loading-time-block .delivery-time-control { display:grid!important; grid-template-columns:minmax(0,1fr) 80px!important; gap:8px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .normal-loading-time-input { padding-inline:8px!important; font-size:18px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .normal-loading-time-input { box-sizing:border-box!important; min-width:0!important; width:100%!important; max-width:100%!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .normal-loading-time-block .delivery-time-control > button { min-width:0!important; width:100%!important; padding-inline:8px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.normal-loading-time-context span,.loading-destination-sub,.loading-shipper strong,.odo-plain-unit) { color:var(--nf-muted)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .odo-depart-display { color:var(--nf-ink)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.inspection-focus-place,.inspection-focus-summary span) { color:var(--nf-muted)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .inspection-focus-section:is([aria-pressed="true"],[aria-selected="true"],.is-current) { background:var(--nf-ink)!important; color:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card .loading-shipper { display:flex!important; align-items:baseline!important; gap:12px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card .loading-qty-row { display:grid!important; grid-template-columns:60px minmax(0,1fr)!important; gap:12px!important; width:100%!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card :is(.loading-qty-inputs,.loading-qty-field,.loading-qty-input) { width:100%!important; min-width:0!important; max-width:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card .loading-delivery-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; width:100%!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card .loading-shipper strong { flex:0 0 auto!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .loading-group-card .loading-shipper span { min-width:0!important; white-space:normal!important; overflow-wrap:anywhere!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #signatureModalPanel { background:var(--nf-paper)!important; color:var(--nf-ink)!important; border:1px solid var(--nf-line)!important; border-radius:16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #signatureModalPanel button { background:var(--nf-paper)!important; color:var(--nf-ink)!important; border:1px solid var(--nf-line)!important; min-height:48px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #signatureModalSaveBtn { background:var(--nf-ink)!important; color:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow :is(#pdfShareStatus,#pdfMobileHint) { background:var(--nf-paper)!important; color:var(--nf-muted)!important; border-color:var(--nf-line)!important; }
/* Keep route selection marks out of wrapped text. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special { display:grid!important; grid-template-columns:24px minmax(0,1fr) 24px!important; gap:8px 12px!important; align-items:start!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special .bin-name { grid-column:2!important; grid-row:1!important; min-width:0!important; margin:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special .bin-sub { grid-column:2!important; grid-row:2!important; min-width:0!important; margin:0!important; white-space:normal!important; overflow-wrap:anywhere!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special::before { content:""!important; position:static!important; grid-column:1!important; grid-row:1!important; width:20px!important; height:20px!important; box-sizing:border-box!important; margin:3px 0 0!important; transform:none!important; border:2px solid var(--nf-muted)!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special[aria-checked="true"]::before { background:var(--nf-ink)!important; border-color:var(--nf-ink)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special::after { position:static!important; grid-column:3!important; grid-row:1!important; margin:0!important; transform:none!important; color:var(--nf-ink)!important; line-height:1.3!important; }
/* List mode exposes every existing inspection control without a wizard layout. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-focus-area[data-inspection-view="list"] .inspection-focus-items { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-focus-area[data-inspection-view="list"] .inspection-focus-item { display:block!important; min-height:0!important; height:auto!important; margin:0!important; padding:16px!important; border:1px solid var(--nf-line)!important; border-radius:12px!important; background:var(--nf-paper)!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-focus-area[data-inspection-view="list"] .fieldwork-item-actions { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-list-section-heading { margin:12px 0 0!important; color:var(--nf-ink)!important; font-size:22px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-focus-area[data-inspection-view="focus"] .inspection-list-section-heading { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .bin-item-special::before { border-radius:50%!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .inspection-focus-area[data-inspection-view="list"] .inspection-focus-choices { position:static!important; inset:auto!important; z-index:auto!important; width:100%!important; margin:12px 0 0!important; }

/* Keep each input and next action prominent; remove repeated outer framing.
 * Labels, inspection items, warnings and status messages remain visible. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) :is(.driver-editor-panel,.driver-summary-panel,.inspection-focus-overview) { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .driver-summary-name { padding:0!important; border-radius:0!important; background:transparent!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .page > .card > .card-section-header { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow:not(.nippo-date-island-active) .phase-prompt-note { font-weight:400!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page:not(.nippo-date-island-active)[data-phase-index="2"] .phase-prompt-note, html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page:not(.nippo-date-island-active)[data-phase-index="3"] .phase-prompt-note { display:none!important; }

/* Finish the two remaining repeated headings/frames without changing flow DOM. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-heading { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] :is(.loading-settings-panel,.normal-loading-time-block,.loading-group-card) { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] .loading-phase-card { border:0!important; border-top:1px solid var(--nf-line)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] .loading-delivery-row { background:transparent!important; }

/* Compact report flow: one heading, necessary fields, and a single next action. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .phase-prompt-note:empty { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page :is(.inspection-view-switch,.inspection-focus-item-count) { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-focus-item { padding:16px 0!important; border:0!important; border-bottom:1px solid var(--nf-line)!important; border-radius:0!important; background:transparent!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-place { margin:0 0 4px!important; text-align:left!important; font-size:14px!important; font-weight:600!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-question { margin:0!important; text-align:left!important; font-size:20px!important; line-height:1.45!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-help { margin:8px 0!important; text-align:left!important; font-size:14px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-focus-choices { margin-top:12px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .signature-trigger-wrap { padding:0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .signature-inline { position:static!important; inset:auto!important; display:block!important; width:100%!important; height:auto!important; padding:0!important; background:transparent!important; border:0!important; transform:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .signature-inline #signatureModalPanel { width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .signature-inline .signature-modal-canvas { display:block!important; box-sizing:border-box!important; width:100%!important; height:clamp(220px,35vw,320px)!important; min-height:0!important; flex:none!important; border:1px solid var(--nf-line)!important; border-radius:12px!important; background:#fff!important; touch-action:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .signature-inline #signatureModalPanel .signature-modal-actions { display:flex!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:8px!important; margin:12px 0 0!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] :is(.normal-loading-time-field,.loading-destination-toggle,.loading-settings-panel,.loading-settings-head) { background:transparent!important; background-image:none!important; box-shadow:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] :is(.loading-card-advance,.loading-route-index[data-loading-route-index]) { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] .loading-settings-summary-inline { display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:6px!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow[data-step="2"] .loading-prompt-meta > span:first-child { display:none!important; }

html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page[data-phase-index="4"] .section-title { display:none!important; }
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .route-required { margin:0 0 12px!important; }
/* Common navigation geometry is owned by step-bar.js, including legacy step URLs. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn) body.nippo-unified-flow.step1-basic-page[data-phase-index="6"] .page > .card { margin-bottom:0!important; }
.nippo-entry-dialog { width:calc(100% - 32px);max-width:540px;border:1px solid var(--nf-line,#888);border-radius:12px;padding:24px;background:var(--nf-paper,#fff);color:var(--nf-ink,#111); }
.nippo-entry-dialog::backdrop { background:#0009; }
.nippo-entry-dialog h2 { font-size:24px;line-height:1.4; }
.nippo-entry-dialog > div { display:grid;gap:12px; }
.nippo-entry-dialog button { min-height:56px;padding:12px;border:2px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:18px;font-weight:700; }
body.nippo-bottom-nav { --nippo-nav-x:32px; }
body.nippo-bottom-nav .nippo-date-nav { background:var(--nf-paper, #fff); }
html[data-theme="dark"] body.nippo-bottom-nav:not(.nippo-unified-flow) { --nf-paper:#111; --nf-line:#3a3a3a; }
@media (max-width:767px) { body.nippo-bottom-nav { --nippo-nav-x:16px; } }

/* Two inspection views retain one set of saved answers. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area {display:flex!important;flex-direction:column!important;gap:12px!important;height:var(--inspection-pane-height,500px)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-overview {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex:none!important;min-height:44px!important;margin:0!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-view-switch {display:flex!important;gap:8px!important;margin:0!important;order:-1!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-view-switch-label {display:none!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-total {font-size:14px!important;line-height:1.4!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-total span {font-size:16px!important;line-height:1.4!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page :is(.inspection-focus-sections,.inspection-focus-progress,.inspection-focus-next,.inspection-focus-summary,.inspection-next-item) {display:none!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-items {flex:1!important;min-height:0!important;margin:0!important;display:block!important;overflow-y:auto!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-focus-items {display:block!important;overflow-y:auto!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="focus"] .inspection-focus-items {overflow:visible!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="focus"] .inspection-focus-item:not([hidden]) {display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;gap:12px!important;background:transparent!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-item[hidden] {display:none!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-choices {position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;min-height:56px!important;margin:12px 0 0!important;width:100%!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-choices label {min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 8px!important;border:2px solid var(--nf-line)!important;border-radius:10px!important;background:var(--nf-paper)!important;color:var(--nf-ink)!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-choices label:has(input:checked) {border-color:var(--nf-ink)!important;background:var(--nf-ink)!important;color:var(--nf-paper)!important;box-shadow:inset 0 0 0 2px var(--nf-paper)!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-choices label span {font-size:20px!important;line-height:1.4!important;color:inherit!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .fieldwork-item-actions {display:flex!important;justify-content:flex-start!important;margin:0!important;gap:8px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-revise {min-height:44px!important;padding:8px 16px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="focus"] :is(.inspection-bulk-action,.inspection-focus-reset) {display:none!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-bulk-action {display:block!important;flex:none!important;min-height:52px!important;margin:0!important;padding:10px!important;font-size:16px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-focus-reset {flex:none!important;min-height:44px!important;margin:0!important;padding:8px!important;font-size:14px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page [data-phase-index="6"] .page > .card {margin-bottom:0!important;}

/* Keep the inspection controls compact and make the scrollable list boundary clear. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area {gap:8px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-overview {flex-wrap:wrap!important;gap:6px 12px!important;min-height:0!important;margin:0!important;padding:0!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-overview > div:first-child {flex:1 1 120px!important;min-width:0!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-view-switch {display:inline-flex!important;align-items:center!important;gap:2px!important;flex:0 0 auto!important;margin:0!important;padding:3px!important;border:1px solid var(--nf-line)!important;border-radius:10px!important;background:var(--nf-paper)!important;order:2!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-view-switch button {display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:82px!important;min-height:40px!important;padding:6px 12px!important;border:0!important;border-radius:7px!important;color:var(--nf-muted)!important;background:transparent!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-view-switch button[aria-pressed="true"] {color:var(--nf-paper)!important;background:var(--nf-ink)!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area .inspection-bulk-action {display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:none!important;width:100%!important;min-height:44px!important;margin:0!important;padding:8px 12px!important;border:1px solid var(--nf-line)!important;border-radius:9px!important;color:var(--nf-ink)!important;background:var(--nf-paper)!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;text-align:left!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="focus"] .inspection-bulk-action {display:flex!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-bulk-action {display:flex!important;min-height:44px!important;padding:8px 12px!important;font-size:15px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow.step1-basic-page .inspection-focus-area[data-inspection-view="list"] .inspection-focus-items {box-sizing:border-box!important;padding:8px!important;border:1px solid var(--nf-line)!important;border-radius:12px!important;background:var(--nf-soft)!important;}

/* Let the date and route use the wider context row, wrapping long route names. */
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-bar {box-sizing:border-box!important;width:100%!important;max-width:860px!important;gap:20px!important;padding:12px 28px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-info {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:20px!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-label {padding:0!important;font-size:15px!important;line-height:1.3!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-item span:last-child {display:block!important;min-width:0!important;padding:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--nf-ink)!important;font-size:22px!important;font-weight:800!important;line-height:1.35!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #stepContextDate {display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:0 .25em!important;}
html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow #stepContextDate > span {display:inline!important;min-width:0!important;padding:0!important;overflow:visible!important;white-space:nowrap!important;font:inherit!important;color:inherit!important;}

@media (max-width:767px) {
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-bar {gap:8px!important;padding:8px 12px!important;}
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-info {grid-template-columns:minmax(84px,.68fr) minmax(0,1.32fr)!important;gap:8px!important;}
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-item span:last-child {font-size:19px!important;}
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-label {font-size:13px!important;}
}

@media (max-width:359px) {
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-info {grid-template-columns:minmax(72px,.62fr) minmax(0,1.38fr)!important;gap:6px!important;}
  html:has(body.nippo-unified-flow #stepBar):has(#stepContextDate):has(#nextBtn, #returnNextBtn, #generatePdfBtn) body.nippo-unified-flow .step-context-item span:last-child {font-size:17px!important;}
}