/* Sprint40 PC Home Narrow Phase1
   Isolation contract:
   - ONLY 1181px..1365px
   - Home decision composition only
   - >=1366px untouched
   - <=1180px untouched
   - No existing stylesheet edited
*/
@media (min-width:1181px) and (max-width:1365px){
  .kirin-race-screen .kirin-decision-card{
    grid-template-columns:280px minmax(0,1fr)!important;
    grid-template-areas:none!important;
    gap:12px!important;
  }

  .kirin-race-screen .kirin-decision-main{
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    padding:22px!important;
  }

  .kirin-race-screen .kirin-metrics{
    grid-area:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    min-width:0!important;
  }

  .kirin-race-screen .kirin-metric{
    min-width:0!important;
    padding:11px!important;
  }

  .kirin-race-screen .kirin-investment-values{
    gap:6px!important;
  }

  .kirin-race-screen .kirin-investment-values>span+span{
    padding-left:6px!important;
  }

  .kirin-race-screen .kirin-investment-values strong{
    font-size:16px!important;
  }

  .kirin-race-screen .kirin-reasons{
    grid-area:auto!important;
    grid-column:2!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    min-width:0!important;
  }

  .kirin-race-screen .kirin-reason--positive,
  .kirin-race-screen .kirin-reason--caution{
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
    padding:14px 15px!important;
  }

  .kirin-race-screen .kirin-reason ul{
    font-size:11px!important;
  }

  .kirin-race-screen .kirin-decision-support{
    grid-area:auto!important;
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr)!important;
    gap:10px!important;
    min-width:0!important;
  }

  .kirin-race-screen .kirin-decision-summary,
  .kirin-race-screen .kirin-recommended-action{
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
  }

  .kirin-race-screen .kirin-decision-detail,
  .kirin-race-screen .kirin-decision-detail-home,
  .kirin-race-screen .kirin-recommended-horses,
  .kirin-race-screen .kirin-recommended-tickets{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    min-width:0!important;
  }
}


/* Sprint40 Final QA v1 */
/* Theme 3: PC scrollbar visual integration.
   PC narrow owner: 1181..1365.
   Covers both viewport scrollbar and left sidebar/race-tree scrollbar.
*/
@media (min-width:1181px) and (max-width:1365px){
  html,
  body,
  .kirin-sidebar,
  .kirin-race-list{
    scrollbar-color:#343a35 #0a0d0b;
    scrollbar-width:thin;
  }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  .kirin-sidebar::-webkit-scrollbar,
  .kirin-race-list::-webkit-scrollbar{
    width:8px;
    height:8px;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  .kirin-sidebar::-webkit-scrollbar-track,
  .kirin-race-list::-webkit-scrollbar-track{
    background:#0a0d0b;
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  .kirin-sidebar::-webkit-scrollbar-thumb,
  .kirin-race-list::-webkit-scrollbar-thumb{
    background:#343a35;
    border:2px solid #0a0d0b;
    border-radius:999px;
  }
}