/* G498F9EB260_MEMBER_NOTE_CARD_POLISH
   Visual-only treatment for the personal notes list.  Data, sync and auth
   remain owned by the account-center scripts. */

html[data-mn-account-auth="yes"] [data-mn-note-card="1"] h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

html[data-mn-account-auth="yes"] [data-mn-note-card="1"] h2::before{
  content:""!important;
  width:7px!important;
  height:22px!important;
  flex:0 0 7px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#64f5df,#3ba6ff)!important;
  box-shadow:0 0 16px rgba(82,239,217,.34)!important;
}

.mn161k-r5r3-note-scroll{
  max-height:344px!important;
  padding:2px 7px 4px 0!important;
  margin-top:12px!important;
}

.mn161k-r5r3-note-scroll #noteList,
.mn161k-r5r3-note-scroll .mnmy-note-list{
  gap:10px!important;
}

/* Cloud notes and the browser-side fallback use different markup; the common
   card shell deliberately makes them feel like one product surface. */
.mn161k-r5r3-note-scroll .mnmy-note,
.mn161k-r5r3-note-scroll .mn-eb119-note-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:0!important;
  padding:13px 14px 12px!important;
  border:1px solid rgba(104,237,218,.20)!important;
  border-radius:15px!important;
  background:
    linear-gradient(135deg,rgba(31,92,95,.38),rgba(13,35,45,.87) 58%),
    rgba(13,35,45,.87)!important;
  box-shadow:inset 0 1px 0 rgba(219,255,255,.06),0 8px 22px rgba(0,9,15,.14)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

.mn161k-r5r3-note-scroll .mnmy-note::before,
.mn161k-r5r3-note-scroll .mn-eb119-note-card::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:3px!important;
  border-radius:15px 0 0 15px!important;
  background:linear-gradient(180deg,#63f5df,#469eff)!important;
}

.mn161k-r5r3-note-scroll .mnmy-note:hover,
.mn161k-r5r3-note-scroll .mn-eb119-note-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(113,250,227,.45)!important;
  box-shadow:inset 0 1px 0 rgba(219,255,255,.10),0 12px 26px rgba(0,9,15,.24)!important;
}

.mn161k-r5r3-note-scroll .mnmy-note b,
.mn161k-r5r3-note-scroll .mn-eb119-note-top b{
  display:block!important;
  min-width:0!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  color:#f1ffff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-top b{
  flex:1 1 auto!important;
}

/* Preserve the source and time but visually demote it below the match name. */
.mn161k-r5r3-note-scroll .mnmy-note > small:first-of-type,
.mn161k-r5r3-note-scroll .mn-eb119-note-top small{
  display:block!important;
  min-width:0!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
  color:#89afb5!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1.35!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-top small{
  flex:0 0 auto!important;
  max-width:108px!important;
  padding:3px 6px!important;
  border:1px solid rgba(129,216,211,.18)!important;
  border-radius:999px!important;
  background:rgba(4,20,29,.34)!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:0 0 10px!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-chips span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:20px!important;
  padding:2px 7px!important;
  border:1px solid rgba(78,237,216,.25)!important;
  border-radius:999px!important;
  background:rgba(21,111,109,.20)!important;
  color:#9affee!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-chips span:nth-child(2){
  border-color:rgba(102,171,255,.30)!important;
  background:rgba(72,118,205,.17)!important;
  color:#b8d4ff!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-chips span:nth-child(3){
  border-color:rgba(255,203,99,.28)!important;
  background:rgba(157,109,32,.16)!important;
  color:#ffe1a0!important;
}

