.app-shell .draft-fields{min-width:0;margin:0}.app-shell .draft-fields>label{margin-bottom:20px}.app-shell .conflict-review{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:12px;margin-top:16px;padding:16px;display:grid}.app-shell .conflict-review p{color:var(--ink)}.app-shell :is(.original-file-name,.upload-zone b,.retained-history,.conflict-review){overflow-wrap:anywhere}.app-shell :is(.import-flow,.import-preview,.modal-inner,.retained-history section){min-width:0}.app-shell .retained-history section{border-bottom:1px solid var(--line);padding-block:16px}.app-shell .plan-basis{margin-top:14px;font-size:13px}.app-shell .plan-basis button{text-decoration:underline}.app-shell .check-row{flex-direction:row;min-height:44px;padding-block:8px}.app-shell .filter-pill,.app-shell .block-check{min-width:44px;min-height:44px}.app-shell .filter-row{flex-wrap:wrap}.app-shell .filter-row button[aria-pressed=true]{border-color:var(--teal)}.app-shell .import-flow :is(button,select),.app-shell .import-review button{min-height:44px}html[data-theme=dark] .app-shell :is(.panel,.stat,.video-card,.modal,.conflict-review){background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .app-shell :is(.detail-hero,.plan-hero,.import-finding,.quality-note,.limitations,.technique-intro){background:color-mix(in srgb, var(--teal) 10%, var(--paper));color:var(--ink);border-color:var(--line)}html[data-theme=dark] .app-shell :is(input,select,textarea){color:var(--ink);border-color:var(--line);background:#1b3039}html[data-theme=dark] .app-shell :is(p,label,small,.field-hint,.eyebrow,.stat-label,.import-metrics span,.import-metrics b,.swim-row span small,.snapshot-row){color:var(--muted)}html[data-theme=dark] .app-shell :is(h2,h3,.stat-value,.plan-big-distance,.import-metrics b){color:var(--ink)}html[data-theme=dark] .app-shell .swim-row:hover{background:#1b3039}html[data-theme=dark] .app-shell .small-button{color:var(--ink);border-color:var(--line);background:#1b3039}html[data-theme=dark] .app-shell .text-button{color:var(--teal)}html[data-theme=dark] .app-shell .recharts-cartesian-axis-tick-value{fill:var(--muted)}html[data-theme=dark] .app-shell .recharts-bar-rectangle path{fill:var(--teal)}html[data-theme=dark] .app-shell .recharts-area-curve{stroke:var(--teal)}html[data-theme=dark] .app-shell .recharts-default-tooltip{background:var(--paper)!important;border-color:var(--line)!important}@media (max-width:600px){.app-shell :is(.inline-actions,.detail-actions,.section-heading){flex-wrap:wrap}.app-shell .swim-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-shell .swim-row .swim-row-icon{display:none}.app-shell .swim-row-name{grid-column:1/-1}.app-shell .swim-row .form-pill{grid-column:1/-1;justify-self:start;font-size:12px!important}.app-shell .swim-row span small{font-size:12px}.app-shell .swim-row .swim-row-name strong{font-size:14px!important}.app-shell .modal-footer{flex-wrap:wrap}.app-shell .modal-footer .primary,.app-shell :is(.filter-pill,.inline-actions .small-button,.form-grid label){font-size:12px}.app-shell :is(.small-button,.text-button,.icon-button){min-height:44px}.app-shell .modal-header .icon-button{min-width:44px}}