/* The app's own record and change feed, framed on the home page (app-samples.js). */
.app-sample{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:100%}
.app-sample-pick{min-width:0;max-width:100%;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.app-sample-pick::-webkit-scrollbar{display:none}
.app-sample-pick button{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-align:left}
.app-sample-pick button span,.app-sample-pick button small{color:#e8edf4}
.app-sample-pick button span{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase;opacity:.7}
.app-sample-pick button small{font-size:14px;letter-spacing:.01em}
.app-sample-pick button[aria-selected="true"]{background:#fff!important;border-color:#fff!important}
.app-sample-pick button[aria-selected="true"] span,.app-sample-pick button[aria-selected="true"] small{color:#0d1530!important}
.app-sample-pick button[aria-selected="true"] span{opacity:.65}
.app-sample-window{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);background:#F4F7FB}
.app-sample-frame{display:block;width:100%;height:min(820px,80vh);border:0;background:#F4F7FB}
.app-sample-open{align-self:flex-start;font-size:14px;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:3px}
.app-sample-open:hover{opacity:1}
.app-sample-feed{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);background:#F4F7FB}
.app-changes-frame{display:block;width:100%;height:520px;border:0;background:#F4F7FB}
.intelligence-stage:has(.app-sample){display:block;overflow:visible;min-width:0;max-width:100%}
@media (max-width:700px){
  .app-sample-frame{height:78vh}
}