.mn161k-r5r3-note-scroll .mnmy-note p,
.mn161k-r5r3-note-scroll .mn-eb119-note-card p{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  padding:9px 10px!important;
  border:1px solid rgba(180,244,238,.10)!important;
  border-radius:10px!important;
  background:rgba(2,17,26,.34)!important;
  color:#c7e5e5!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.55!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

.mn161k-r5r3-note-scroll .mnmy-note > small:last-child:not(:first-child){
  display:block!important;
  margin-top:9px!important;
  color:#7be9d9!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.4!important;
}

/* Structured cloud-note summary.  These selectors do not affect the local
   fallback cards, whose markup stays intentionally lightweight. */
.mn161k-r5r3-note-scroll .mnmy-note--summary{
  padding:13px 14px!important;
}

.mn161k-r5r3-note-scroll .mnmy-note--summary .mnmy-note__head{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
}

.mn161k-r5r3-note-scroll .mnmy-note--summary .mnmy-note__head b{
  flex:1 1 auto!important;
  margin:0!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__state{
  flex:0 0 auto!important;
  margin-top:1px!important;
  padding:3px 7px!important;
  border:1px solid rgba(110,239,220,.24)!important;
  border-radius:999px!important;
  background:rgba(26,144,128,.16)!important;
  color:#8dffec!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__state.is-reviewed{
  border-color:rgba(255,205,99,.28)!important;
  background:rgba(160,112,28,.17)!important;
  color:#ffe2a4!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__state.is-live{
  border-color:rgba(255,129,147,.34)!important;
  background:rgba(171,49,69,.16)!important;
  color:#ffb4c0!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 7px!important;
  margin:5px 0 10px!important;
  color:#7da7af!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__meta time::before,
.mn161k-r5r3-note-scroll .mnmy-note__meta em::before{
  content:"·"!important;
  margin-right:7px!important;
  color:#477982!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__meta em{
  color:#bde1dc!important;
  font-style:normal!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__callout{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__callout span{
  color:#7bb9b4!important;
  font-size:9px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__callout span::after{
  content:" · "!important;
  color:#426e75!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__callout strong{
  min-width:0!important;
  color:#f0ffff!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.3!important;
  text-align:left!important;
}

.mn161k-r5r3-note-scroll .mnmy-note--summary .mnmy-note__memo{
  margin-top:8px!important;
  color:#aecfce!important;
}

.mn161k-r5r3-note-scroll .mnmy-note__review{
  display:block!important;
  margin-top:8px!important;
  color:#79e6d8!important;
  font-size:10px!important;
  font-weight:800!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-card > a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:10px!important;
  color:#69f2dd!important;
  font-size:10.5px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mn161k-r5r3-note-scroll .mn-eb119-note-card > a::after{
  content:"继续查看 →"!important;
  color:#8bc4ff!important;
}

.mn161k-r5r3-note-scroll::-webkit-scrollbar{width:6px!important}
.mn161k-r5r3-note-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#5be9d6,#4a9eff)!important}

@media(max-width:980px){
  .mn161k-r5r3-note-scroll{max-height:385px!important}
}

@media(max-width:560px){
  .mn161k-r5r3-note-scroll{max-height:360px!important}
  .mn161k-r5r3-note-scroll .mnmy-note,
  .mn161k-r5r3-note-scroll .mn-eb119-note-card{padding:12px!important}
}

/* G498F9EB299_EDITORIAL_NOTE_CARDS
   The side rail is a personal record, not an ops dashboard. */
@media(min-width:981px){
  .mn161k-dashboard{
    grid-template-columns:minmax(0,1.08fr) minmax(365px,.92fr)!important;
  }
}

.mn161k-r5r3-note-scroll{
  max-height:390px!important;
  padding-right:4px!important;
  scrollbar-color:rgba(93,238,218,.52) transparent!important;
}

.mn161k-r5r3-note-scroll #noteList::-webkit-scrollbar,
.mn161k-r5r3-note-scroll .mnmy-note-list::-webkit-scrollbar{width:5px!important}
.mn161k-r5r3-note-scroll #noteList::-webkit-scrollbar-track,
.mn161k-r5r3-note-scroll .mnmy-note-list::-webkit-scrollbar-track{background:transparent!important}
.mn161k-r5r3-note-scroll #noteList::-webkit-scrollbar-thumb,
.mn161k-r5r3-note-scroll .mnmy-note-list::-webkit-scrollbar-thumb{background:rgba(93,238,218,.42)!important;border-radius:999px!important}

.mn161k-r5r3-note-scroll .mn161l-summary{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 0 11px!important;
  padding:0 1px!important;
  background:transparent!important;
}

.mn161k-r5r3-note-scroll .mn161l-summary strong,
.mn161k-r5r3-note-scroll .mn161l-summary span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#91b9bd!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.mn161k-r5r3-note-scroll .mn161l-summary strong{color:#e7ffff!important}
.mn161k-r5r3-note-scroll .mn161l-summary span::before{content:"·"!important;margin-right:6px!important;color:#4f8186!important}

.mn161k-r5r3-note-scroll .mn161l-note{
  padding:14px!important;
  border-color:rgba(114,235,218,.18)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(17,67,71,.58),rgba(10,34,43,.90))!important;
}

.mn161k-r5r3-note-scroll .mn161l-note::before{width:3px!important}

.mn161k-r5r3-note-scroll .mn161l-note-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.mn161k-r5r3-note-scroll .mn161l-note-top > div{min-width:0!important}
.mn161k-r5r3-note-scroll .mn161l-note-top b{
  display:block!important;
  margin:0!important;
  color:#f4ffff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mn161k-r5r3-note-scroll .mn161l-note-top small{
  display:block!important;
  margin-top:4px!important;
  color:#79a8ad!important;
  font-size:10px!important;
  font-weight:700!important;
}

.mn161k-r5r3-note-scroll .mn161l-record-badge{
  flex:0 0 auto!important;
  padding:4px 7px!important;
  border:1px solid rgba(121,240,221,.25)!important;
  border-radius:999px!important;
  background:rgba(18,133,120,.18)!important;
  color:#8ff9e7!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
}

.mn161k-r5r3-note-scroll .mn161l-picks{margin:10px 0 0!important;gap:5px!important}
.mn161k-r5r3-note-scroll .mn161l-picks span{
  padding:4px 7px!important;
  border-color:rgba(83,255,240,.20)!important;
  background:rgba(12,81,81,.22)!important;
  color:#91eee1!important;
  font-size:10px!important;
}

.mn161k-r5r3-note-scroll .mn161l-note-memo{
  display:block!important;
  margin:9px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b9d9d8!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.5!important;
  -webkit-line-clamp:2!important;
}

.mn161k-r5r3-note-scroll .mn161l-outcome{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:11px!important;
  padding-top:10px!important;
  border:0!important;
  border-top:1px solid rgba(184,246,239,.11)!important;
  border-radius:0!important;
  background:transparent!important;
}

.mn161k-r5r3-note-scroll .mn161l-outcome-label{color:#79a7ad!important;font-size:9px!important;font-weight:850!important}
.mn161k-r5r3-note-scroll .mn161l-outcome strong{color:#f0ffff!important;font-size:16px!important;font-weight:950!important;line-height:1!important}
.mn161k-r5r3-note-scroll .mn161l-checks{display:flex!important;flex:1 1 auto!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:4px!important}
.mn161k-r5r3-note-scroll .mn161l-checks span{font-size:9px!important;font-weight:850!important;white-space:nowrap!important}
.mn161k-r5r3-note-scroll .mn161l-outcome--pending strong{font-size:11px!important;color:#a8c9c8!important}

.mn161k-r5r3-note-scroll .mn161l-review-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#68f0dc!important;
  font-size:10.5px!important;
  font-weight:900!important;
  text-align:left!important;
}
.mn161k-r5r3-note-scroll .mn161l-review-btn i{color:#8ec9ff!important;font-size:14px!important;font-style:normal!important;line-height:1!important}

@media(max-width:560px){
  .mn161k-r5r3-note-scroll .mn161l-checks{justify-content:flex-start!important}
  .mn161k-r5r3-note-scroll .mn161l-outcome{align-items:flex-start!important;flex-wrap:wrap!important}
}

/* G498F9EB300_MOBILE_LIGHT_NOTE_CARDS
   Keep the phone experience aligned with the white, low-noise account page. */
@media(max-width:760px){
  html[data-mn-account-auth="yes"] [data-mn-note-card="1"]{
    border-color:#d8e1eb!important;
    background:#ffffff!important;
    box-shadow:0 5px 18px rgba(28,48,76,.05)!important;
  }

  html[data-mn-account-auth="yes"] [data-mn-note-card="1"] h2{color:#11233d!important}
  html[data-mn-account-auth="yes"] [data-mn-note-card="1"] h2::before{
    background:linear-gradient(180deg,#2388ef,#1465ce)!important;
    box-shadow:none!important;
  }
  html[data-mn-account-auth="yes"] [data-mn-note-card="1"] > p{color:#607187!important}

  .mn161k-r5r3-note-scroll{
    max-height:440px!important;
    margin-top:12px!important;
    padding-right:3px!important;
    background:transparent!important;
    scrollbar-color:#b8c9da transparent!important;
  }
  .mn161k-r5r3-note-scroll::-webkit-scrollbar{width:4px!important}
  .mn161k-r5r3-note-scroll::-webkit-scrollbar-track{background:transparent!important}
  .mn161k-r5r3-note-scroll::-webkit-scrollbar-thumb{background:#b8c9da!important}

  .mn161k-r5r3-note-scroll .mn161l-summary{
    margin:0 0 10px!important;
    padding:0 1px!important;
  }
  .mn161k-r5r3-note-scroll .mn161l-summary strong,
  .mn161k-r5r3-note-scroll .mn161l-summary span{color:#63748a!important}
  .mn161k-r5r3-note-scroll .mn161l-summary strong{color:#24364d!important}
  .mn161k-r5r3-note-scroll .mn161l-summary span::before{color:#afbdca!important}

  .mn161k-r5r3-note-scroll .mn161l-note{
    padding:14px!important;
    border:1px solid #dbe4ed!important;
    border-radius:12px!important;
    background:#ffffff!important;
    box-shadow:0 3px 10px rgba(29,52,79,.055)!important;
  }
  .mn161k-r5r3-note-scroll .mn161l-note::before{
    width:3px!important;
    background:linear-gradient(180deg,#2594f4,#2ab6b1)!important;
  }
  .mn161k-r5r3-note-scroll .mn161l-note:hover{transform:none!important;border-color:#c8d9e8!important}
  .mn161k-r5r3-note-scroll .mn161l-note-top b{color:#172b45!important}
  .mn161k-r5r3-note-scroll .mn161l-note-top small{color:#8493a5!important}

  .mn161k-r5r3-note-scroll .mn161l-record-badge{
    border-color:#b9dfd9!important;
    background:#ecfaf7!important;
    color:#177b70!important;
  }

  .mn161k-r5r3-note-scroll .mn161l-picks span{
    border-color:#cbe3f7!important;
    background:#f1f8ff!important;
    color:#2371b6!important;
  }

  .mn161k-r5r3-note-scroll .mn161l-note-memo{color:#4d6077!important}
  .mn161k-r5r3-note-scroll .mn161l-outcome{
    border-top-color:#e8eef4!important;
  }
  .mn161k-r5r3-note-scroll .mn161l-outcome-label{color:#8493a5!important}
  .mn161k-r5r3-note-scroll .mn161l-outcome strong{color:#1a2e47!important}
  .mn161k-r5r3-note-scroll .mn161l-checks .is-hit{color:#118575!important}
  .mn161k-r5r3-note-scroll .mn161l-checks .is-miss{color:#cf5c5c!important}
  .mn161k-r5r3-note-scroll .mn161l-checks .is-pending{color:#7b8998!important}
  .mn161k-r5r3-note-scroll .mn161l-review-btn{color:#1672cc!important}
  .mn161k-r5r3-note-scroll .mn161l-review-btn i{color:#1672cc!important}

  .mn161k-r5r3-note-scroll .mnmy-note.mn161l-loading{
    border-color:#dbe4ed!important;
    background:#f8fbfe!important;
    color:#50647b!important;
  }
}