/* Actual product CSS supplies the interior; this only fits it into the story. */
.app-fidelity {background:#F4EFE5;--display-font:'Cormorant Garamond',Georgia,serif;--ui-font:Inter,system-ui,sans-serif}
.app-fidelity .actual-product-pane{padding:20px;min-width:0}
.app-fidelity .tr-refout,.app-fidelity .tr-fout{font:13px/1.5 var(--ui-font);min-width:0}
.app-fidelity .ro-title,.app-fidelity .fo-title{font:500 28px/1.1 var(--display-font);letter-spacing:0}
.app-fidelity .ro-row{text-decoration:none}
.app-fidelity .ro-sub{white-space:normal}
.app-fidelity .fo-head{padding-bottom:16px}
.app-fidelity .fo-main{min-width:0;flex:1}
.app-fidelity .fo-log{overflow-x:auto}
.app-fidelity .fo-log-head,.app-fidelity .fo-logrow{grid-template-columns:minmax(180px,1fr) 70px 62px 76px 126px 0;min-width:550px}
.app-fidelity .fo-log-head{margin:0}
.app-fidelity .fo-log-h{font:600 11px/1.4 var(--ui-font);letter-spacing:0}
.app-fidelity .fo-rail{position:static;width:240px}
.app-fidelity .fo-rail-title{font:600 12px/1.5 var(--ui-font);margin-bottom:8px}
.app-fidelity .fo-log-foot{flex-wrap:wrap;gap:8px}
.app-fidelity .fo-log-note{white-space:normal}
.app-fidelity .fo-c-client,.app-fidelity .fo-c-created{display:block}
.app-fidelity .ro-row[data-testid="referral-row-demo-mr"]{box-shadow:inset 3px 0 #6f775a;background:#e8ecdf}
.app-fidelity .fo-qcard-act{cursor:default}
.app-fidelity .depth-meta{padding-bottom:0}
.app-fidelity .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-fidelity .ro-grid{grid-template-columns:90px minmax(170px,1fr) 118px 45px 170px 108px}
.app-fidelity .ro-cell{white-space:normal}
.app-fidelity .ro-chip,.app-fidelity .fo-chip{white-space:normal;overflow:visible;line-height:1.45}
.app-fidelity .fo-qcard-top{flex-wrap:wrap;gap:5px}
.app-fidelity .fo-qcard-fac{flex-basis:100%}
.app-fidelity div.ro-row{cursor:default}
.depth-product-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}
.depth-workspace .depth-explore{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #0f2538;border-radius:5px;background:#0f2538;color:#f7f3ec;font:500 12px/1.4 var(--sans,Inter,sans-serif);text-decoration:none;white-space:nowrap}
.depth-workspace .depth-explore:hover{background:#243b4b}
.depth-product-actions .depth-replay{min-height:40px;padding:8px 10px}
@media(max-width:700px){.app-fidelity .depth-toolbar{flex-wrap:wrap}.depth-product-actions{width:100%}.depth-workspace .depth-explore{min-height:44px}.depth-product-actions .depth-replay{min-height:44px}}
@media(max-width:1100px){.app-fidelity .fo-body{flex-direction:column}.app-fidelity .fo-main,.app-fidelity .fo-rail{width:100%}.app-fidelity .fo-rail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.app-fidelity .actual-product-pane{padding:12px 8px}.app-fidelity .ro-head{flex-direction:column;align-items:flex-start;padding:16px}.app-fidelity .fo-rail-list{display:flex}.app-fidelity .ro-scroll{overflow-x:auto}.app-fidelity .ro-grid{min-width:620px}.app-fidelity .ro-foot{flex-wrap:wrap}.app-fidelity .depth-tabs{gap:12px}}
@media(max-width:600px){.app-fidelity .ro-card::before,.app-fidelity .fo-log::before{content:'Swipe across to see dates and statuses →';display:block;padding:10px 16px;color:#56657a;font:11px/1.4 var(--ui-font)}}