/* IAM — лента заметок и «Настройки заметок» в подложке (js/ui/48-notes-feed.js, 12.11.2026 sh163, макет iam-next/notes-a.html).
   Сетка как у списка задач: контейнер с 48 px, значок — 58 (центр 66), текст — 88; справа 48. Линий нет. */
#nf { font-family: 'IAM Nunito', 'Nunito', system-ui; padding-bottom: 40px; }
#nf .nf-top { display: flex; align-items: center; gap: 8px; }
#nf .nf-top h3 { margin: 0; }
#nf .nf-top .sp { flex: 1; }
#nf .nf-q { width: 0; opacity: 0; padding: 0; border: 0; height: 30px; border-radius: 9px; background: rgba(255,255,255,.07); color: #f4f4f2; font: 600 13px 'IAM Nunito', 'Nunito', system-ui; outline: 0; transition: width .25s cubic-bezier(.2,.85,.2,1), opacity .2s, padding .25s; -webkit-app-region: no-drag; }
#nf .nf-q.on { width: 240px; opacity: 1; padding: 0 12px; }
#nf .nf-q::placeholder { color: #8d8d92; }
#nf .nf-qb { width: 30px; height: 30px; border: 0; border-radius: 9px; background: none; color: #8d8d92; display: grid; place-items: center; cursor: pointer; -webkit-app-region: no-drag; }
#nf .nf-qb:hover, #nf .nf-qb.on { color: #f4f4f2; background: rgba(255,255,255,.06); }
#nf .nf-qb svg { width: 16px; height: 16px; }

#nf .nf-g { margin: 26px 0 6px 40px; font: 800 11px/1 'IAM Nunito', 'Nunito', system-ui; letter-spacing: .14em; text-transform: uppercase; color: #6d6d72; }
#nf .nf-body > .nf-g:first-child { margin-top: 14px; }
#nf .nf-n { display: flex; align-items: flex-start; gap: 0; padding: 10px 0 10px 10px; border-radius: 12px; cursor: pointer; outline: 0; }
#nf .nf-n:focus-visible { box-shadow: inset 0 0 0 1.5px rgba(185,243,108,.5); }
#nf .nf-ic { width: 16px; height: 22px; flex: none; display: grid; place-items: center; color: #55555a; margin-right: 14px; }
#nf .nf-ic svg { width: 16px; height: 16px; stroke-width: 2.3; }
#nf .nf-n:hover .nf-ic { color: #9a9a9f; }
#nf .nf-n.pin .nf-ic { color: #8d8d92; }
#nf .nf-m { flex: 1; min-width: 0; }
#nf .nf-h { display: flex; align-items: baseline; gap: 10px; min-height: 22px; }
#nf .nf-h b { font: 700 16px/22px 'IAM Nunito', 'Nunito', system-ui; color: #f4f4f2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#nf .nf-p { flex: none; display: inline-flex; align-items: center; gap: 6px; font: 600 13px 'IAM Nunito', 'Nunito', system-ui; color: #8d8d92; white-space: nowrap; }
#nf .nf-p i { width: 7px; height: 7px; border-radius: 50%; background: #55555a; }
#nf .nf-sp { flex: 1; }
#nf .nf-h time { flex: none; font: 600 13px 'IAM Nunito', 'Nunito', system-ui; color: #6d6d72; white-space: nowrap; }
#nf .nf-x { margin-top: 3px; font: 500 14px/20px 'IAM Nunito', 'Nunito', system-ui; color: #8d8d92; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
#nf.p-3 .nf-x { -webkit-line-clamp: 3; }
#nf .nf-n.arch { opacity: .6; }
#nf mark { background: rgba(185,243,108,.25); color: inherit; border-radius: 3px; padding: 0 1px; }
#nf .nf-empty { margin: 40px 0 0 40px; font: 600 14px 'IAM Nunito', 'Nunito', system-ui; color: #8d8d92; }
/* компактно: всё в одну строку — название, проект, превью, дата */
#nf.v-compact .nf-n { padding: 7px 0 7px 10px; align-items: center; }
#nf.v-compact .nf-m { display: flex; align-items: center; gap: 12px; }
#nf.v-compact .nf-h { flex: none; max-width: 60%; }
#nf.v-compact .nf-h time { display: none; }
#nf.v-compact .nf-x { margin: 0; flex: 1; -webkit-line-clamp: 1; display: block; white-space: nowrap; text-overflow: ellipsis; }
/* плитки */
#nf.v-tiles .nf-l { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin-left: 10px; }
#nf.v-tiles .nf-n { flex-direction: column; padding: 14px 16px; background: #1c1c1f; border-radius: 16px; min-height: 120px; }
#nf.v-tiles .nf-ic { margin: 0 0 8px; }
#nf.v-tiles .nf-h { flex-wrap: wrap; row-gap: 2px; }
#nf.v-tiles .nf-h b { white-space: normal; flex: 1 1 100%; }
#nf.v-tiles .nf-sp { display: none; }
#nf.v-tiles .nf-x { -webkit-line-clamp: 4; }
#nf.v-tiles .nf-g { margin-left: 10px; }

