/* ChiroOS landing mini app: demo-journey styles, scoped to #demo (prefix jr-) */

/* modal typography reset (docs inside modals are not under .dm-main) */
#demo .dm-mbody h1,#demo .dm-mbody h2,#demo .dm-mbody h3{font-family:inherit;letter-spacing:0;text-transform:none;max-width:none;margin:0;line-height:1.3;color:#111827}
#demo .dm-mbody h1{font-size:18px;font-weight:700}
#demo .dm-mbody h2{font-size:13px;font-weight:700}
#demo .dm-mbody h3{font-size:12px;font-weight:700}
#demo .dm-mbody p{margin:0;max-width:none;font-size:12px;line-height:1.5;color:#374151}
#demo .dm-mbody .dm-doc h2{margin-top:14px;padding-top:12px;border-top:1px solid #e5eaf0;color:#2b3d50}
#demo .dm-mbody .dm-doc p{margin-top:5px}
#demo .dm-mbody .dm-doc ul{margin:5px 0 0 16px;padding:0;font-size:12px;line-height:1.5;color:#374151}
#demo .dm-mbody .dm-dtitle{margin-bottom:2px}

/* shared bits */
#demo .jr-sub{display:block;font-weight:400;font-size:11px;color:#6b7280}
#demo .jr-warn{display:block;font-weight:600;font-size:11px;color:#b45309}
#demo .jr-warn::before{content:"! "}
#demo .jr-end{justify-content:flex-end;margin-top:12px}
#demo .jr-code{font-size:11px;color:#475569;background:#f1f4f8;padding:2px 6px;border-radius:5px}
#demo .jr-green{background:#0f766e;border-color:#0f766e;color:#fff}
#demo .jr-green:hover{background:#0b5f59}
#demo .jr-amber{background:none;border:0;padding:0;margin-top:4px;font:inherit;font-size:11px;font-weight:600;color:#b45309;text-decoration:underline;cursor:pointer}
#demo .jr-snip{max-width:520px;font-weight:400;color:#374151}
#demo .jr-formcell{font-weight:600;color:#0f766e}
#demo .dm-stats.jr-stats4{grid-template-columns:repeat(4,minmax(0,1fr))}
#demo .jr-w{width:auto;min-width:130px;flex:0 0 auto}
#demo .jr-date{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569}
#demo .jr-date .dm-input{width:auto}
#demo .jr-lang{max-width:240px;margin-bottom:0}
#demo .jr-dl{grid-template-columns:70px minmax(0,1fr)}

/* forms: preview, send, new form, packets */
#demo .jr-ptool{margin-bottom:12px}
#demo .jr-frame{display:flex;justify-content:center}
#demo .jr-frame .dm-phone{transition:width .2s ease}
#demo .jr-dev-mobile .dm-phone{width:280px}
#demo .jr-dev-tablet .dm-phone{width:460px;border-width:10px;border-radius:22px}
#demo .jr-dev-tablet .dm-pscreen{height:400px}
#demo .jr-dev-desktop .dm-phone{width:100%;max-width:760px;border-width:3px;border-radius:10px}
#demo .jr-dev-desktop .dm-pscreen{height:340px}
#demo .jr-dev-desktop .jr-step:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#demo .jr-pbrand{font-size:12px;font-weight:700;color:#2b3d50;margin-bottom:8px}
#demo .jr-pstep{margin-bottom:10px;font-size:11px;color:#475569}
#demo .jr-pstep .dm-progress{margin-top:6px}
#demo .jr-pstep .dm-progress i{transition:width .2s ease}
#demo .jr-step .dm-textarea{min-height:46px}
#demo .jr-step .dm-field{margin-bottom:8px}
#demo .jr-step .dm-checkrow{padding:8px 0;font-weight:500}
#demo .jr-pnav{display:flex;justify-content:space-between;gap:8px;position:sticky;bottom:-14px;margin-top:10px;padding:8px 0 2px;background:#f8fafc}
#demo .jr-pnav .dm-btn2[disabled]{opacity:.4}
#demo .jr-fields{margin-top:8px}
#demo .jr-frow{display:grid;grid-template-columns:minmax(0,1fr) 130px auto auto;gap:8px;align-items:center;margin-top:8px}
#demo .jr-req{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap}
#demo .jr-pk{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e5eaf0}
#demo .jr-pk small{display:block;font-size:11px;color:#6b7280}

/* travel card chunks */
#demo .jr-chunk{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #e5eaf0}
#demo .jr-chunks{margin-top:6px}
#demo .jr-chunk .dm-pill{justify-self:start}
#demo .jr-draft{min-height:150px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}
#demo .dm-banner .dm-block{border-top:1px solid #bfdbfe}
#demo .dm-tcard .dm-block:first-of-type{border-top:0;margin-top:0;padding-top:0}

