/* ================================================================
   AIAI_CHANGES_MOBILE_FINAL_POLISH_V1_START
   Scope: /changes on mobile only.
   Goals:
   - preserve the approved radar structure;
   - make the live feed denser without deleting information;
   - keep category glyphs as signal-type marks (not tool logos);
   - remove the floating feedback obstruction on this dense surface.
   ================================================================ */

@media (max-width:760px){
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .beta-feedback-fab{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-live{
    padding:10px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed{
    gap:7px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-item summary{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:10px 10px 11px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-tool-mark{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-identity small{
    margin-top:2px!important;
    font-size:9px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-title{
    grid-column:1/-1!important;
    padding-inline-start:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-title b{
    font-size:13px!important;
    line-height:1.55!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-title small{
    margin-top:3px!important;
    font-size:10px!important;
    line-height:1.5!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-feed-item summary>.changes-impact-badge{
    grid-column:2!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-expand-icon{
    grid-column:3!important;
    grid-row:1!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-category-line{
    scroll-snap-type:x proximity;
    scroll-padding-inline:8px;
    overscroll-behavior-inline:contain;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448 .changes-category-line button{
    scroll-snap-align:start;
  }
}

/* AIAI_CHANGES_MOBILE_FINAL_POLISH_V1_END */

/* ==========================================================================
   AIAI_MOBILE_CHANGES_PUBLIC_FEED_CLOSURE_FINAL

   Public mobile hierarchy:
   what changed -> priority -> impact -> next action -> remaining feed

   Mobile presentation only.
   Radar data, priority logic, search/filter behavior and desktop stay intact.
   ========================================================================== */

/* New mobile-only content must never alter desktop presentation. */
@media (min-width:761px){
  body.page-changes .changes-title-mobile,
  body.page-changes .changes-priority-decision{
    display:none!important;
  }
}

@media (max-width:760px){

  body.page-changes .changes-title-desktop{
    display:none!important;
  }

  body.page-changes .changes-title-mobile{
    display:inline!important;
  }

  /* ----------------------------------------------------------
     1. HERO — public editorial opening, not dashboard summary
     ---------------------------------------------------------- */

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-hero{
    display:block!important;
    padding:28px 18px 20px!important;
    border-bottom:1px solid var(--lum-line)!important;
    background:transparent!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-copy{
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-copy .kicker{
    margin-bottom:6px!important;
    color:var(--lum-gold-deep)!important;
    font-size:10.5px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-copy h1{
    margin:0!important;
    font-size:clamp(31px,9vw,38px)!important;
    line-height:1.25!important;
    letter-spacing:-.018em!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-copy>p:last-child{
    max-width:33em!important;
    margin:8px 0 0!important;
    font-size:12.8px!important;
    line-height:1.72!important;
  }

  /* Dashboard counters are useful internally, not necessary in the mobile public flow. */
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-hub-metrics{
    display:none!important;
  }

  /* ----------------------------------------------------------
     2. FILTERS — retain only search + decision impact
     ---------------------------------------------------------- */

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-control-shell{
    margin-top:0!important;
    padding:14px 18px 0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-control-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-search-box{
    min-height:48px!important;
    border:1px solid var(--lum-line)!important;
    border-radius:14px!important;
    background:#fffefa!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-search-box input{
    font-size:13px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-impact-switch{
    display:flex!important;
    width:100%!important;
    gap:0!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    border:1px solid var(--lum-line)!important;
    border-radius:13px!important;
    background:#fffefa!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-impact-switch::-webkit-scrollbar{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-impact-switch button{
    flex:1 0 auto!important;
    min-height:39px!important;
    padding-inline:11px!important;
    font-size:10.7px!important;
    white-space:nowrap!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-impact-switch button.is-active{
    background:#211e19!important;
    color:#fff!important;
  }

  /* Advanced filter machinery remains in DOM/JS, but leaves the public mobile surface. */
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-selectors,
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-category-line{
    display:none!important;
  }

  /* ----------------------------------------------------------
     3. PRIORITY — editorial decision rows instead of cards
     ---------------------------------------------------------- */

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority{
    margin-top:29px!important;
    padding-inline:18px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority .changes-section-head{
    display:block!important;
    padding:0 0 10px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority .changes-section-head small{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority .changes-section-head h2{
    margin:0!important;
    font-size:0!important;
    line-height:1!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority .changes-section-head h2::after{
    content:"الأهم الآن";
    display:block;
    font-family:var(--lum-display);
    color:var(--lum-ink);
    font-size:27px;
    line-height:1.35;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority .changes-section-head>p{
    margin:4px 0 0!important;
    max-width:31em!important;
    font-size:11.8px!important;
    line-height:1.65!important;
    color:var(--lum-muted)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-card,
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-card:first-child{
    grid-column:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:17px 0 16px!important;
    border:0!important;
    border-top:1px solid var(--lum-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-card::before{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-index{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-top{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:start!important;
    gap:10px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-top>div{
    grid-column:1!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-top>.changes-impact-badge{
    grid-column:2!important;
    justify-self:end!important;
    margin:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-card h3{
    margin:12px 0 5px!important;
    font-size:18px!important;
    line-height:1.55!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-card>p{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    margin:0!important;
    color:#69665f!important;
    font-size:12px!important;
    line-height:1.7!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-decision{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-top:12px!important;
    border-top:1px solid var(--lum-line-soft)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-decision>div{
    padding:10px 0!important;
    border-bottom:1px solid var(--lum-line-soft)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-decision small{
    display:block!important;
    margin-bottom:2px!important;
    color:var(--lum-gold-deep)!important;
    font-size:9.8px!important;
    font-weight:800!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-decision p{
    margin:0!important;
    color:var(--lum-ink-2)!important;
    font-size:11.8px!important;
    line-height:1.63!important;
  }

  /* Old "why it matters" text is replaced by the explicit effect block above. */
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-foot{
    margin-top:8px!important;
    padding-top:0!important;
    border-top:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-foot>span{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-foot>div{
    width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:17px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-priority-foot a{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--lum-gold-deep)!important;
    font-size:10.8px!important;
  }

  /* ----------------------------------------------------------
     4. REMAINING FEED — quiet expandable ledger
     ---------------------------------------------------------- */

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-live{
    margin-top:28px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-live-head{
    padding:0 0 10px!important;
    border-bottom:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-live-head small{
    color:var(--lum-gold-deep)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-live-head>p{
    padding:0!important;
    background:transparent!important;
    color:var(--lum-muted)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-live-head strong{
    color:var(--lum-ink)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed{
    display:grid!important;
    gap:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-item{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid var(--lum-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-item summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 27px!important;
    grid-template-rows:auto auto!important;
    gap:5px 8px!important;
    padding:14px 0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-tool-mark{
    display:none!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-identity{
    grid-column:1!important;
    grid-row:1!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-item summary>.changes-impact-badge{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-expand-icon{
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    color:var(--lum-gold-deep)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-title{
    grid-column:1/4!important;
    grid-row:2!important;
    padding-inline-start:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-title b{
    font-size:13.6px!important;
    line-height:1.55!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-title small{
    margin-top:3px!important;
    -webkit-line-clamp:2!important;
    color:var(--lum-muted)!important;
    font-size:11px!important;
    line-height:1.55!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0 0 12px!important;
    border-top:1px solid var(--lum-line-soft)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail>div:not(.changes-feed-actions){
    padding:10px 0!important;
    border-bottom:1px solid var(--lum-line-soft)!important;
  }

  /* Mobile language: effect, then concrete next action. */
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail>div:nth-child(1)>small,
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail>div:nth-child(2)>small{
    font-size:0!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail>div:nth-child(1)>small::after{
    content:"ما أثره؟";
    font-size:10px;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail>div:nth-child(2)>small::after{
    content:"ماذا تفعل الآن؟";
    font-size:10px;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail small{
    color:var(--lum-gold-deep)!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-detail p{
    font-size:11.8px!important;
    line-height:1.65!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-actions{
    display:flex!important;
    flex-direction:row!important;
    gap:17px!important;
    padding-top:9px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-actions a,
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-feed-actions a.primary{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--lum-gold-deep)!important;
    font-size:10.8px!important;
  }

  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-load-more{
    width:100%!important;
    min-height:46px!important;
    margin-top:14px!important;
    border:1px solid var(--lum-line)!important;
    border-radius:13px!important;
    background:transparent!important;
    color:var(--lum-ink-2)!important;
  }

  /* Methodology remains available, but subordinate. */
  body.public-design-v440.aiai-luminous-internal-v1.page-changes.changes-hub-v448
  .changes-method{
    margin-top:20px!important;
  }
}