/* JLJAM 7.10.30 | Shows focus and responsive recovery.
   SCOPED TO SHOWS ONLY. Never changes four-destination dock or navigation logic.
   Overrides older global readable-type selectors only where the compact controls
   were colliding on narrow screens. */
#app .cin-work-page[data-scene="shows"]{min-width:0;max-width:100%;}
#app .cin-work-page[data-scene="shows"] .cin-work-hero{
  min-height:0!important;display:block!important;position:relative!important;
  padding:22px 24px!important;margin:0 0 16px!important;
  border-radius:22px!important;overflow:hidden!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-copy{max-width:100%!important;}
#app .cin-work-page[data-scene="shows"] .cin-work-copy h1{
  font-size:clamp(28px,5vw,38px)!important;line-height:1.1!important;
  letter-spacing:-.045em!important;margin:6px 0 7px!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-copy>p{
  font-size:clamp(16px,2vw,19px)!important;line-height:1.45!important;
  margin:0 0 10px!important;max-width:100%!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-sculpture{display:none!important;}
#app .cin-work-page[data-scene="shows"] .cin-work-context{
  margin-top:6px!important;gap:7px!important;align-items:center!important;
  font-size:14px!important;line-height:1.2!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-context>span{display:none!important;}
#app .cin-work-page[data-scene="shows"] .cin-work-context b{
  font-size:14px!important;line-height:1.3!important;
  max-width:100%;overflow-wrap:anywhere;padding:5px 10px!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-options{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;align-items:center!important;min-width:0!important;
  margin:0 0 15px!important;
}
#app .cin-work-page[data-scene="shows"] .cin-work-option-caption{display:none!important;}
#app .cin-work-page[data-scene="shows"] .cin-quick-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;max-width:100%!important;gap:7px!important;
  flex:none!important;flex-wrap:nowrap!important;overflow:visible!important;
}
#app .cin-work-page[data-scene="shows"] .cin-quick-tabs>button{
  display:flex!important;min-width:0!important;max-width:100%!important;
  min-height:48px!important;height:auto!important;
  justify-content:center!important;align-items:center!important;text-align:center!important;
  padding:9px 8px!important;white-space:normal!important;overflow-wrap:normal!important;
  word-break:normal!important;line-height:1.13!important;
  font-family:inherit!important;font-size:clamp(15px,1.6vw,18px)!important;
  letter-spacing:-.02em!important;border-radius:15px!important;
}
#app .cin-work-page[data-scene="shows"] .cin-other-views{min-width:0!important;max-width:100%!important;position:relative!important;z-index:15!important;}
#app .cin-work-page[data-scene="shows"] .cin-other-views>summary{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:48px!important;max-width:100%!important;
  padding:9px 12px!important;white-space:nowrap!important;
  font-size:clamp(15px,1.5vw,17px)!important;line-height:1.2!important;
  border-radius:15px!important;
}
#app .cin-work-page[data-scene="shows"] .cin-other-grid{z-index:20!important;}
#app .cin-work-page[data-scene="shows"] .workspace-view,
#app .cin-work-page[data-scene="shows"] .workspace-body{width:100%!important;min-width:0!important;max-width:100%!important;}
#app .cin-work-page[data-scene="shows"] .list-tools{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:10px 14px!important;margin:0 0 14px!important;
}
#app .cin-work-page[data-scene="shows"] .list-tools>div:first-child{
  display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
  gap:6px 11px!important;min-width:0!important;
}
#app .cin-work-page[data-scene="shows"] .list-tools>div:first-child>b{
  display:block!important;font-size:clamp(20px,2.5vw,25px)!important;
  line-height:1.2!important;letter-spacing:-.025em!important;
}
#app .cin-work-page[data-scene="shows"] .list-tools>div:first-child>small{
  display:inline-flex!important;align-items:center!important;line-height:1.2!important;
  font-size:14px!important;color:#c6b9db!important;white-space:nowrap!important;
}
#app .cin-work-page[data-scene="shows"] .list-tools .compact-actions{margin:0!important;gap:9px!important;}
#app .cin-work-page[data-scene="shows"] .list-tools .btn{
  min-height:48px!important;font-size:clamp(16px,1.7vw,19px)!important;
  line-height:1.15!important;padding:10px 13px!important;
}
#app .cin-work-page[data-scene="shows"] .data-grid-cards{min-width:0!important;}
#app .cin-work-page[data-scene="shows"] .data-card{
  width:100%!important;min-width:0!important;text-align:left!important;
  overflow-wrap:anywhere!important;
}
#app .cin-work-page[data-scene="shows"] .data-card .card-top{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:7px 12px!important;
}
#app .cin-work-page[data-scene="shows"] .data-card .card-top span{
  min-width:0!important;max-width:100%!important;
  font-size:clamp(16px,2vw,20px)!important;line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