/* upload scan */
#demo .jr-plist{max-height:156px;overflow:auto;margin-top:8px;border:1px solid #e5eaf0;border-radius:8px}
#demo .jr-prow{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-top:1px solid #e5eaf0}
#demo .jr-prow:first-child{border-top:0}
#demo .jr-prow:hover{background:#f6f8fb}
#demo .jr-prow.dm-sel{background:#eef5f6;box-shadow:inset 3px 0 0 #2b3d50}
#demo .jr-prow small{display:block;font-size:11px;color:#6b7280}
#demo .jr-drop{margin-top:12px;display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;padding:20px 12px;border:2px dashed #b9c6d3;border-radius:12px;background:#f6f8fb;color:#475569;cursor:pointer}
#demo .jr-drop b{font-size:13px;color:#111827}
#demo .jr-drop em{font-style:normal;font-weight:600;color:#0f766e}

/* scan review layout */
#demo .dm-cols.jr-scancols,#demo .dm-cols.jr-eopcols{grid-template-columns:minmax(0,290px) minmax(0,1fr)}
#demo .jr-left{min-width:0}
#demo .jr-score{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;font-size:12px;font-weight:600;color:#374151}
#demo .jr-h3{margin-top:14px;padding-top:10px;border-top:1px solid #e5eaf0}
#demo .jr-crop{margin-top:8px}
#demo .jr-cropbox{height:42px;margin-bottom:6px;border:1px dashed #94a3b8;border-radius:6px;display:grid;place-items:center;font-size:11px;color:#64748b;background:repeating-linear-gradient(45deg,#f6f8fb,#f6f8fb 6px,#eef2f6 6px,#eef2f6 12px)}
#demo .jr-adv{margin-top:6px}
#demo .jr-adv th,#demo .jr-adv td{padding:5px 6px}

/* report document */
#demo .jr-report{max-width:none}
#demo .jr-blk{margin-top:16px;padding-top:12px;border-top:1px solid #e5eaf0}
#demo .jr-report .jr-blk h2{margin-top:0;padding-top:0;border-top:0}
#demo .jr-figrow{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:16px;align-items:start;margin-top:8px}
#demo .jr-svg{display:block;width:100%;max-width:210px;height:auto;background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px}
#demo .jr-mk{opacity:0;pointer-events:none;transition:opacity .2s}
#demo .jr-mk.jr-on{opacity:1}
#demo .jr-mk circle{fill:#2b3d50;stroke:#fff;stroke-width:1.5}
#demo .jr-mk text{fill:#fff;font-size:9px;font-weight:700}
#demo .jr-legend{margin-top:6px;font-size:11px;color:#6b7280}
#demo .jr-co{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:#374151}
#demo .jr-co b{width:20px;height:20px;border-radius:50%;background:#2b3d50;color:#fff;display:grid;place-items:center;flex:none;font-size:11px}
#demo .jr-co span{flex:1;min-width:0}
#demo .jr-metric{display:flex;align-items:baseline;gap:8px}
#demo .jr-metric b{font-size:30px;font-weight:700;line-height:1;color:#2b3d50}
#demo .jr-metric span{font-size:11px;color:#6b7280}
#demo .jr-band{margin-top:2px;font-size:11px;font-weight:700;color:#0f766e}
#demo .jr-take{margin-top:8px;padding:8px 10px;background:#f2f7f8;border-left:3px solid #0f766e;border-radius:0 6px 6px 0}
#demo .jr-then{display:grid;grid-template-columns:104px minmax(0,1fr) 72px;gap:10px;align-items:center;margin-top:8px;font-size:12px}
#demo .jr-then span{font-weight:600;color:#374151}
#demo .jr-then b{text-align:right;color:#111827;white-space:nowrap}
#demo .jr-bars{position:relative;height:14px;background:#eef2f6;border-radius:7px;overflow:hidden}
#demo .jr-bars i{position:absolute;left:0;height:7px;border-radius:0 7px 7px 0}
#demo .jr-b0{top:0;background:#cbd5e1}
#demo .jr-b1{top:7px;background:#2b3d50}
#demo .jr-sig{border:1px solid #e5eaf0;border-radius:8px;padding:8px 10px;background:#f8fafc}
#demo .jr-sig span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
#demo .jr-sig b{display:block;margin-top:2px;font-size:12px;color:#111827}
#demo .jr-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
#demo .jr-sumdoc{max-width:none}
#demo .jr-printwrap .dm-doc{max-width:700px;margin:0 auto;padding:34px 40px;border-radius:4px;border:1px solid #cbd5e1;box-shadow:0 2px 14px rgba(15,23,42,.14);font-family:Georgia,'Times New Roman',serif}
#demo .jr-printwrap .dm-doc p,#demo .jr-printwrap .dm-doc li{font-size:12.5px;line-height:1.6}
#demo .jr-printwrap .jr-del,#demo .jr-printwrap .jr-undo{display:none}

