/* JLJAM OS 7.16.1 | iPhone navigation and People workspace repair.
 * Loaded after every legacy style to keep five destinations available under
 * large-text mode and Safari standalone. Presentation only: no data writes.
 */
@media (max-width:760px) {
  body.clarity7140.studio7150 #app > .topbar {
    position:sticky!important; top:0!important; z-index:1300!important;
    box-sizing:border-box!important; width:100%!important;
    display:flex!important; flex-flow:row nowrap!important; align-items:center!important;
    gap:8px!important; min-height:62px!important; height:auto!important;
    padding:9px 12px!important;
    background:linear-gradient(180deg,#120a24f5,#150b28f8)!important;
    border-bottom:1px solid rgba(224,195,255,.20)!important;
    overflow:visible!important;
  }
  /* Installed PWA: keep the iOS clock/status region clear, even when an
     older standalone meta viewport yields a zero safe-area inset. */
  html.jljam-standalone body.clarity7140.studio7150 #app > .topbar,
  body.clarity7140.studio7150[data-display-mode="standalone"] #app > .topbar {
    padding-top:max(52px,calc(env(safe-area-inset-top,0px) + 10px))!important;
  }
  body.clarity7140.studio7150 #app .topbar > .brand {
    flex:0 0 40px!important; width:40px!important; max-width:40px!important;
    padding:0!important; margin:0!important; overflow:hidden!important;
  }
  body.clarity7140.studio7150 #app .topbar .brand img {
    display:block!important; width:40px!important; height:40px!important;
    object-fit:contain!important;
  }
  body.clarity7140.studio7150 #app .topbar > .top-actions {
    display:flex!important; flex:1 1 0!important; min-width:0!important;
    width:auto!important; max-width:none!important; margin:0!important;
    align-items:center!important; justify-content:flex-end!important;
    flex-wrap:nowrap!important; gap:5px!important;
  }
  /* Four clear actions, no duplicate search buttons or overlapping 91 badge. */
  body.clarity7140.studio7150 #app .top-actions > :is(.cin-global-search-btn,#alertsBtn,#os8Launch,.zoom-btn,.god-eye-top,.settings-top),
  body.clarity7140.studio7150 #app .topbar > .search-trigger {display:none!important}
  body.clarity7140.studio7150 #app #claritySearchButton {
    display:grid!important; place-items:center!important; flex:0 0 42px!important;
    order:1!important; width:42px!important; min-width:42px!important; height:46px!important;
    min-height:46px!important; padding:0!important; border-radius:13px!important;
    font:750 26px/1 system-ui!important;
  }
  body.clarity7140.studio7150 #app .top-actions > #artistSelect {
    display:block!important; flex:1 1 88px!important; order:2!important;
    width:auto!important; min-width:64px!important; max-width:120px!important;
    height:46px!important; min-height:46px!important; padding:0 7px!important;
    font:750 clamp(13px,3.7vw,16px)/1.2 system-ui!important;
    text-overflow:ellipsis!important; white-space:nowrap!important;
  }
  body.clarity7140.studio7150 #app #clarityToolsButton {
    display:grid!important; place-items:center!important; flex:0 0 46px!important;
    order:3!important; width:46px!important; min-width:46px!important;
    height:46px!important; min-height:46px!important;
    font-size:0!important; line-height:0!important; padding:0!important;
    border-radius:13px!important; overflow:hidden!important;
  }
  body.clarity7140.studio7150 #app #clarityToolsButton::after {
    content:'☷'!important; display:block!important;
    font:750 25px/1 system-ui!important; color:#f4eaff!important;
  }
  body.clarity7140.studio7150 #app #accountBtn {
    display:grid!important; place-items:center!important; flex:0 0 44px!important;
    order:4!important; width:44px!important; min-width:44px!important;
    height:46px!important; min-height:46px!important; padding:0!important;
    border-radius:14px!important;
  }
  body.clarity7140.studio7150 #app #accountBtn > span {
    width:31px!important; height:31px!important; font:750 16px/1 system-ui!important;
  }
  body.clarity7140.studio7150 #app #accountBtn > b {display:none!important}

  /* The earlier big-dock four-column layout is the source of the missing Comms
     destination. Always show five EQUAL targets, including enlarged-text mode. */
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock,
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock:has(>button:nth-child(1).on),
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock:has(>button:nth-child(2).on),
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock:has(>button:nth-child(3).on),
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock:has(>button:nth-child(4).on),
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock:has(>button:nth-child(5).on),
  body.clarity7140.studio7150 #app .mobile-dock {
    display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr!important; align-items:stretch!important;
    box-sizing:border-box!important; overflow:hidden!important;
    left:8px!important; right:8px!important; width:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    min-height:85px!important; height:85px!important; max-height:85px!important;
    padding:6px!important; gap:3px!important;
    border-radius:23px!important; z-index:1350!important;
  }
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock > button,
  body.clarity7140.studio7150 #app .mobile-dock > button {
    display:flex!important; flex-direction:column!important; align-items:center!important;
    justify-content:center!important; min-width:0!important; width:100%!important;
    min-height:70px!important; height:70px!important; max-height:70px!important;
    margin:0!important; padding:4px 1px!important; gap:4px!important;
    overflow:hidden!important; white-space:nowrap!important; word-break:normal!important;
    font:800 clamp(11px,3.1vw,14px)/1.1 system-ui!important;
    touch-action:manipulation!important;
  }
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock > button > span,
  body.clarity7140.studio7150 #app .mobile-dock > button > span {
    font:600 25px/1 system-ui!important; display:block!important;
    margin:0!important; height:auto!important;
  }
  html.jljam-big-dock body.clarity7140.studio7150 #app .mobile-dock button.on::after {
    content:none!important; display:none!important;
  }
  body.clarity7140.studio7150 #app .shell,
  body.clarity7140.studio7150 #app .jljam-easy {
    padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  }
  body.clarity7140.studio7150 #app .shell {
    min-width:0!important; overflow:visible!important;
    -webkit-overflow-scrolling:touch;
  }
  /* Full-screen workspaces should start with their tools and data, not a 500px slogan. */
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-hero {
    display:block!important; height:auto!important; min-height:0!important;
    padding:17px 18px!important; margin:0 0 12px!important;
    border-radius:21px!important; overflow:hidden!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-copy h1 {
    font:850 clamp(27px,7.1vw,38px)/1.08 system-ui!important;
    letter-spacing:-.045em!important; margin:6px 0!important;
    text-wrap:pretty!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-kicker {
    font:820 13px/1.2 system-ui!important; letter-spacing:.10em!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-copy>p {
    font:500 clamp(15px,4vw,18px)/1.35 system-ui!important;
    margin:4px 0 0!important; max-width:100%!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-sculpture,
  body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-context {display:none!important}
  /* The former Smart Search billboard duplicates Search in the app header
     and the dedicated Research tool. Both destinations remain fully available. */
  body.clarity7140.studio7150 #app .shell > #jljam-smart-research-launch {display:none!important}

  /* One scrollable view-tab strip plus a fixed More button. Each label keeps
     its own width, so Contacts and Buyer Dossiers never overlap. */
  body.clarity7140.studio7150 #app .cin-work-options {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important; column-gap:7px!important; row-gap:8px!important;
    min-width:0!important; max-width:100%!important;
    margin:12px 0!important;
  }
  body.clarity7140.studio7150 #app .cin-work-option-caption {
    grid-column:1/-1!important; margin:0!important; width:auto!important;
    font:820 12px/1.15 system-ui!important; letter-spacing:.10em!important;
  }
  body.clarity7140.studio7150 #app .cin-quick-tabs {
    grid-column:1!important; grid-row:2!important;
    display:flex!important; flex-wrap:nowrap!important; flex:initial!important;
    gap:7px!important; min-width:0!important; max-width:100%!important;
    overflow-x:auto!important; overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important; overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important; scrollbar-width:none!important;
  }
  body.clarity7140.studio7150 #app .cin-quick-tabs::-webkit-scrollbar {display:none!important}
  body.clarity7140.studio7150 #app .cin-quick-tabs button {
    flex:0 0 auto!important; width:auto!important; min-width:max-content!important;
    font:800 clamp(14px,3.7vw,17px)/1.2 system-ui!important;
    min-height:48px!important; padding:10px 13px!important;
    white-space:nowrap!important; overflow-wrap:normal!important; word-break:normal!important;
    scroll-snap-align:start!important;
  }
  body.clarity7140.studio7150 #app .cin-other-views {
    grid-column:2!important; grid-row:2!important;
    min-width:0!important; max-width:130px!important; z-index:25!important;
  }
  body.clarity7140.studio7150 #app .cin-other-views > summary {
    box-sizing:border-box!important; display:flex!important; align-items:center!important;
    min-width:0!important; min-height:48px!important; padding:10px!important;
    font:800 clamp(13px,3.4vw,15px)/1.15 system-ui!important;
    white-space:nowrap!important; overflow-wrap:normal!important;
  }
  body.clarity7140.studio7150 #app .cin-other-grid {
    width:min(340px,calc(100vw - 32px))!important; max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.clarity7140.studio7150 #app .cin-other-grid button {
    min-width:0!important; white-space:normal!important;
    font:740 15px/1.2 system-ui!important; padding:12px!important;
  }
  /* Keep title and record count visibly separate, never 'People500 visible'. */
  body.clarity7140.studio7150 #app .cin-work-page .list-tools>div:first-child {
    display:flex!important; flex-wrap:wrap!important; align-items:baseline!important;
    gap:4px 10px!important; min-width:0!important; max-width:100%!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page .list-tools>div:first-child>b {
    font:840 clamp(19px,5vw,24px)/1.2 system-ui!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page .list-tools>div:first-child>small {
    font:650 14px/1.2 system-ui!important; color:#d2bddf!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page .list-tools .compact-actions {
    display:flex!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important;
  }
  body.clarity7140.studio7150 #app .cin-work-page .list-tools .compact-actions .btn {
    flex:1 1 130px!important; min-width:0!important;
    font:760 clamp(16px,4vw,20px)/1.15 system-ui!important;
    white-space:normal!important; min-height:50px!important;
  }
}
@media (max-width:365px){
  body.clarity7140.studio7150 #app .topbar {padding-left:7px!important;padding-right:7px!important;gap:4px!important}
  body.clarity7140.studio7150 #app .top-actions {gap:3px!important}
  body.clarity7140.studio7150 #app #accountBtn {flex-basis:39px!important;width:39px!important;min-width:39px!important}
  body.clarity7140.studio7150 #app #clarityToolsButton {flex-basis:42px!important;width:42px!important;min-width:42px!important}
  body.clarity7140.studio7150 #app #claritySearchButton {flex-basis:40px!important;width:40px!important;min-width:40px!important}
}
@media (prefers-reduced-motion:reduce){
 body.clarity7140.studio7150 #app .cin-quick-tabs {scroll-behavior:auto!important}
}
/* iPad portrait / compact tablet: keep content above the fold while the
   five-button dock remains the main navigation. */
