.beacons-visibility-prototype{zoom:.93;--white:#e5e5e5;--ink-dark:#111;--bg-base:#1a1a1a;--accent:#aeaeb2;--alert:#8e8e93;--bg-card:#2a2a2a;--bg-input:#323232;--text-primary:var(--white);--text-secondary:#9a9a9a;--tab-inactive:#888;--separator:#494949;--bg-screen:var(--bg-base);--bg-phone:var(--bg-base);--bg-hover:#333;--bg-darkest:#0e0e0e;--bg-tabs:#222;--bg-input-alt:#555;--btn-active-fill:#747474;--btn-secondary-bg:#929292;--border-subtle:#444;--text-heading:var(--ink-dark);--text-muted:#666;--label-muted:#999;--btn-border:#ccc;--btn-active-bg:var(--ink-dark);--border-light:#e0e0e0;--text-on-light:#1a1a1a;--error:#e53935;--icon-muted:#a0a0a0;--home-indicator:#fff;font-family:var(--font-inter), var(--font-sans), ui-sans-serif, system-ui, sans-serif;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:20px;display:grid}.beacons-visibility-prototype *,.beacons-visibility-prototype :before,.beacons-visibility-prototype :after{box-sizing:border-box}.beacons-visibility-prototype .filter-btn,.beacons-visibility-prototype .icon-btn-c,.beacons-visibility-prototype .seg-tab,.beacons-visibility-prototype .item-b{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s ease-out}.beacons-visibility-prototype .filter-btn:active,.beacons-visibility-prototype .icon-btn-c:active,.beacons-visibility-prototype .seg-tab:active,.beacons-visibility-prototype .item-b:active{transform:scale(.97)}.beacons-visibility-prototype #visibility-toggle{flex-flow:column;flex-shrink:0;grid-column:1;justify-content:flex-start;justify-self:start;align-items:flex-start;gap:8px;min-width:0;margin-bottom:0;display:flex}.beacons-visibility-prototype .visibility-rail-spacer{pointer-events:none;grid-column:3;min-width:0}.beacons-visibility-prototype #visibility-toggle .visibility-toolbar-row{flex-direction:row;align-items:center;gap:10px;min-height:20px;display:flex}.beacons-visibility-prototype #visibility-toggle .visibility-toolbar-caption{color:var(--ink-dark);white-space:nowrap;opacity:0;transition:opacity .55s cubic-bezier(.33,1,.53,1),transform .55s cubic-bezier(.33,1,.53,1);display:inline-block;transform:translate(-10px)}.beacons-visibility-prototype #visibility-toggle .visibility-toolbar-caption.visibility-toolbar-caption--visible{opacity:1;transform:translate(0)}.beacons-visibility-prototype .visibility-pill-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.beacons-visibility-prototype .visibility-pill-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.beacons-visibility-prototype .pill-ring-progress{fill:none;stroke:var(--btn-active-bg);stroke-width:1.5px;stroke-linecap:round}.beacons-visibility-prototype .pill-ring-progress.animating{animation:4s linear forwards pill-progress}@keyframes pill-progress{0%{stroke-dashoffset:50.265px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.beacons-visibility-prototype .pill-ring-progress.animating{animation-duration:.01ms}}.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill{box-sizing:border-box;cursor:pointer;opacity:.35;background:#ccc;border:none;border-radius:40px;width:8px;height:8px;padding:0;font-family:inherit;transition:background .55s cubic-bezier(.33,1,.53,1),opacity .55s cubic-bezier(.33,1,.53,1),transform .55s cubic-bezier(.33,1,.53,1);transform:scale(.88)}.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill:hover:not(.active){opacity:.55;background:#b8b8b8}.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill:active:not(.active){transform:scale(.8)}.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill.active:active{transform:scale(.92)}.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill.active{opacity:1;background:var(--btn-active-bg);transform:scale(1)}@media (prefers-reduced-motion:reduce){.beacons-visibility-prototype #visibility-toggle .visibility-toolbar-caption,.beacons-visibility-prototype #visibility-toggle .visibility-variant-pill{transition-duration:.01ms}}.beacons-visibility-prototype #view-visibility{flex-direction:column;grid-column:2;justify-self:center;align-items:center;gap:16px;width:max-content;min-width:0;max-width:min(1100px,100vw);margin:0;padding:0;display:flex}.beacons-visibility-prototype .visibility-split{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px 64px;width:100%;display:flex}.beacons-visibility-prototype .visibility-column{flex-direction:column;flex:0 auto;align-items:center;gap:16px;display:flex}.beacons-visibility-prototype .visibility-column--phone{flex-shrink:0}.beacons-visibility-prototype .phone{background:var(--bg-screen);border:1px solid var(--border-light);pointer-events:none;-webkit-user-select:none;user-select:none;cursor:default;border-radius:20px;flex-direction:column;width:320px;height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.beacons-visibility-prototype .phone-screen{background:var(--bg-screen);flex-direction:column;flex:1;margin-top:0;display:flex;position:relative;overflow:hidden}.beacons-visibility-prototype .status-bar{color:var(--text-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 30px 4px 40px;font-size:12px;font-weight:600;display:flex}.beacons-visibility-prototype .status-icons{align-items:center;display:flex}.beacons-visibility-prototype .status-icons img{width:auto;height:10px;display:block}.beacons-visibility-prototype .screen-body{scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.beacons-visibility-prototype .screen-body::-webkit-scrollbar{display:none}.beacons-visibility-prototype #vis-screen-body{overflow:hidden}.beacons-visibility-prototype #vis-screen-body .requests-header{flex-shrink:0}.beacons-visibility-prototype .requests-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 14px 12px;display:flex}.beacons-visibility-prototype .requests-header-b{padding-top:12px}.beacons-visibility-prototype .requests-header-c{align-items:center;padding-right:14px}.beacons-visibility-prototype .requests-title-block{flex:1;min-width:0}.beacons-visibility-prototype .requests-title{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.beacons-visibility-prototype .header-icons-c{flex-shrink:0;align-items:center;gap:6px;display:flex}.beacons-visibility-prototype .icon-btn-c{background:var(--bg-card);cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.beacons-visibility-prototype .icon-btn-c svg{width:18px;height:18px}.beacons-visibility-prototype .icon-btn-profile{padding:0;overflow:hidden}.beacons-visibility-prototype .profile-avatar-c{object-fit:cover;border-radius:6px;width:100%;height:100%}.beacons-visibility-prototype .c-body-scroll{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.beacons-visibility-prototype .c-body-scroll::-webkit-scrollbar{display:none}.beacons-visibility-prototype .c-page{flex-direction:column;flex:1;min-height:0;display:none}.beacons-visibility-prototype .c-page.c-page-active{display:flex}.beacons-visibility-prototype .tabs-row-c{align-items:stretch;gap:8px;margin:0 14px 14px;display:flex}.beacons-visibility-prototype .tabs-row-c .seg-tabs{flex:1;margin:0}.beacons-visibility-prototype .tabs-row-c .filter-btn-tab-height{flex-shrink:0;align-self:stretch;width:36px;height:auto}.beacons-visibility-prototype .seg-tabs{border-radius:10px;height:36px;margin:0 14px 14px;display:flex}.beacons-visibility-prototype .seg-tab{white-space:nowrap;color:var(--tab-inactive);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.beacons-visibility-prototype .seg-tab.active{background:var(--btn-active-fill);color:var(--text-primary);border-radius:10px}.beacons-visibility-prototype .filter-btn{background:var(--bg-card);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.beacons-visibility-prototype .filter-btn svg{width:14px;height:14px;fill:var(--text-primary)}.beacons-visibility-prototype .b-panel{display:none}.beacons-visibility-prototype .b-panel.active{display:block}.beacons-visibility-prototype .list-b{flex-direction:column;gap:6px;padding:0 14px;display:flex}.beacons-visibility-prototype .item-b{background:var(--bg-card);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;max-height:80px;padding:13px 12px;transition:background .15s,border-color .15s,opacity .3s ease-out,transform .3s ease-out,max-height .3s ease-out,padding .3s ease-out,margin .3s ease-out;display:flex}.beacons-visibility-prototype .item-b-cat{color:var(--text-primary);flex:0 0 96px;font-size:11px;font-weight:700}.beacons-visibility-prototype .item-b-name{color:var(--accent);flex:1;font-size:11px;font-weight:500}.beacons-visibility-prototype .item-b-time{color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:400}.beacons-visibility-prototype .item-b-main{align-items:center;gap:10px;display:flex}.beacons-visibility-prototype .item-b-aisle,.beacons-visibility-prototype .item-esc-b-aisle{display:none}.beacons-visibility-prototype .section-label-b{color:var(--text-secondary);text-transform:uppercase;padding:14px 14px 8px;font-size:10px;font-weight:700}.beacons-visibility-prototype .item-b.item-b-with-subcopy{flex-direction:column;align-items:stretch;gap:6px}.beacons-visibility-prototype .card-subcopy{color:var(--text-secondary);opacity:1;justify-content:flex-start;align-items:center;gap:4px;max-height:40px;margin-top:6px;font-size:11px;transition:max-height .35s,opacity .3s,margin-top .35s;display:flex;overflow:hidden}.beacons-visibility-prototype .card-subcopy.collapsed{opacity:0;max-height:0;margin-top:0}.beacons-visibility-prototype .warning-icon{justify-content:center;align-items:center;width:11px;height:11px;display:inline-flex}.beacons-visibility-prototype .warning-icon svg{width:100%;height:100%;fill:var(--icon-muted);transition:fill .35s}.beacons-visibility-prototype .section-label{text-transform:uppercase;color:var(--text-secondary);padding:14px 14px 8px;font-size:10px;font-weight:700}.beacons-visibility-prototype .in-progress-card{background:var(--bg-card);border-radius:10px;align-items:center;gap:10px;margin:0 14px;padding:12px;display:flex}.beacons-visibility-prototype .avatar{background:var(--bg-input-alt);border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.beacons-visibility-prototype .avatar img{object-fit:cover;object-position:center top;width:100%;height:100%}.beacons-visibility-prototype .in-progress-info{flex:1}.beacons-visibility-prototype .ip-name{color:var(--text-primary);font-size:11px;font-weight:600}.beacons-visibility-prototype .ip-sub{color:var(--text-secondary);margin-top:1px;font-size:10px}.beacons-visibility-prototype .ip-right{text-align:right}.beacons-visibility-prototype .ip-dept{color:var(--text-primary);font-size:11px;font-weight:700}.beacons-visibility-prototype .ip-product{color:var(--text-secondary);font-size:11px;font-weight:500}.beacons-visibility-prototype .bottom-nav{background:var(--bg-screen);border-top:1px solid var(--separator);flex-shrink:0;justify-content:space-around;align-items:center;padding:10px 0 14px;display:flex}.beacons-visibility-prototype #vis-bottom-nav{pointer-events:none;opacity:.92}.beacons-visibility-prototype .nav-item{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.beacons-visibility-prototype .nav-item svg{width:20px;height:20px;stroke:var(--text-secondary);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.beacons-visibility-prototype .nav-label{color:var(--text-secondary);font-size:9px;font-weight:500}.beacons-visibility-prototype .nav-item.active svg{stroke:var(--text-primary)}.beacons-visibility-prototype .nav-item.active .nav-label{color:var(--text-primary)}.beacons-visibility-prototype .home-indicator{padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0;justify-content:center;align-items:center;display:flex}.beacons-visibility-prototype .home-indicator-bar{background:var(--home-indicator,#fff);border-radius:100px;width:134px;height:4px;box-shadow:0 1px 2px #00000040}.beacons-visibility-prototype #view-visibility .c-request-primary.item-b-with-subcopy{transition:gap .85s cubic-bezier(.22,1,.36,1)}.beacons-visibility-prototype #view-visibility .c-request-primary.item-b-with-subcopy.visibility-row-collapsed{gap:0}.beacons-visibility-prototype #view-visibility #vis-phone-subcopy.card-subcopy{max-height:40px;transition:max-height .85s cubic-bezier(.22,1,.36,1),opacity .8s cubic-bezier(.22,1,.36,1),margin-top .85s cubic-bezier(.22,1,.36,1)}.beacons-visibility-prototype #view-visibility #vis-phone-subcopy.card-subcopy.collapsed{opacity:0;max-height:0;margin-top:0}.beacons-visibility-prototype #vis-screen-body .vis-tab-panels{grid-template-columns:minmax(0,1fr);display:grid}.beacons-visibility-prototype #vis-screen-body .vis-tab-panels>.b-panel{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;align-self:start;width:100%;min-width:0;transition:opacity .68s cubic-bezier(.33,1,.53,1),transform .68s cubic-bezier(.33,1,.53,1);display:block;transform:translateY(6px)}.beacons-visibility-prototype #vis-screen-body .vis-tab-panels>.b-panel.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:translateY(0)}@keyframes vis-inprogress-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.beacons-visibility-prototype #vis-screen-body .vis-tab-panels>.b-panel.active#vis-inprogress .in-progress-card{animation:.82s cubic-bezier(.22,1,.36,1) .14s both vis-inprogress-reveal}@keyframes vis-requests-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.beacons-visibility-prototype #vis-screen-body .vis-tab-panels>.b-panel.active#vis-logs .c-request-primary{animation:.78s cubic-bezier(.22,1,.36,1) .12s both vis-requests-reveal}
.bac-root{flex-direction:column;flex:1 1 0;align-items:center;width:100%;height:100%;min-height:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;display:flex}.bac-center{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.bac-slide-img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.bac-center--scaled{overflow:hidden}.bac-slide-scale-wrap{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:scale(1.5)}@media (prefers-reduced-motion:reduce){.bac-slide-img{transition-duration:.01ms!important}}.bac-nav{flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-top:16px;display:flex}.bac-dots-group{flex-direction:row;align-items:center;gap:4px;display:flex}.bac-dot-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:relative}.bac-dot-btn:hover .bac-dot:not(.active){opacity:.55;background:#b8b8b8}.bac-dot-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.bac-ring-circle{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.bac-ring-circle.animating{animation:4s linear forwards bac-ring-progress}@keyframes bac-ring-progress{0%{stroke-dashoffset:50.265px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.bac-ring-circle.animating{animation-duration:.01ms}}.bac-badge-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.35;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:opacity .35s,transform .35s;display:flex;position:relative;transform:scale(.88)}.bac-badge-btn.active{opacity:1;transform:scale(1)}.bac-badge-btn:hover:not(.active){opacity:.6}.bac-badge-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.bac-badge-icon{object-fit:contain;z-index:1;width:28px;height:28px;display:block;position:relative}.bac-dot{opacity:.35;pointer-events:none;background:#ccc;border-radius:50%;width:8px;height:8px;transition:background .35s,opacity .35s,transform .35s;transform:scale(.88)}.bac-dot.active{opacity:1;background:#111;transform:scale(1)}