/* Industry updates — the twice-a-day card, the top-bar button, the 7-day panel.
   Owner: F6, round 17. The card is NON-MODAL: no backdrop, never takes focus,
   sits under the app's own modals (z-index 70 < .modal-root 80). */

.iu-card{
  position:fixed; right:22px; bottom:22px; z-index:70;
  width:min(420px, calc(100vw - 32px)); max-height:min(72vh, 640px);
  display:flex; flex-direction:column;
  background:var(--paper); color:var(--ink);
  border:1px solid var(--stroke); border-radius:var(--r-lg);
  box-shadow:var(--shadow);
  animation:iuIn .34s cubic-bezier(.2,.9,.3,1.1) both;
}
.iu-card.iu-bye{animation:iuOut .2s ease both}
@keyframes iuIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes iuOut{to{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.iu-card,.iu-card.iu-bye{animation:none}}

.iu-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding:16px 18px 10px; border-bottom:1px solid var(--stroke-soft)}
.iu-h{font-family:var(--disp); font-weight:700; font-size:16.5px; letter-spacing:-.005em}
.iu-sub{font-size:12px; color:var(--ink-soft); margin-top:2px}
.iu-x{flex:0 0 32px; width:32px; height:32px; border-radius:50%; border:1px solid var(--stroke-soft);
  background:var(--bone); color:var(--ink-soft); font-size:19px; line-height:1; cursor:pointer}
.iu-x:hover{border-color:var(--gold); color:var(--gold-deep)}
.iu-x:focus-visible,.iu-all:focus-visible,.iu-fb-b:focus-visible,.iu-btn:focus-visible,.iu-t:focus-visible{outline:2px solid var(--gold); outline-offset:2px}

.iu-list{list-style:none; margin:0; padding:4px 18px; overflow-y:auto; flex:1 1 auto}
.iu-item{padding:12px 0; border-bottom:1px solid var(--stroke-soft)}
.iu-item:last-child{border-bottom:0}
.iu-meta{display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-faint);
  letter-spacing:.01em; margin-bottom:4px}
.iu-src{color:var(--gold-deep); font-weight:600}
.iu-new{margin-left:4px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--green); background:rgba(30,58,51,.08); border-radius:99px; padding:2px 7px}
.iu-t{display:block; font-weight:600; font-size:14px; line-height:1.35; color:var(--ink); text-decoration:none; overflow-wrap:anywhere}
a.iu-t:hover{color:var(--gold-deep); text-decoration:underline; text-underline-offset:2px}
a.iu-t::after{content:" ↗"; font-weight:400; color:var(--ink-faint)}
.iu-sum{margin:5px 0 0; font-size:12.8px; line-height:1.45; color:var(--ink-soft);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

.iu-fb{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 18px;
  border-top:1px solid var(--stroke-soft); background:var(--bone)}
.iu-fb-q{font-size:12.8px; font-weight:600; color:var(--ink); margin-right:4px}
.iu-fb[data-state="why"] .iu-fb-q{flex:1 0 100%; font-weight:500}
.iu-fb-b{border:1px solid var(--stroke); background:var(--paper); color:var(--ink); border-radius:99px;
  padding:5px 14px; font-size:12.5px; font-weight:600; cursor:pointer; min-height:32px}
.iu-fb-b:hover{border-color:var(--gold)}
.iu-fb-send{background:var(--ink); color:var(--paper); border-color:var(--ink)}
.iu-why{flex:1 0 100%; resize:vertical; min-height:52px; border:1px solid var(--stroke); border-radius:var(--r-sm);
  padding:8px 10px; font-size:13px; background:var(--paper)}
.iu-fb-row{display:flex; gap:8px; justify-content:flex-end; flex:1 0 100%}

.iu-foot{display:flex; flex-direction:column; gap:6px; padding:10px 18px 14px; border-top:1px solid var(--stroke-soft)}
.iu-all{align-self:flex-start; background:none; border:0; padding:0; color:var(--gold-deep); font-weight:600;
  font-size:12.8px; cursor:pointer; text-decoration:underline; text-underline-offset:2px}
.iu-gen{font-size:11px; color:var(--ink-faint); line-height:1.4}

/* top-bar button — sized and styled like the alert bell next to it */
.iu-btn{position:relative; width:38px; height:38px; flex:0 0 38px; border-radius:50%; display:grid; place-items:center;
  border:1px solid var(--stroke-soft); background:var(--bone); color:var(--ink-soft); cursor:pointer; transition:all .22s}
.iu-btn:hover{border-color:var(--gold); color:var(--gold-deep); transform:translateY(-1px); box-shadow:var(--shadow-soft)}
.iu-btn svg{width:17px; height:17px}
.iu-badge{position:absolute; top:-3px; right:-3px; min-width:17px; height:17px; padding:0 4px; border-radius:99px;
  background:var(--gold); color:#fff; font-size:10px; font-weight:700; line-height:17px; text-align:center;
  box-shadow:0 0 0 2px var(--paper)}
.iu-badge[hidden]{display:none}

/* the 7-day panel (inside the app's own modal) */
.iu-panel .iu-list-panel{padding:0; margin-top:8px; max-height:58vh}
.iu-panel .iu-sum{-webkit-line-clamp:4}
.iu-panel .iu-fb{margin-top:10px; border-radius:var(--r-md); border-top:0}
.iu-none{padding:22px 0; color:var(--ink-soft); font-size:14px}
.iu-gen-panel{margin-top:12px}
@media (max-width:760px){.iu-panel .iu-list-panel{max-height:46vh}}

@media (max-width:760px){
  .iu-card{left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); width:auto; max-height:62vh}
  .iu-btn{width:34px; height:34px; flex:0 0 34px}
  .iu-btn svg{width:16px; height:16px}
}

/* Q3 #13: compact corner card. Still pops up twice a day, but never wider than 360px
   on desktop (was 420) and shorter, so tables stay readable behind it; the summary
   line is dropped in the card (still shown in the 7-day panel). */
@media (min-width:761px){
  .iu-card{ width:min(360px, calc(100vw - 32px)); max-height:min(56vh, 440px); right:18px; bottom:18px; }
  .iu-card .iu-sum{ display:none; }
  .iu-card .iu-head{ padding:12px 14px 8px; }
  .iu-card .iu-h{ font-size:15px; }
  .iu-card .iu-list{ padding:2px 14px; }
  .iu-card .iu-item{ padding:9px 0; }
  .iu-card .iu-fb{ padding:8px 14px; }
  .iu-card .iu-foot{ padding:8px 14px 10px; }
}
@media (max-width:760px){
  /* sits above the install chip / safe area and is short enough to leave the list visible */
  .iu-card{ max-height:44vh; bottom:calc(12px + env(safe-area-inset-bottom,0px)); }
  body.pwa-bar-on .iu-card{ bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
  .iu-card .iu-sum{ -webkit-line-clamp:1; }
}