/* Keep journey visible when moved into its task dialog. */
html.ws82-ready #feed .quick-launch{display:none!important}
html.ws82-ready[data-imo-black] .bp-right{display:none!important}
html.ws82-ready[data-imo-black] .bp-left{display:block!important;overflow-y:auto;min-height:0;padding:4px 0;overscroll-behavior:contain}
html.ws82-ready[data-imo-black] .bp-top{height:56px;padding-top:8px;padding-bottom:8px;min-height:0}
html.ws82-ready[data-imo-black] .bp-layout{display:grid!important;grid-template-columns:148px minmax(0,1fr)!important;gap:10px;max-width:1600px;width:100%;height:calc(var(--bp-height,100dvh) - 56px);padding:0 10px max(8px,env(safe-area-inset-bottom));margin:0 auto;min-width:0}
html.ws82-ready[data-imo-black] body #app .phone{grid-template-rows:64px minmax(0,1fr) auto 72px!important;max-width:100%!important;min-width:0!important;border-radius:18px!important}
html.ws82-ready[data-imo-black] body #app .topbar{height:64px!important;grid-row:1!important}
html.ws82-ready[data-imo-black] body #app #chat{grid-row:2!important}
html.ws82-ready[data-imo-black] body #app #composer{grid-row:3!important}
html.ws82-ready[data-imo-black] .bp-tabs{grid-row:4!important;max-width:100%;touch-action:pan-x;overscroll-behavior-x:contain;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
html.ws82-ready #feed .bubble{max-width:100%;overflow-wrap:anywhere}html.ws82-ready #feed .bubble img{max-width:100%;height:auto;max-height:210px;object-fit:cover}
.ws82-intro p{margin:8px 0 0}.ws83-bottom{border:1px solid #5d85b7!important;background:#183867!important;min-width:72px!important;color:#fff!important}.ws83-bottom img{width:35px;height:27px;object-fit:cover;border-radius:6px}
#ws82-menu-dialog,#ws83-install-dialog{box-sizing:border-box;background:#091b37;color:#edf4ff;border:1px solid #59749a;border-radius:18px;width:min(760px,calc(100vw - 16px));max-width:calc(100vw - 16px)!important;max-height:calc(var(--bp-height,100dvh) - 20px)!important;padding:0;overflow:hidden}
#ws82-menu-dialog .dialog-head,#ws83-install-dialog .dialog-head{display:flex;gap:8px;align-items:center;padding:12px;background:#102b52;min-width:0}
#ws82-menu-dialog .dialog-head h2,#ws83-install-dialog .dialog-head h2{flex:1;min-width:0;font-size:18px;margin:0}
#ws82-menu-dialog .dialog-head button,#ws83-install-dialog .dialog-head button{min-height:44px;white-space:nowrap;padding:8px 10px;border:1px solid #6682ac;border-radius:9px;background:#193e73;color:white}
#ws82-menu-dialog .dialog-head>[hidden]{display:none!important}
#ws82-menu-dialog .v76-dialog-body,#ws83-install-dialog .v76-dialog-body{padding:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.ws82-panel{display:grid;gap:10px;min-width:0}.ws83-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.ws83-tasks{grid-template-columns:repeat(3,minmax(0,1fr))}
.ws82-category,.ws82-action{display:flex;flex-direction:column;gap:8px;align-items:stretch;width:100%;min-width:0;text-align:center;padding:8px;border:1px solid #47678f;border-radius:12px;background:#123057;color:#eef4ff;font-size:14px;line-height:1.4;cursor:pointer;min-height:126px;overflow-wrap:anywhere}
.ws82-category img,.ws82-action img{width:100%;height:95px;object-fit:cover;border-radius:8px}.ws82-category:hover,.ws82-action:hover{background:#244f97}.ws82-category:focus-visible,.ws82-action:focus-visible,.ws83-bottom:focus-visible{outline:3px solid #b8d6ff;outline-offset:2px}
.ws83-install-status{line-height:1.65}.ws83-install-body{display:flex;flex-direction:column;gap:12px;padding:4px}.ws83-install-body button{min-height:48px;font-size:15px}
@media(max-width:700px){html.ws82-ready[data-imo-black] .bp-layout{padding:0 4px max(4px,env(safe-area-inset-bottom))}html.ws82-ready[data-imo-black] body #app .phone{grid-template-rows:56px minmax(0,1fr) auto 68px!important;border-radius:12px!important}html.ws82-ready[data-imo-black] body #app .topbar{height:56px!important;padding:8px 10px!important}html.ws82-ready[data-imo-black] body #app #feed{padding:12px 10px!important}html.ws82-ready #feed .bubble img{max-height:145px}.ws83-categories,.ws83-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.ws82-category,.ws82-action{font-size:13px;min-height:112px}.ws82-category img,.ws82-action img{height:78px}#ws82-menu-dialog .dialog-head h2{font-size:16px}#ws82-menu-dialog .v76-dialog-body{padding:10px}html.ws82-ready .bp-heading-text small{font-size:11px}}

.ws84-left-nav{display:flex;flex-direction:column;gap:7px}.ws84-left-nav h2{font-size:14px;color:#dceaff;margin:3px 0 8px}.ws84-left-item{display:flex;align-items:center;gap:7px;width:100%;padding:7px;text-align:left;min-height:61px;border:1px solid #42628e;border-radius:11px;background:#112a4f;color:#edf5ff;font-size:13px;line-height:1.4;cursor:pointer}.ws84-left-item img{width:42px;height:42px;object-fit:cover;border-radius:7px;flex-shrink:0}.ws84-left-item[aria-pressed=true]{background:#234f97;border-color:#97bfff}.ws84-left-item:focus-visible{outline:3px solid #bdd8ff;outline-offset:1px}
@media(max-width:700px){html.ws82-ready[data-imo-black] .bp-layout{grid-template-columns:64px minmax(0,1fr);gap:4px}.ws84-left-nav{gap:5px}.ws84-left-nav h2{font-size:11px;text-align:center;margin-bottom:5px}.ws84-left-item{flex-direction:column;gap:4px;padding:5px 2px;text-align:center;min-height:60px;font-size:10px;line-height:1.25}.ws84-left-item img{width:34px;height:29px}.ws84-settings{width:30px!important}html.ws82-ready[data-imo-black] .bp-chat-heading{gap:5px}html.ws82-ready[data-imo-black] .bp-heading-text small{display:none}html.ws82-ready[data-imo-black] .bp-heading-text strong{font-size:14px}html.ws82-ready[data-imo-black] .bp-avatar{width:28px;height:28px}html.ws82-ready[data-imo-black] .bp-icon-button{width:30px;height:32px}html.ws82-ready[data-imo-black] body #app #composer{width:calc(100% - 10px)!important;margin:5px!important;grid-template-columns:28px minmax(0,1fr) 34px!important;gap:3px!important}html.ws82-ready[data-imo-black] body #app #composer button{width:30px!important}html.ws82-ready[data-imo-black] body #app #composer #msg{font-size:14px!important}}

/* V9: the legacy improve-v77 mobile rule forced a single grid column with !important.
   Explicitly override the same properties at the identical mobile breakpoint. */
.ws85-short-label{display:none}
html.ws82-ready[data-imo-black] .bp-layout{grid-template-rows:minmax(0,1fr);align-items:stretch}
html.ws82-ready[data-imo-black] .bp-layout>#app{min-width:0;min-height:0;height:100%;overflow:hidden}
html.ws82-ready[data-imo-black] .bp-left{height:100%;min-width:0;overflow-x:hidden}
html.ws82-ready #ws82-menu-dialog{height:fit-content!important;min-height:0!important;inset:0!important;margin:auto!important}
html.ws82-ready #ws82-menu-dialog .v76-dialog-body{flex:0 1 auto;max-height:calc(var(--bp-height,100dvh) - 90px)}
@media(max-width:800px),(pointer:coarse) and (max-width:1024px){
html.ws82-ready[data-imo-black] .bp-top{height:40px!important;padding:2px 5px!important;gap:5px;max-width:100%;overflow:hidden}
html.ws82-ready[data-imo-black] .bp-top>.bp-brand{display:none}
html.ws82-ready[data-imo-black] .bp-top>.bp-chat-heading{width:auto;flex:1;min-width:0;gap:4px}
html.ws82-ready[data-imo-black] .bp-top .bp-heading-text{flex:1;min-width:26px}
html.ws82-ready[data-imo-black] .bp-top .bp-heading-text strong{font-size:13px}
html.ws82-ready[data-imo-black] .bp-top .bp-heading-text small{display:none}
html.ws82-ready[data-imo-black] .bp-top .bp-avatar{width:24px;height:28px;border:0;background:none}
html.ws82-ready[data-imo-black] .bp-top .bp-icon-button{width:28px!important;height:32px!important;border-radius:7px;flex-shrink:0}
html.ws82-ready[data-imo-black] .bp-top-actions{gap:3px;flex-shrink:0}
html.ws82-ready[data-imo-black] .bp-text-link{display:block!important;white-space:nowrap;padding:4px;font-size:11px!important}
html.ws82-ready[data-imo-black] .bp-language{width:66px;padding:5px 2px;font-size:12px;border-radius:7px}
html.ws82-ready[data-imo-black] .bp-layout{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:3px!important;padding:0 3px max(2px,env(safe-area-inset-bottom))!important;height:calc(var(--bp-height,100dvh) - 40px)!important;width:100%;max-width:100%}
html.ws82-ready[data-imo-black] .bp-left{display:block!important;padding:2px 0!important}
.ws84-left-nav{gap:3px}.ws84-left-nav h2,.ws85-full-label{display:none}.ws85-short-label{display:block}
.ws84-left-item{flex-direction:column;gap:2px;padding:3px 1px;min-height:48px;border-radius:7px;font-size:10px;line-height:1.15;text-align:center;border-color:#293d59}
.ws84-left-item img{width:25px;height:25px;border-radius:5px}
html.ws82-ready[data-imo-black] body #app .phone{grid-template-rows:minmax(0,1fr) auto 52px!important;border-radius:8px!important;height:100%!important}
html.ws82-ready[data-imo-black] body #app .topbar{display:none!important}
html.ws82-ready[data-imo-black] body #app #chat{grid-row:1!important;min-height:0!important}
html.ws82-ready[data-imo-black] body #app #feed{padding:8px!important}
html.ws82-ready[data-imo-black] #messages{gap:8px}
html.ws82-ready[data-imo-black] #messages .bubble{padding:10px!important;font-size:14px!important;line-height:1.5!important;margin:0 0 8px!important}
.ws82-intro p{margin-top:5px}
html.ws82-ready[data-imo-black] body #app #composer{grid-row:2!important;grid-template-columns:30px minmax(0,1fr) 34px!important;width:calc(100% - 8px)!important;min-height:42px!important;height:42px!important;margin:3px 4px!important;padding:3px!important;gap:2px!important;border-radius:12px!important}
html.ws82-ready[data-imo-black] body #app #composer #msg{height:34px!important;font-size:16px!important}
html.ws82-ready[data-imo-black] body #app #composer button{height:34px!important;width:30px!important;border-radius:9px!important;font-size:12px!important;white-space:nowrap}
html.ws82-ready[data-imo-black] .bp-tabs{grid-row:3!important;height:52px;padding:2px 3px!important;overflow-y:hidden;scrollbar-width:none}
html.ws82-ready[data-imo-black] .bp-tabs button{min-width:44px!important;min-height:44px!important;padding:2px!important;gap:2px!important;font-size:10px!important;white-space:nowrap}
html.ws82-ready[data-imo-black] .bp-tabs .v76-nav-photo{width:24px;height:22px}
html.ws82-ready #ws82-menu-dialog{width:calc(100vw - 16px);max-height:calc(var(--bp-height,100dvh) - 16px)!important;border-radius:12px!important}
html.ws82-ready #ws82-menu-dialog>.dialog-head{padding:6px 8px!important;gap:5px;min-height:48px!important}
html.ws82-ready #ws82-menu-dialog .dialog-head h2{font-size:15px!important}
html.ws82-ready #ws82-menu-dialog .dialog-head button{min-height:36px!important;padding:5px 7px!important;font-size:12px!important}
html.ws82-ready #ws82-menu-dialog .v76-dialog-body{padding:8px!important;max-height:calc(var(--bp-height,100dvh) - 72px)}
.ws83-categories,.ws83-tasks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ws82-category,.ws82-action{min-height:100px;padding:5px;gap:5px;font-size:12px;line-height:1.35;border-radius:9px}
.ws82-category img,.ws82-action img{height:60px;border-radius:6px}
html.ws82-ready[data-us-traveler-version] dialog.v76-dialog{max-width:calc(100vw - 12px)!important;width:calc(100vw - 12px);max-height:calc(var(--bp-height,100dvh) - 12px)!important}
html.ws82-ready[data-us-traveler-version] dialog.v76-dialog>.dialog-head,html.ws82-ready[data-us-traveler-version] #photo-menu-dialog>.quick-header{min-height:48px;padding:6px 9px;gap:6px}
html.ws82-ready[data-us-traveler-version] dialog.v76-dialog>.dialog-head h2{font-size:16px}
html.ws82-ready[data-us-traveler-version] dialog.v76-dialog>.dialog-head button{padding:6px 8px;min-height:36px}
html.ws82-ready .v76-dialog-body{padding:10px}
html.ws82-ready #photo-menu-dialog .quick-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html.ws82-ready #photo-menu-dialog .hub-card .hub-photo{aspect-ratio:1/1!important}
html.ws82-ready #photo-menu-dialog .hub-card{font-size:12px}
html.ws82-ready #us80-documents .us80-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html.ws82-ready #us80-documents .us80-grid img{height:60px}
}