/* present deck */
#demo .dm-modal.dm-full .dm-mbody:has(.jr-deck){padding:0;background:#16212d;display:flex;flex-direction:column}
#demo .jr-deck{flex:1;min-height:0;display:flex;flex-direction:column;color:#fff}
#demo .jr-dtop,#demo .jr-dnav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#0f1822}
#demo .jr-dtop b{font-size:12px;color:#fff}
#demo .jr-dstage{flex:1;min-height:0;overflow:auto;padding:18px;display:flex}
#demo .jr-slide{width:100%;max-width:660px;margin:auto}
#demo .jr-slidecard{padding:26px 30px}
#demo .jr-slidecard p,#demo .jr-slidecard li{font-size:14px;line-height:1.6}
#demo .jr-slidecard h2{font-size:17px}
#demo .jr-slidecard .jr-metric b{font-size:40px}
#demo .jr-dots{display:flex;gap:7px;align-items:center}
#demo .jr-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#4b5d70;cursor:pointer}
#demo .jr-dot[aria-current="true"]{width:22px;border-radius:6px;background:#8fa5b0}
#demo .jr-dnav .dm-btn2[disabled]{opacity:.35}

/* EOP handout */
#demo .jr-pick{display:block;width:100%;margin-top:6px;padding:8px 10px;text-align:left;font:inherit;background:#fff;border:1px solid #d5dde6;border-radius:8px;cursor:pointer;color:#111827}
#demo .jr-pick:hover{border-color:#8fa5b0}
#demo .jr-pick[aria-pressed="true"]{border-color:#2b3d50;background:#eef5f6;box-shadow:inset 3px 0 0 #2b3d50}
#demo .jr-pick small{display:block;font-size:11px;color:#6b7280}
#demo .jr-pd{display:grid;grid-template-columns:62px minmax(0,1fr) 12px minmax(0,1fr);gap:6px;align-items:center;margin-top:8px;font-size:11px;font-weight:600;color:#374151}
#demo .jr-pd .dm-input{padding:5px 7px;font-size:11px}
#demo .jr-topic{display:flex;align-items:center;gap:8px;margin-top:6px}
#demo .jr-topic .dm-input{flex:1;min-width:0}
#demo .jr-topic .dm-linkbtn{font-size:11px}
#demo .dm-opt .jr-one{width:auto;flex:none;padding:4px 6px}
#demo .jr-eop{max-width:none;padding:26px 30px}
#demo .dm-main .jr-subtitle{margin:2px 0 6px;font-size:13px;color:#475569}
#demo .jr-es{margin-top:14px;padding-top:12px;border-top:1px solid #e5eaf0}
#demo .jr-eshead{display:flex;justify-content:space-between;align-items:center;gap:8px}
#demo .dm-doc .jr-es h2{margin:0;padding:0;border:0}
#demo .jr-del{font:inherit;font-size:10px;color:#94a3b8;background:none;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;cursor:pointer}
#demo .jr-del:hover{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
#demo .jr-two2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#demo .jr-two2 .jr-es{border-top:0}
#demo .jr-two2 .jr-then{grid-template-columns:90px minmax(0,1fr) 64px}
#demo .jr-et{min-height:84px;margin-top:6px}
#demo .jr-rhythm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
#demo .jr-rcard{border:1px solid #d5dde6;border-radius:10px;padding:12px;background:#f8fafc}
#demo .jr-rcard b{display:block;font-size:13px;color:#111827}
#demo .jr-rcard span{display:inline-block;margin:3px 0 5px;padding:1px 8px;border-radius:999px;background:#d1fae5;color:#047857;font-size:11px;font-weight:700}
#demo .jr-foot{margin-top:18px;padding-top:10px;border-top:1px solid #e5eaf0;text-align:center;font-size:10px;color:#64748b}
#demo .jr-undo{margin-top:12px}

@media (max-width:1000px){
#demo .dm-cols.jr-scancols,#demo .dm-cols.jr-eopcols{grid-template-columns:minmax(0,1fr)}
#demo .dm-stats.jr-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:759px){
#demo .jr-figrow,#demo .jr-two2,#demo .jr-rhythm,#demo .jr-three{grid-template-columns:minmax(0,1fr)}
#demo .jr-chunk{grid-template-columns:minmax(0,1fr)}
#demo .jr-frow{grid-template-columns:minmax(0,1fr) auto}
#demo .jr-dev-tablet .dm-phone{width:100%}
#demo .jr-printwrap .dm-doc{padding:18px}
}