project-chat-ux-v109.css

/* NiakGPT 0.9.59 — active chat, rename action and OUT state inside Project drawers. */
#ng8-pins .ng96-folder-list{display:flex!important;flex-direction:column!important;}
#ng8-pins .ng109-chat-row{display:grid!important;grid-template-columns:minmax(0,1fr) 25px!important;gap:3px!important;align-items:center!important;order:0!important;border-radius:5px!important;margin:0!important;}
#ng8-pins .ng109-chat-row>a[data-chat]{width:100%!important;min-width:0!important;min-height:29px!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px auto!important;align-items:center!important;gap:6px!important;padding:4px 6px 4px 7px!important;margin:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#bdcad6!important;text-align:left!important;cursor:pointer!important;text-decoration:none!important;overflow:hidden!important;}
#ng8-pins .ng109-chat-row:nth-child(even)>a[data-chat]{background:rgba(255,255,255,.018)!important;}
#ng8-pins .ng109-chat-row>a[data-chat]:hover,#ng8-pins .ng109-chat-row>a[data-chat]:focus-visible{background:#142330!important;color:#fff!important;outline:none!important;}
#ng8-pins .ng109-chat-row>a[data-chat]>span:not(.ng109-out-badge){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;}
#ng8-pins .ng109-chat-row>a[data-chat]>time{text-align:right!important;color:#71889c!important;font:700 8.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;}
#ng8-pins .ng109-chat-row[data-ng109-active="1"]{background:color-mix(in srgb,var(--ng8-current-project,#4fc1ff) 16%,#0b1720 84%)!important;box-shadow:inset 2px 0 var(--ng8-current-project,#4fc1ff)!important;}
#ng8-pins .ng109-chat-row[data-ng109-active="1"]>a[data-chat]{color:#fff!important;font-weight:650!important;background:transparent!important;}
#ng8-pins .ng109-chat-row[data-ng109-active="1"] time{color:color-mix(in srgb,var(--ng8-current-project,#4fc1ff) 72%,#dce7f1 28%)!important;}
#ng8-pins .ng109-chat-rename{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border:1px solid #2b3b48!important;border-radius:5px!important;background:#0d1720!important;color:#7890a4!important;padding:0!important;margin:0!important;cursor:pointer!important;font:700 11px/1 system-ui,sans-serif!important;opacity:.72!important;}
#ng8-pins .ng109-chat-row:hover .ng109-chat-rename,#ng8-pins .ng109-chat-rename:focus-visible{opacity:1!important;color:#fff!important;border-color:#4b6479!important;background:#172632!important;outline:none!important;}
#ng8-pins .ng109-chat-row[data-ng109-out="1"]{order:9999!important;opacity:.78!important;background:linear-gradient(90deg,rgba(241,76,76,.10),rgba(30,12,14,.30))!important;box-shadow:inset 2px 0 rgba(241,76,76,.78)!important;}
#ng8-pins .ng109-chat-row[data-ng109-out="1"]>a[data-chat]{filter:saturate(.62)!important;background:transparent!important;}
#ng8-pins .ng109-out-badge{position:static!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:25px!important;padding:2px 4px!important;border:1px solid rgba(241,76,76,.58)!important;border-radius:3px!important;background:#2b1114!important;color:#ff8d8d!important;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.08em!important;white-space:nowrap!important;}
#ng8-pins .ng96-pin-drawer .ng100-out-badge{display:none!important;}