#workspaceHome .kpl-live-panel { height:100%; min-height:0; display:flex; flex-direction:column; background:#fff; }
#workspaceHome .kpl-live-toolbar { display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid #eef0f3; font-size:12px; color:#737985; }
#workspaceHome .kpl-live-index-tabs { display:flex; gap:4px; margin-right:8px; }
#workspaceHome .kpl-live-index-tabs button { border:0; border-radius:4px; padding:5px 12px; background:transparent; color:#3e4650; font-size:16px; cursor:pointer; }
#workspaceHome .kpl-live-index-tabs button.is-active { background:#4b91d8; color:#fff; }
#workspaceHome .kpl-live-toolbar label { display:flex; align-items:center; gap:5px; }
#workspaceHome .kpl-live-date { border:1px solid #dfe3e8; border-radius:5px; padding:4px 6px; font:inherit; color:#3e4650; background:#fff; }
#workspaceHome .kpl-live-refresh { border:1px solid #dfe3e8; border-radius:5px; padding:4px 9px; color:#59616c; background:#fff; cursor:pointer; }
#workspaceHome .kpl-live-meta { margin-left:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#workspaceHome .kpl-live-list { padding:4px 12px 12px; overflow:auto; height:calc(100% - 51px); }
#workspaceHome .kpl-live-item { display:grid; grid-template-columns:46px 1fr; gap:10px; padding:10px 0; border-bottom:1px solid #f0f1f3; }
#workspaceHome .kpl-live-item time { color:#9b6a42; font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; padding-top:1px; }
#workspaceHome .kpl-live-copy p { margin:0; color:#303640; font-size:13px; line-height:1.6; }
#workspaceHome .kpl-live-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
#workspaceHome .kpl-live-tags span, #workspaceHome .kpl-live-tags .kpl-live-stock { padding:2px 6px; border-radius:4px; background:#f5f6f8; color:#858b94; font-size:11px; }
#workspaceHome .kpl-live-empty { padding:28px 8px; color:#9aa0a8; text-align:center; font-size:12px; }

#workspaceHome .kpl-live-tags .kpl-live-stock { border:0; font-family:inherit; cursor:pointer; }
#workspaceHome .kpl-live-tags .kpl-live-stock:hover { color:#c7353b; background:#fff0f1; }
#workspaceHome .kpl-live-tags .kpl-live-stock:focus-visible { outline: none; }
#workspaceHome .kpl-live-chart { height:100%; min-height:210px; margin:0 4px; border-bottom:1px solid #eef0f3; }
#workspaceHome .kpl-live-chart-wrap { position:relative; flex:1; min-height:0; }
#workspaceHome .kpl-live-chart-scroll { width:100%; height:100%; overflow-x:auto; }
#workspaceHome .kpl-live-anchor-card { position:absolute; z-index:8; width:min(350px,calc(100% - 16px)); max-height:220px; overflow:auto; padding:12px 14px; border:1px solid #dfe5ed; border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(30,55,90,.16); }
#workspaceHome .kpl-live-anchor-card header { display:flex; align-items:center; gap:12px; margin-bottom:6px; color:#172b4d; font-size:11px; }
#workspaceHome .kpl-live-anchor-card header time { margin-left:auto; color:#6d7787; font:9.5px ui-monospace,SFMono-Regular,Menlo,monospace; }
#workspaceHome .kpl-live-anchor-close { border:0; background:transparent; color:#8792a1; cursor:pointer; font-size:20px; line-height:1; }
#workspaceHome .kpl-live-anchor-card p { margin:0; color:#687386; font-size:10px; line-height:1.7; }
#workspaceHome .kpl-live-anchor-stocks { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }

#workspaceHome .kpl-live-anchor-stocks .kpl-live-stock, #workspaceHome .kpl-live-anchor-stocks span { font-size:10px; }

.kpl-live-detail { font:inherit; cursor:pointer; background:#fff; border:1px solid #e5e8ed; border-radius:6px; padding:3px 8px; color:#737b87; }
.kpl-live-detail:hover { color:#d92d32; background:#fff1f1; }
.kpl-feed-dialog { position:fixed; inset:0; margin:auto; font-weight:400; box-sizing:border-box; width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid #e5e8ed; border-radius:12px; background:#fff; color:#272b33; box-shadow:0 16px 48px #0002; }
.kpl-feed-dialog[open] { display:flex; flex-direction:column; }
.kpl-feed-dialog::backdrop { background:rgba(20,25,35,.3); }
.kpl-feed-dialog > header { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #e5e8ed; }
.kpl-feed-dialog > header b { font-size:15px; font-weight:600; }
.kpl-feed-close { border:0; background:#fff; color:#737b87; font-family:inherit; font-size:24px; line-height:1; cursor:pointer; padding:4px 8px; }
.kpl-feed-meta { padding:10px 16px; color:#737b87; font-size:12px; }
.kpl-feed-body { overflow:auto; position:relative; padding:0 16px 12px; min-height:0; }
.kpl-feed-item { display:grid; grid-template-columns:46px minmax(0,1fr); gap:10px; padding:12px 0; border-bottom:1px solid #eef0f3; }
.kpl-feed-item time { font-size:12px; color:#737b87; font-variant-numeric:tabular-nums; }
.kpl-feed-item p { margin:0; font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.kpl-feed-item .kpl-feed-interpretation { margin-top:6px; color:#737b87; }
.kpl-feed-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.kpl-feed-tags span,.kpl-feed-tags button { font-family:inherit; font-size:12px; line-height:1.5; background:#f7f8fa; color:#4e5561; border:1px solid #e5e8ed; border-radius:4px; padding:2px 6px; }
.kpl-feed-tags button { cursor:pointer; }
.kpl-feed-tags button:hover { background:#fff1f1; color:#d92d32; }
.kpl-feed-dialog button:focus-visible,.kpl-live-detail:focus-visible { outline:2px solid #d92d32; outline-offset:2px; }
.kpl-feed-empty { color:#737b87; text-align:center; font-size:13px; padding:20px; }

.kpl-feed-dialog .kpl-feed-tags { align-items:center; }
.kpl-feed-dialog .kpl-feed-tags .kpl-live-stock { color:#d92d32; font-size:12px !important; }
.kpl-feed-dialog .kpl-feed-tags .kpl-live-board { color:#d92d32; font-size:14px !important; font-weight:500; }
