/* SHIN-TECH EDGE Ver0.4.5: mobile usability & PWA entry only; desktop design preserved */
.edge-app-install{display:none;cursor:pointer}
.edge-install-description{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #328c84;background:#05272b;border-radius:12px}
.edge-install-description img{height:76px;width:76px;flex-shrink:0;border-radius:18px}
.edge-install-description strong{font-size:20px;color:#f7d77b;font-weight:900}
.edge-install-description p{font-size:15px;color:#d7eeec;line-height:1.65;margin:7px 0 0}
.edge-install-guide{font-size:17px;line-height:1.8;margin:16px 0;padding:14px 17px;background:#082631;border-left:4px solid #21d3b3;color:#f3fafb;border-radius:6px}
.edge-install-guide strong{color:#f7d77b}
.edge-install-now{width:100%;font-size:18px;min-height:50px}
@media(max-width:900px){
  .brand-banner{gap:6px}
  .edge-app-install{display:inline-flex;position:relative;z-index:5;margin-left:auto;flex:0 0 auto;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border-radius:9px;background:linear-gradient(#134b40,#07342f);border:1px solid #dec17c;color:#ffebac;font-size:14px;font-weight:900;box-shadow:0 0 8px #ddb65055;white-space:nowrap}
  .edge-app-install[hidden]{display:none!important}
  .edge-side.open{display:block;max-width:100%}
  .top-nav button{min-height:44px}
  .pick-actions button,.tile-details{min-height:44px}
  .edge-roster-wrap,.edge-side-scroll,.table-scroll{overscroll-behavior:contain}
}
@media(max-width:560px){
  .brand-banner{padding:0 8px;justify-content:space-between}
  .brand{min-width:0;flex:1 1 auto}
  .brand-lockup{min-width:0}
  .brand-horse{width:49px;height:56px;flex:0 0 49px;object-fit:contain}
  .brand-lockup strong{font-size:clamp(14px,4.1vw,17px);white-space:nowrap}
  .brand-lockup .brand-meta{gap:4px;margin-top:2px;flex-wrap:wrap}
  .brand-lockup .brand-meta small{font-size:9px;letter-spacing:0.01em}
  .brand-lockup .brand-meta .edge-version{font-size:10px}
  .edge-app-install{min-height:42px;font-size:13px;padding:0 9px}
  /* Retain the original two-column cards and the gold wide card. */
  .ticket-group-heading p{font-size:14px;line-height:1.6}
  .tile-horse-name{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
  .ticket-stage{font-size:12px}
  .tile-footer small,.tile-details{font-size:13px}
  .tile-footer strong{font-size:22px}
  .edge-role-item{min-width:0}
  .edge-role-name{font-size:clamp(14px,3.7vw,17px);white-space:normal;overflow-wrap:anywhere;line-height:1.38;text-overflow:clip;max-width:100%}
  .edge-role-number{font-size:26px}
  .edge-role-type{font-size:15px}
  .metric span{font-size:14px}.metric strong{font-size:20px}
  /* The sample/date warning must stay visible; never silently truncate it. */
  .source-strip{display:flex;flex-wrap:wrap;gap:5px 8px;font-size:14px;align-items:center}
  .source-strip #source-indicator{flex:0 0 100%;width:100%;max-width:100%;white-space:normal;text-overflow:clip;overflow:visible;font-size:14px;line-height:1.45}
  .source-strip .small-link{min-height:38px;margin-left:auto}
  /* Preserve the recommendation band, but show its three numerical reasons in readable rows. */
  .key-metrics{grid-template-columns:minmax(0,1fr);gap:0;width:100%;padding:0 4px}
  .metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 3px;border-right:0;border-bottom:1px solid #205b53}
  .metric span{font-size:14px;line-height:1.4;text-align:left;white-space:normal}
  .metric strong{font-size:20px;white-space:nowrap;text-align:right}
  .race-context{font-size:14px}
  .edge-race-buttons{overflow-x:auto;overscroll-behavior-x:contain}
  .edge-roster-wrap{overflow-x:auto}
  .edge-roster{min-width:560px;font-size:15px}
  .edge-roster th{font-size:14px}.edge-roster td:nth-child(2){font-size:16px}
  .top-nav button{font-size:15px}
  .edge-block-heading button{font-size:14px}
  .edge-install-description img{width:64px;height:64px}
}
@media(display-mode:standalone){.edge-app-install{display:none!important}}