/* ---------- «Настройки заметок» — под меню в подложке, как «Настройки задачи» ---------- */
#iam-nst { position: absolute; left: 0; right: 0; top: 80px; padding: 8px 58px 18px 56px; z-index: 2; color: #1d1d20; font-family: 'IAM Nunito', 'Nunito', system-ui; visibility: hidden; opacity: 0; transition: opacity .2s; }
html.nst-on:not(.tra-on):not(.trn-on):not(.tro-on):not(.tr-up) #iam-nst { visibility: visible; opacity: 1; }
#iam-nst .nst-head { display: flex; align-items: center; gap: 14px; height: 30px; padding-left: 2px; font: 700 16px/1.3 'IAM Nunito', 'Nunito', system-ui; color: #a3a3a6; }
#iam-nst .nst-hi { width: 16px; display: grid; place-items: center; color: #a3a3a6; } #iam-nst .nst-hi svg { width: 16px; height: 16px; }
#iam-nst .nst-row { display: flex; align-items: center; height: 40px; margin: 8px 0 0 23px; }
#iam-nst .nst-ics { display: flex; gap: 2px; }
#iam-nst .tra-ib { width: 40px; height: 40px; border: 0; border-radius: 13px; background: none; display: grid; place-items: center; color: #3a3a3e; cursor: pointer; position: relative; transition: background .15s, color .15s; }
#iam-nst .tra-ib svg { width: 22px; height: 22px; stroke-width: 1.9; }
#iam-nst .tra-ib:hover { background: rgba(0,0,0,.05); }
#iam-nst .tra-ib.act { background: #161618; color: #f4f4f2; }
#iam-nst .tra-ib.set:not(.act)::after { content: ''; position: absolute; top: 6px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: #1d1d20; box-shadow: 0 0 0 2px #fafaf7; }
#iam-nst .tra-ib .tra-pi { display: grid; place-items: center; } #iam-nst .tra-ib .tra-pi svg, #iam-nst .tra-ib .tra-pi img { width: 22px; height: 22px; }
#iam-nst .nst-sum { margin-left: 14px; font: 800 13.5px 'IAM Nunito', 'Nunito', system-ui; color: #6d6d72; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#iam-nst .nst-sum b { color: #1d1d20; font-weight: 800; } #iam-nst .nst-sum i { font-style: normal; margin: 0 6px; color: #a3a3a6; }
#iam-nst .nst-panes { display: none; flex-direction: column; gap: 6px; margin: 12px 0 0 23px; }
#iam-nst .nst-panes.on { display: flex; }
#iam-nst .tra-r { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; }
#iam-nst .tra-ch { height: 40px; border-radius: 13px; padding: 0 12px; font: 600 13px 'IAM Nunito', 'Nunito', system-ui; color: #161618; gap: 7px; }
#iam-nst .tra-ch small { font: 700 12px 'IAM Nunito', 'Nunito', system-ui; color: #8d8d92; margin-left: 2px; }
#iam-nst .tra-ch.on small { color: #a3a3a6; }
#iam-nst .tra-ch svg { width: 16px; height: 16px; }
#iam-nst .tra-ch .tra-pi { display: grid; place-items: center; } #iam-nst .tra-ch .tra-pi svg, #iam-nst .tra-ch .tra-pi img { width: 16px; height: 16px; }
#iam-nst .nst-k { min-width: 74px; font: 700 13px 'IAM Nunito', 'Nunito', system-ui; color: #8d8d92; }
#iam-nst .nst-note { min-width: 0; margin-left: 10px; font-weight: 600; }
/* поиск ленты — в шапке (topbar.css прячет старый поиск раздела, этот оставляем) */
body.tb-sec-on #page-notes #nf .ntb-top .nf-q { display: inline-block !important; }
body.tb-sec-on #page-notes #nf .ntb-top .nf-qb { display: grid !important; }
/* в шапке одна лупа — поиск по ленте; общий поиск — в меню подложки и по ⌘K */
body[data-tb-sec="notes"]:has(#page-notes #nf) #iam-topbar .tb-search { display: none !important; }