@media (min-width:761px) and (max-width:1050px) {
 body.clarity7140.studio7150 #app .shell > #jljam-smart-research-launch{display:none!important}
 body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-hero{
   display:block!important;min-height:0!important;height:auto!important;
   padding:22px 24px!important;margin-bottom:14px!important;
 }
 body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-copy h1{
   font:850 clamp(31px,4vw,42px)/1.12 system-ui!important;margin:7px 0!important;
 }
 body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-copy>p{
   font:500 18px/1.35 system-ui!important;margin:6px 0!important;
 }
 body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-context,
 body.clarity7140.studio7150 #app .cin-work-page[data-scene] .cin-work-sculpture{display:none!important}
 body.clarity7140.studio7150 #app .cin-work-options{
   display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:13px 0!important;
 }
 body.clarity7140.studio7150 #app .cin-work-option-caption{
   flex:0 0 100%!important;font:800 14px/1.2 system-ui!important;
 }
 body.clarity7140.studio7150 #app .cin-quick-tabs{
   display:flex!important;flex:1 1 auto!important;min-width:0!important;
   flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
 }
 body.clarity7140.studio7150 #app .cin-quick-tabs button,
 body.clarity7140.studio7150 #app .cin-other-views>summary{
   flex:0 0 auto!important;font:760 17px/1.15 system-ui!important;
   min-height:50px!important;padding:11px 14px!important;white-space:nowrap!important;
 }
 body.clarity7140.studio7150 #app .cin-other-views{flex:0 0 auto!important}
}