/* JLJAM 7.22.8 · mobile visual correction based on real iPhone feedback.
   Keep same app/auth and all original artist routes; Home only on touch widths.
   Installed after 7.22.7 so it supersedes conflicting historical styles. */
@media (max-width: 860px) {
  /* The simplified Home is already a header. A second sticky app bar was
     sliding behind iOS's clock, while history/workspace rows wasted space. */
  body.jljam-easy-home-active #app > header.topbar,
  body.jljam-easy-home-active #app > #clarityWorkspaceBar,
  body.jljam-easy-home-active #app .shell > .history-row {
    display:none!important;
  }
  body.jljam-easy-home-active #app > .shell,
  body.clarity7140.studio7150.jljam-easy-home-active #app > main.shell,
  body.clarity7140.studio7150.jljam-easy-home-active #app main.shell:has(#jljam-easy-root) {
    min-height:0!important;
    padding-top:12px!important;
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
  }
  /* iOS standalone extends web content behind the status bar. Reserve that
     region explicitly even when Safari reports a zero safe-area env value. */
  html.jljam-standalone body.jljam-easy-home-active #app main.shell,
  body.jljam-easy-home-active[data-display-mode="standalone"] #app main.shell {
    padding-top:max(64px,calc(env(safe-area-inset-top,0px) + 12px))!important;
  }
  html.jljam-standalone body.jljam-easy-home-active::before,
  body.jljam-easy-home-active[data-display-mode="standalone"]::before {
    content:""!important;
    display:block!important;
    position:fixed!important;
    inset:0 0 auto 0!important;
    height:max(53px,env(safe-area-inset-top,0px))!important;
    background:#0c0918!important;
    opacity:1!important;
    z-index:2147482000!important;
    pointer-events:none!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root {
    padding:0 clamp(7px,2vw,12px)!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-intro {
    margin:0 0 10px!important;
    padding:0 1px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-intro .ej-topline {margin:0 0 5px!important}
  body.jljam-easy-home-active #app #jljam-easy-root .ej-intro h1 {
    font:850 clamp(23px,5.7vw,29px)/1.06 system-ui!important;
    margin:0 0 3px!important;
    letter-spacing:-.035em!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-intro p {
    font:500 12px/1.33 system-ui!important;
    margin:0!important;
  }
  /* Three portraits in view, with a swipeable hint of the fourth. */
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-portrait-showcase {
    padding:10px 10px 8px!important;
    margin:0 0 9px!important;
    border-radius:18px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-roster-title {
    margin:0 0 8px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-roster-title strong {
    font:800 17px/1.15 system-ui!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-portrait-showcase .ej-roster-strip,
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-portrait-showcase.ej-two-up .ej-roster-strip,
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-portrait-showcase[data-aurora-mode="spotlight"] .ej-roster-strip {
    grid-auto-columns:clamp(105px,30.5vw,137px)!important;
    grid-auto-flow:column!important;
    grid-template-rows:1fr!important;
    gap:7px!important;
    max-height:180px!important;
    padding:1px 1px 5px!important;
    scroll-snap-type:x mandatory!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-portrait-showcase .ej-roster-strip>.ej-person {
    aspect-ratio:.95/1!important;
    border-radius:14px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-person-info strong {
    font:800 11px/1.15 system-ui!important;
  }
  /* Summary is a strip, not another oversized dashboard card. */
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .cl-pulse {
    padding:9px 10px!important;
    gap:7px!important;
    margin:0 0 9px!important;
    border-radius:16px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .cl-pulse .cl-pulse-main strong {
    font:800 13px/1.15 system-ui!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .cl-pulse .cl-pulse-overline {
    font:800 9px/1.1 system-ui!important;
    letter-spacing:.12em!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .cl-pulse-stats button {
    min-height:39px!important;
    padding:5px 6px!important;
    font:650 10px/1.15 system-ui!important;
    border-radius:10px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .cl-pulse-stats button b {
    font:850 17px/1.1 system-ui!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .cl-pulse-focus {
    min-height:38px!important;
    padding:8px 10px!important;
    font:800 11px/1.1 system-ui!important;
  }
  /* Keep named actions clickable. Remove the 22px+ inherited button typography. */
  body.jljam-easy-home-active #app #jljam-easy-root .ej-home-intel-actions {
    gap:6px!important;margin:0 0 9px!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.9fr)!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-home-intel-actions button {
    min-height:43px!important;padding:7px 6px!important;
    font:750 clamp(11px,2.8vw,13px)/1.2 system-ui!important;
    gap:4px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-home-intel-actions button>span:first-child {
    font-size:15px!important;
  }
  /* Priority card should read like a task, not a concert poster. */
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-step {
    gap:0!important;
    padding:11px 12px 12px!important;
    border-radius:18px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-step-top {
    margin:0 0 5px!important;
    min-height:17px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-kicker {
    font:850 13px/1.2 system-ui!important;
    letter-spacing:.04em!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-step-icon {
    width:27px!important;height:27px!important;border-radius:9px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-step-icon svg {
    width:15px!important;height:15px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-step-context {
    display:flex!important;gap:7px!important;align-items:center!important;
    font:750 13px/1.2 system-ui!important;
    margin:0 0 5px!important;
    min-width:0!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-step-context img {
    width:27px!important;height:27px!important;border-radius:8px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-context-due {
    margin-left:auto!important;
    border:1px solid #e5c8ff48!important;
    color:#e4d0f6!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font:750 10px/1 system-ui!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-step h2 {
    font:850 clamp(16px,4.2vw,19px)/1.18 system-ui!important;
    letter-spacing:-.02em!important;
    margin:2px 0 5px!important;
    max-width:100%!important;
    -webkit-line-clamp:2!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-step p {
    font:500 12px/1.34 system-ui!important;
    margin:0 0 8px!important;
    -webkit-line-clamp:1!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-tags {display:none!important;}
  body.jljam-easy-home-active #app #jljam-easy-root .ej-row {
    gap:6px!important;margin:0!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app #jljam-easy-root .ej-row button {
    min-height:41px!important;
    padding:7px 10px!important;
    font:750 12px/1.1 system-ui!important;
    border-radius:11px!important;
  }
  /* At most one secondary task on Home. The full task list is one tap away. */
  body.jljam-easy-home-active #app #jljam-easy-root .ej-today-queue {
    margin:8px 0 0!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-today-queue header {
    margin-bottom:5px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-today-queue header>span {
    font:800 12px/1.2 system-ui!important;
    letter-spacing:0!important;text-transform:none!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-today-queue header button {
    font:750 11px/1 system-ui!important;min-height:30px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-today-queue-list>button {
    min-height:50px!important;padding:7px 9px!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-queue-copy strong {
    font:750 12px/1.2 system-ui!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-queue-copy small {
    font:500 10px/1.2 system-ui!important;
  }
  body.jljam-easy-home-active #app #jljam-easy-root .ej-toolbelt,
  body.jljam-easy-home-active #app #jljam-easy-root .ej-peek,
  body.jljam-easy-home-active #app #jljam-easy-root .ej-foot {
    display:none!important;
  }
  /* Float above the content, but reserve enough scroll space to show the final
     task in full. The phone screenshot previously ended inside a Radar row. */
  body.clarity7140.studio7150.jljam-easy-home-active #app .mobile-dock,
  body.clarity7140.studio7150.jljam-easy-home-active[data-display-mode] #app .mobile-dock {
    bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
    height:72px!important;min-height:72px!important;max-height:72px!important;
    padding:4px!important;gap:2px!important;border-radius:18px!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app .mobile-dock>button,
  body.clarity7140.studio7150.jljam-easy-home-active[data-display-mode] #app .mobile-dock>button {
    height:63px!important;min-height:63px!important;max-height:63px!important;
    padding:4px 2px!important;gap:1px!important;
    border-radius:13px!important;
    font:750 clamp(10px,2.65vw,12px)/1.1 system-ui!important;
  }
  body.clarity7140.studio7150.jljam-easy-home-active #app .mobile-dock>button>span {
    font:500 23px/1 system-ui!important;
    min-height:23px!important;
    margin-bottom:2px!important;
  }
  body.jljam-easy-home-active #app .context-dock-action {
    bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
  }
  html, body {scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));}
  body.jljam-easy-home-active #app :is(.ej-step,.ej-today-queue,.ej-person) {
    scroll-margin-bottom:calc(104px + env(safe-area-inset-bottom,0px));
  }
  body.jljam-easy-home-active #app :is(.ej-person,.ej-row button,.ej-today-queue button):focus-visible {
    outline:2px solid #eee0ff!important;outline-offset:2px!important;
  }
}
@media (max-width:380px){
  body.jljam-easy-home-active #app #jljam-easy-root .ej-context-due{font-size:9px!important;padding:4px 5px!important;}
}
@media (prefers-reduced-motion:reduce){
  body.jljam-easy-home-active #app #jljam-easy-root *{scroll-behavior:auto!important;animation:none!important;transition:none!important;}
}