#app .cin-work-page[data-scene="shows"] .data-card h3{
  font-size:clamp(21px,2.8vw,26px)!important;line-height:1.2!important;margin:6px 0 10px!important;
}
#app .cin-work-page[data-scene="shows"] .data-card>p{
  font-size:clamp(16px,2vw,19px)!important;line-height:1.42!important;
}
#app .cin-work-page[data-scene="shows"] .data-card .data-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
#app .cin-work-page[data-scene="shows"] .data-grid>span{
  min-width:0!important;padding:10px!important;border-radius:13px!important;
  overflow-wrap:anywhere!important;
}
#app .cin-work-page[data-scene="shows"] .data-grid small{
  font-size:13px!important;line-height:1.2!important;letter-spacing:.02em!important;
}
#app .cin-work-page[data-scene="shows"] .data-grid b{
  font-size:clamp(16px,2vw,20px)!important;line-height:1.25!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
@media(max-width:700px){
  #app .cin-work-page[data-scene="shows"] .cin-work-options{
    grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
  }
  #app .cin-work-page[data-scene="shows"] .cin-other-views{
    justify-self:end!important;width:auto!important;max-width:100%!important;
  }
  #app .cin-work-page[data-scene="shows"] .cin-work-hero{
    padding:17px 18px!important;margin:0 0 14px!important;border-radius:20px!important;
  }
  #app .cin-work-page[data-scene="shows"] .cin-work-copy h1{font-size:29px!important;}
  #app .cin-work-page[data-scene="shows"] .cin-work-copy>p{font-size:16px!important;}
  #app .cin-work-page[data-scene="shows"] .cin-quick-tabs>button{font-size:16px!important;padding:10px 5px!important;}
  #app .cin-work-page[data-scene="shows"] .list-tools .compact-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:9px!important;
  }
  #app .cin-work-page[data-scene="shows"] .list-tools .compact-actions .btn{
    width:100%!important;min-width:0!important;max-width:100%!important;
    min-height:49px!important;font-size:17px!important;
    margin:0!important;white-space:normal!important;
  }
  #app .cin-work-page[data-scene="shows"] .list-tools>div:first-child>b{font-size:21px!important;}
  #app .cin-work-page[data-scene="shows"] .list-tools>div:first-child>small{font-size:14px!important;}
  #app .cin-work-page[data-scene="shows"] .data-card .card-top{justify-content:space-between!important;}
  #app .cin-work-page[data-scene="shows"] .data-card .data-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  /* Enough scrollable space to expose the final booking fields ABOVE the existing
     four-button dock and independent thumb-reach history controls. */
  #app .cin-work-page[data-scene="shows"] .workspace-body{padding-bottom:calc(195px + env(safe-area-inset-bottom,0px))!important;}
  #app .cin-work-page[data-scene="shows"] .data-card:last-child,
  #app .cin-work-page[data-scene="shows"] .show-archive{scroll-margin-bottom:215px!important;}
}
@media(max-width:350px){
  #app .cin-work-page[data-scene="shows"] .cin-quick-tabs{gap:5px!important;}
  #app .cin-work-page[data-scene="shows"] .cin-quick-tabs>button{font-size:15px!important;padding-inline:3px!important;}
}
/* On phone, the work itself comes first: the hero becomes a slim title strip. */
@media(max-width:700px){
 #app .cin-work-page[data-scene="shows"] .cin-work-hero{
   min-height:0!important;height:auto!important;
   padding:13px 16px!important;margin-bottom:12px!important;
 }
 #app .cin-work-page[data-scene="shows"] .cin-work-copy{
   display:flex!important;flex-wrap:wrap!important;
   align-items:center!important;justify-content:space-between!important;
   gap:6px 10px!important;
 }
 #app .cin-work-page[data-scene="shows"] .cin-kicker{display:none!important;}
 #app .cin-work-page[data-scene="shows"] .cin-work-copy h1{
   margin:0!important;font-size:27px!important;line-height:1.15!important;
 }
 #app .cin-work-page[data-scene="shows"] .cin-work-copy>p{display:none!important;}
 #app .cin-work-page[data-scene="shows"] .cin-work-context{margin:0!important;}
 #app .cin-work-page[data-scene="shows"] .cin-work-context b{padding:5px 9px!important;}
}