/* Rowmend task workspace. Tables keep native scrolling and selectable values. */
:root {--task-gap:12px;--task-radius:14px;--task-focus:#1e40af;}
.context-disclosure {min-width:0;border:1px solid var(--line);border-radius:var(--task-radius);background:var(--surface);}
.context-disclosure>summary {padding:13px 14px;cursor:pointer;min-height:48px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.context-disclosure>summary::-webkit-details-marker {display:none;}
.context-disclosure>summary::after {content:'+';font-size:1.2rem;font-weight:500;flex:none;color:var(--cobalt);}
.context-disclosure[open]>summary::after {content:'−';}
.disclosure-title {font-size:.86rem;font-weight:700;}
.disclosure-current {margin-left:auto;font-size:.74rem;color:var(--ink-2);overflow-wrap:anywhere;text-align:right;}
.disclosure-body {padding:2px 14px 14px;display:flex;flex-direction:column;gap:14px;min-width:0;}
.context-disclosure:not([open])>.disclosure-body {display:none;}
.context-disclosure[open]>summary {border-bottom:1px solid var(--line);margin-bottom:12px;}
.context-disclosure .pv {border:0;box-shadow:none;padding:0;}
.context-disclosure .rule-section {margin:0;}
.workspace-context,.mobile-issue-picker,.audit-return {display:none;}
.output-preview {border:1px solid var(--line);border-radius:var(--task-radius);overflow:hidden;}
.output-preview h3 {font-size:.85rem;padding:12px 14px;background:var(--sunken);}
.output-preview .tablewrap {border-radius:0;border:0;max-height:175px;}
.output-table th,.output-table td {white-space:pre;font-family:var(--mono);font-size:.76rem;max-width:none;padding:9px 10px;}
.output-options {display:flex;flex-direction:column;gap:18px;}
.cell-comparison {display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:var(--sunken);border-radius:var(--task-radius);}
.cell-comparison>div {min-width:0;}
.cell-comparison .f-lbl {margin:0 0 7px;font-size:.8rem;font-weight:700;}
.cell-comparison .orig {background:white;border:1px solid var(--line);min-height:48px;max-height:140px;font-size:.78rem;}
.cell-comparison>div:last-child .orig {background:var(--mint-tint);border-color:#cce5dc;}
.table-area .context-disclosure {width:100%;}
.example-rail {display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 3px 10px;position:relative;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;}
.example-rail::-webkit-scrollbar {display:none;}
.example-rail [role=tab] {flex:0 0 170px;min-height:112px;scroll-snap-align:start;white-space:normal;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--task-radius);background:var(--sunken);color:var(--ink-2);font-weight:650;font-size:.85rem;user-select:none;cursor:grab;}
.example-rail [aria-selected=true] {background:var(--cobalt-tint);border-color:var(--cobalt);color:var(--cobalt-2);}
.example-symbol {display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:white;color:var(--cobalt);}
.example-symbol .ic {width:20px;height:20px;}
.example-rail.rail-dragging {scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;}
.example-rail.rail-dragging button {cursor:grabbing;}
.rail-footer {display:flex;gap:8px;align-items:center;justify-content:space-between;}
.rail-footer>.hint {font-size:.71rem;line-height:1.5;}
.rail-marks {display:flex;align-items:center;gap:0;flex:none;}
.rail-mark {border:0;cursor:pointer;display:grid;place-items:center;width:26px;min-height:32px;background:none;padding:0;}
.rail-mark::before {content:'';width:5px;height:5px;border-radius:99px;background:#a5b0c3;}
.rail-mark[data-visible=true]::before {width:13px;background:var(--cobalt);}
.rail-mark[aria-pressed=true]::before {outline:1px solid var(--cobalt);outline-offset:3px;}
.rail-position {font-size:.69rem;color:var(--ink-2);white-space:nowrap;}
.demo-pane {margin-top:18px;}
.demo-cap {font-size:.78rem;}
.demo-note {font-size:.8rem;line-height:1.7;}
@media(max-width:899px) {
 .ws {min-height:100dvh;background:#f4f7fc;padding-bottom:calc(76px + env(safe-area-inset-bottom));}
 .ws-top {order:0;min-height:74px;background:white;border:0;padding:8px 14px;}
 .file-id {margin-top:0;padding-bottom:0;} .file-name {font-size:.78rem;}
 .workspace-context {order:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;}
 .context-heading {display:flex;align-items:center;gap:10px;min-width:0;}
 .context-heading>.ic {width:22px;height:22px;color:var(--cobalt);flex:none;}
 .context-heading strong {font-size:.92rem;}
 .context-heading p {font-size:.71rem;line-height:1.55;color:var(--ink-2);margin-top:2px;}
 #context-preview {font-size:.72rem;max-width:110px;min-height:44px;white-space:normal;flex:none;}
 .ws-notice,#app[data-step=audit] .ws-notice {order:2;}
 .ws-main,#app[data-step=audit] .ws-main {order:3;padding:12px 14px;}
 .ws-panel,#app[data-step=audit] .ws-panel {order:4;background:transparent;}
 .p-body,.audit-config {padding:16px 14px 18px;gap:12px;min-height:0;}
 .p-head h2 {font-size:1.14rem;} .p-lead {font-size:.82rem;line-height:1.7;}
 .read-main {gap:12px;} .pv-h {font-size:.9rem;} .read-main .tablewrap {max-height:215px;}
 .context-disclosure>summary {padding:12px;}
 .disclosure-title {font-size:.79rem;} .disclosure-current {font-size:.7rem;}
 .disclosure-body {padding:0 12px 12px;}
 .read-main .context-disclosure .raw {max-height:180px;}
 .opts .opt {font-size:.85rem;} .opt-sub {font-size:.74rem;}
 .p-actions {position:static;margin:0;padding:8px 0;background:none;}
 #app[data-step=read] .p-body>.p-head {display:none;}
 .mobile-issue-picker {display:grid;gap:7px;font-size:.79rem;font-weight:700;}
 .mobile-issue-picker select {width:100%;min-height:48px;border:1px solid var(--line-2);border-radius:10px;background:white;color:var(--ink);padding:10px;font-size:.84rem;}
 .ws-panel .issue-list {display:none;} .ws-panel .summary {display:none;}
 .detail {padding:14px;background:white;border:1px solid var(--line);border-radius:var(--task-radius);}
 .detail h3 {font-size:.95rem;} .detail>p {font-size:.83rem;line-height:1.75;}
 .audit-main {padding:4px 0 12px;}
 .audit-title .eyebrow {display:none;} .audit-title h1 {font-size:1.1rem;}
 .audit-quick-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
 .audit-quick-actions .btn {font-size:.76rem;}
 .audit-entry-help {font-size:.77rem;margin-bottom:12px;}
 .audit-stats {margin-bottom:12px;}
 .audit-main>.context-disclosure {margin:0 0 14px;}
 .audit-result {padding:0;border:0;background:transparent;}
 .finding-list li {background:white;border:1px solid var(--line);border-radius:12px;padding:13px 11px;margin-top:8px;}
 .audit-status {padding:13px 12px;}
 #app[data-step=audit][data-audit-mode=results] .ws-panel {display:none;}
 #app[data-step=audit][data-audit-mode=criteria] .ws-main {display:none;}
 #app[data-step=audit][data-audit-mode=criteria] .ws-panel {display:block;}
 .audit-return {display:inline-flex;align-self:flex-start;min-height:44px;}
 .audit-config .p-lead {font-size:.79rem;}
 #app[data-preview=open] .ws-main {display:block;}
 .table-area .t-head {margin-bottom:10px;}
 .t-bar {grid-template-columns:1fr 1fr;} .t-hint {display:block;font-size:.73rem;line-height:1.65;margin:0 0 9px;}
 .tablewrap.grid {max-height:58dvh;background:white;}
 .tablewrap.grid .data {font-size:.83rem;}
 .tablewrap.grid th {font-size:.73rem;}
 .output-preview .tablewrap {max-height:160px;}
 .stats {gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));}
 .stats>div {min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px;background:white;border:1px solid var(--line);border-radius:10px;}
 .stats dt {font-size:.68rem;line-height:1.5;} .stats dd {font-size:1.12rem;}
 .export-audit-summary {padding:0;}
 .export-audit-summary .hint {display:none;}
 .export-audit-summary .notice {font-size:.78rem;padding:10px;}
 .excel {font-size:.79rem;margin-top:0;}
 .field {font-size:.82rem;} #out-name {min-height:46px;width:100%;}
 .ws-nav {padding-top:4px;background:rgba(255,255,255,.98);}
 .nav-btn {min-height:54px;} .nav-btn .ic {width:18px;height:18px;}
 #app.editing .ws-nav {visibility:hidden;}
 #app.editing .ws-panel {height:100dvh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior-y:contain;}
 #app.editing .editor {min-height:100%;background:white;gap:12px;}
 #app.editing .editor textarea {font-size:16px;min-height:110px;}
 #app.editing .p-actions {position:sticky;bottom:0;margin:auto -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:white;box-shadow:0 -8px 20px rgba(15,30,60,.06);}
 #app.editing .ed-actions {display:grid;grid-template-columns:1fr 1fr;}
 #app.editing #edit-apply {grid-column:1/-1;min-height:46px;}
 .example-rail [role=tab] {flex-basis:calc(80% - 10px);min-height:100px;}
 .rail-footer>.hint {max-width:160px;}
 .demo-q {font-size:.8rem;}
}
@media(max-width:359px) {
 .rail-mark {width:24px;} .rail-footer {gap:4px;} .rail-footer>.hint {font-size:.66rem;max-width:125px;}
 .cell-comparison {grid-template-columns:1fr;}
 .audit-quick-actions .btn {font-size:.7rem;} .stats>div {padding:8px;} .context-heading {gap:6px;}
}
@media(prefers-reduced-motion:reduce) {.example-rail {scroll-behavior:auto;} }