/* BF6N28. Keep the camera and manual INCI area visible at every viewport size. */
body.inci-recent-ready #lastAnalysisCard {display:none !important;}
.inci-recent-analyses {max-width:100%;margin:0 0 .55rem;padding:0;min-width:0;overflow:hidden;}
.inci-recent-heading {display:flex;gap:.7rem;align-items:baseline;justify-content:space-between;margin-bottom:.3rem;white-space:nowrap;}
.inci-recent-heading strong {font-size:.87rem;font-weight:600;line-height:1.2;}
.inci-recent-heading small {font-size:.7rem;color:var(--bs-secondary-color,#757575);overflow:hidden;text-overflow:ellipsis;}
.inci-recent-scroll {display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.08rem .04rem .35rem;scroll-snap-type:x proximity;scrollbar-width:thin;}
.inci-recent-badge {display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;border:1px solid var(--bs-border-color,#bbb);border-radius:999px;padding:.35rem .65rem;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#222);white-space:nowrap;cursor:pointer;scroll-snap-align:start;font-size:.74rem;font-weight:500;line-height:1.15;max-width:15.7rem;min-height:2.1rem;}
.inci-recent-badge:hover,.inci-recent-badge:focus-visible {border-color:var(--bs-primary,#4171a1);outline:2px solid transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--bs-primary,#4171a1) 26%,transparent);}
.inci-recent-badge:disabled {opacity:.6;cursor:progress;}
/* BF6N28D: device name is never silently ellipsized; horizontal scroll already exists. */
.inci-recent-device {max-width:none;overflow:visible;text-overflow:clip;color:var(--bs-secondary-color,#666);}
.inci-recent-separator {color:var(--bs-secondary-color,#777);}
.inci-recent-badge.is-selected {border-color:var(--bs-primary,#4171a1);background:var(--bs-primary-bg-subtle,#eff5ff);font-weight:650;}
.inci-recent-badge:focus-visible {outline:2px solid var(--bs-primary,#4171a1);outline-offset:2px;}
@media(max-width:575px){.inci-recent-heading small{display:none}.inci-recent-analyses{margin-bottom:.4rem}.inci-recent-badge{padding:.3rem .5rem;min-height:1.9rem;font-size:.71rem}.inci-recent-device{max-width:none}}

/* No badge width cap: long real device names remain readable via horizontal scroll. */
.inci-recent-badge {max-width:none;}

/* BF6N28E_PORTRAIT_TWO_ROWS_CENTERED_LANDSCAPE
   Every badge stays visible: three columns x two rows on portrait widths.
   Longer real device names wrap rather than being truncated or hidden. */
.inci-recent-analyses .inci-recent-scroll {
  display: flex;
  flex-wrap: nowrap;
  justify-content: safe center;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 767.98px), (orientation: portrait) and (max-width: 991.98px) {
  .inci-recent-analyses .inci-recent-scroll {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: auto;
    gap: .38rem .32rem;
    max-width: 100%;
    overflow: visible;
    justify-content: stretch;
    align-items: stretch;
    padding: .12rem .05rem .3rem;
  }
  .inci-recent-analyses .inci-recent-badge {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    padding: .32rem .18rem;
    gap: .1rem .22rem;
    line-height: 1.2;
  }
  .inci-recent-analyses .inci-recent-time { white-space: nowrap; }
  .inci-recent-analyses .inci-recent-separator { display: none; }
  .inci-recent-analyses .inci-recent-device {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }
}