/* FILE READY view modes (Desktop / Tablet / Mobile preview toggle).
   Generated by scripts/gen-view-mode.mjs - do not hand-edit the mirrored
   sections; edit the base stylesheets and re-run the generator.
   The frame rules below the switch styles are hand-owned (in the generator). */

/* The switch itself (injected by theme.js next to the dark-mode toggle). */
.fr-view-switch{display:inline-flex;gap:2px;margin-left:14px;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:2px;vertical-align:middle}
.fr-view-switch button{background:transparent;border:0;color:#fff;font-size:12px;padding:4px 10px;border-radius:16px;cursor:pointer;font:inherit;font-size:12px}
.fr-view-switch button[aria-pressed="true"]{background:#00B4FF;color:#fff;font-weight:700}
.fr-view-switch-float{position:fixed;top:52px;right:10px;z-index:50;background:#0095d9;margin:0}


/* ===== Mirrored tablet-width rules (861-1250px media blocks) ===== */
/* public/style.css @media (max-width:1080px) */
html[data-view="tablet"] .res-grid{grid-template-columns: 1fr;}
/* public/production.css @media (max-width:1050px) */
html[data-view="tablet"] .processor-workspace{grid-template-columns:minmax(0,1fr)}
/* public/production.css @media (max-width:1050px) */
html[data-view="tablet"] .shared-review-help{position:static;max-height:none;grid-row:1}
/* public/production.css @media (max-width:1050px) */
html[data-view="tablet"] .section-links{grid-template-columns:repeat(2,minmax(0,1fr))}
/* public/production.css @media (max-width:1250px) */
html[data-view="tablet"] .processor-workspace{grid-template-columns:210px minmax(0,1fr)}
/* public/production.css @media (max-width:1250px) */
html[data-view="tablet"] .shared-review-help{grid-column:2;grid-row:auto;position:static;max-height:none}
/* public/production.css @media (max-width:1250px) */
html[data-view="tablet"] .section-sidebar{grid-row:1/3}
/* public/production.css @media (max-width:1150px) */
html[data-view="tablet"] .checklist-line{grid-template-columns:minmax(0,1fr) auto}
/* public/production.css @media (max-width:1150px) */
html[data-view="tablet"] .checklist-answer{grid-column:1/-1;grid-row:2}
/* public/production.css @media (max-width:1150px) */
html[data-view="tablet"] .checklist-help{grid-column:2;grid-row:1}
/* public/production.css @media (max-width:900px) */
html[data-view="tablet"] .compact-utility-row{grid-template-columns:1fr 1fr}
/* public/production.css @media (max-width:900px) */
html[data-view="tablet"] .compact-utility-row .confirm{grid-column:1/-1}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] .layout{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] aside{position:relative;max-height:none;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;padding:12px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] aside>.side-link{width:auto}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] #module-nav{width:100%;display:flex;overflow:auto;gap:6px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] #module-nav .side-link{min-width:180px;margin:0}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] .side-note{display:none}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] main{padding:24px 20px 80px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] .topbar{flex-wrap:wrap;padding:18px 20px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="tablet"] .topbar nav{flex-wrap:wrap}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="tablet"] .practice-split{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="tablet"] .packet-panel{position:relative;max-height:none}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="tablet"] .checklist-panel iframe{height:700px}

/* ===== All mirrored rules in source order, applied in mobile mode ===== */
/* public/style.css @media (max-width:640px) */
html[data-view="mobile"] .item{grid-template-columns: 1fr;}
/* public/style.css @media (max-width:640px) */
html[data-view="mobile"] .who{display: none;}
/* public/style.css @media (max-width:1080px) */
html[data-view="mobile"] .res-grid{grid-template-columns: 1fr;}
/* public/style.css @media (max-width:860px) */
html[data-view="mobile"] .dashmenubtn{display: inline-block;}
/* public/style.css @media (max-width:860px) */
html[data-view="mobile"] .dashwrap{flex-direction: column;}
/* public/style.css @media (max-width:860px) */
html[data-view="mobile"] .dashnav{display: none; position: static; flex-direction: row; flex-wrap: wrap; min-width: 0;}
/* public/style.css @media (max-width:860px) */
html[data-view="mobile"] .dashwrap.navopen .dashnav{display: flex;}
/* public/style.css @media (max-width:860px) */
html[data-view="mobile"] .dashpages{width: 100%;}
/* public/theme.css @media (max-width:560px) */
html[data-view="mobile"] #action-feedback{top: 66px; right: 12px; left: 12px; max-width: none;}
/* public/theme.css @media (max-width:750px) */
html[data-view="mobile"] .overview-grid{grid-template-columns:1fr}
/* public/theme.css @media (max-width:750px) */
html[data-view="mobile"] .file-view-tabs button{flex:1}
/* public/theme.css @media (max-width:750px) */
html[data-view="mobile"] .mainnav{gap:4px}
/* public/theme.css @media (max-width:750px) */
html[data-view="mobile"] .navmenu summary{padding:7px 10px}
/* public/theme.css @media (max-width:750px) */
html[data-view="mobile"] .navdrop{min-width:200px}
/* public/theme.css @media (max-width:860px) */
html[data-view="mobile"] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* public/theme.css @media (max-width:860px) */
html[data-view="mobile"] .landing-hero{grid-template-columns:1fr}
/* public/theme.css @media (max-width:860px) */
html[data-view="mobile"] .landing .authcard{justify-self:stretch;max-width:none}
/* public/theme.css @media (max-width:860px) */
html[data-view="mobile"] .landing-pitch h1{font-size:27px}
/* public/theme.css @media (max-width:640px) */
html[data-view="mobile"] .cal-cell{min-height: 56px;}
/* public/theme.css @media (max-width:640px) */
html[data-view="mobile"] .cal-ev{font-size: .6rem;}
/* public/theme.css @media (max-width:760px) */
html[data-view="mobile"] .trainnav nav{margin-left: 0;}
/* public/production.css @media (max-width:850px) */
html[data-view="mobile"] .grid,
html[data-view="mobile"] .two{grid-template-columns:1fr}
/* public/production.css @media (max-width:850px) */
html[data-view="mobile"] .queue-card{grid-template-columns:1fr}
/* public/production.css @media (max-width:850px) */
html[data-view="mobile"] .mode{margin:8px 0}
/* public/production.css @media (max-width:850px) */
html[data-view="mobile"] main{padding:18px 4vw}
/* public/production.css @media (max-width:1050px) */
html[data-view="mobile"] .processor-workspace{grid-template-columns:minmax(0,1fr)}
/* public/production.css @media (max-width:1050px) */
html[data-view="mobile"] .shared-review-help{position:static;max-height:none;grid-row:1}
/* public/production.css @media (max-width:1050px) */
html[data-view="mobile"] .section-links{grid-template-columns:repeat(2,minmax(0,1fr))}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .section-links{grid-template-columns:1fr}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .processor-checklist .grid{grid-template-columns:1fr}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .shared-review-help{padding:16px}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .processor-checklist>fieldset{padding:9px}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .processor-checklist .card{padding:12px}
/* public/production.css @media (max-width:1250px) */
html[data-view="mobile"] .processor-workspace{grid-template-columns:210px minmax(0,1fr)}
/* public/production.css @media (max-width:1250px) */
html[data-view="mobile"] .shared-review-help{grid-column:2;grid-row:auto;position:static;max-height:none}
/* public/production.css @media (max-width:1250px) */
html[data-view="mobile"] .section-sidebar{grid-row:1/3}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .processor-workspace{display:block}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .section-sidebar{position:static;margin-bottom:18px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .section-navigation .section-links{grid-template-columns:repeat(2,minmax(0,1fr))}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .section-navigation .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .shared-review-help{margin-top:18px}
/* public/production.css @media (max-width:1150px) */
html[data-view="mobile"] .checklist-line{grid-template-columns:minmax(0,1fr) auto}
/* public/production.css @media (max-width:1150px) */
html[data-view="mobile"] .checklist-answer{grid-column:1/-1;grid-row:2}
/* public/production.css @media (max-width:1150px) */
html[data-view="mobile"] .checklist-help{grid-column:2;grid-row:1}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .file-settings{grid-template-columns:1fr}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .section-sidebar{max-height:none;overflow:visible}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .processor-checklist article.card{padding:12px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .status-option{min-height:44px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .shared-review-help{border-top:3px solid var(--purple)}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table{min-width:0}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table thead{display:none}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table,
html[data-view="mobile"] .member-check-table tbody,
html[data-view="mobile"] .member-check-table tr,
html[data-view="mobile"] .member-check-table td,
html[data-view="mobile"] .member-check-table tbody th{display:block;width:100%;min-width:0}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table tr{margin-bottom:16px;border-bottom:3px solid var(--purple)}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table td:before{content:attr(data-label);display:block;font-weight:750;margin-bottom:8px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table tbody th{background:#eee5f6;padding:14px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-table-scroll{overflow:visible}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] main{padding:18px 16px}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .processor-workspace{display:block}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .shared-review-help{grid-column:auto}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .processor-workspace{display:block}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-check-table td .step-location{display:block}
/* public/production.css @media (max-width:750px) */
html[data-view="mobile"] .member-location{display:block}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .checklist-line{grid-template-columns:minmax(0,1fr)}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .checklist-help{justify-self:start}
/* public/production.css @media (max-width:650px) */
html[data-view="mobile"] .member-options-grid{grid-template-columns:1fr}
/* public/production.css @media (max-width:900px) */
html[data-view="mobile"] .compact-utility-row{grid-template-columns:1fr 1fr}
/* public/production.css @media (max-width:900px) */
html[data-view="mobile"] .compact-utility-row .confirm{grid-column:1/-1}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] .layout{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] aside{position:relative;max-height:none;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;padding:12px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] aside>.side-link{width:auto}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] #module-nav{width:100%;display:flex;overflow:auto;gap:6px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] #module-nav .side-link{min-width:180px;margin:0}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] .side-note{display:none}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] main{padding:24px 20px 80px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] .topbar{flex-wrap:wrap;padding:18px 20px}
/* public/processor-training.css @media (max-width:950px) */
html[data-view="mobile"] .topbar nav{flex-wrap:wrap}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .cards,
html[data-view="mobile"] .terms{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .stats{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .hero{padding:23px}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .training-boundary{padding:12px 20px}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .panel,
html[data-view="mobile"] .question{padding:19px}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .summary-row{display:block}
/* public/processor-training.css @media (max-width:620px) */
html[data-view="mobile"] .mode{font-size:10px}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="mobile"] .practice-split{grid-template-columns:1fr}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="mobile"] .packet-panel{position:relative;max-height:none}
/* public/processor-training.css @media (max-width:1100px) */
html[data-view="mobile"] .checklist-panel iframe{height:700px}
/* public/help.css @media (max-width:560px) */
html[data-view="mobile"] .help-panel{right: 8px; bottom: 8px; width: calc(100vw - 16px);}
/* public/help.css @media (max-width:560px) */
html[data-view="mobile"] .help-fab{right: 12px; bottom: 12px;}
/* ===== Device frame (hand-owned, emitted last on purpose) =====
   The page column narrows to the device width, centered on a neutral
   backdrop, so widths, wrapping and grids respond like the device. */
html[data-view="tablet"]{background:#26313d}
html[data-view="mobile"]{background:#26313d}
html[data-view="tablet"] body{max-width:834px;margin:0 auto;min-height:100vh;box-shadow:0 0 0 1px #9db4c6,0 0 44px rgba(2,24,43,.4)}
html[data-view="mobile"] body{max-width:390px;margin:0 auto;min-height:100vh;box-shadow:0 0 0 1px #9db4c6,0 0 44px rgba(2,24,43,.4)}
/* Fixed-position helpers stay inside the frame. */
html[data-view="tablet"] .help-fab{right:max(14px,calc(50% - 417px + 14px))}
html[data-view="mobile"] .help-fab{right:max(14px,calc(50% - 195px + 14px))}
html[data-view="tablet"] #action-feedback,html[data-view="tablet"] .action-feedback{right:max(14px,calc(50% - 417px + 14px))}
html[data-view="mobile"] #action-feedback,html[data-view="mobile"] .action-feedback{right:max(14px,calc(50% - 195px + 14px));max-width:358px}
html[data-view="mobile"] #training-status{max-width:358px;right:max(14px,calc(50% - 195px + 14px))}
html[data-view="tablet"] #training-status{right:max(14px,calc(50% - 417px + 14px))}
html[data-view="mobile"] .help-panel{max-width:358px}