/* Bookmark rows share the homepage heading and body roles. */
.hb-panel{min-width:0;display:flex;flex-direction:column}
.home-capabilities .hb-panel>header{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;height:auto;margin:0 0 8px;padding:0;border:0;background:transparent;box-shadow:none}
.home-capabilities .hb-panel>header>.hb-heading{display:flex;align-items:center;gap:8px;min-width:0;margin:0}
.hb-heading-icon{display:flex;flex:none;color:var(--hc-link,#235fbe)}
.hb-heading-icon svg{width:20px;height:20px}
.hb-tabs{display:flex;align-items:center;gap:12px;min-width:0}
.home-capabilities .hb-panel>header .hb-tabs button{font:var(--sprout-type-section-title-weight,400) var(--sprout-type-section-title-size,15px)/var(--sprout-type-section-title-line,24px) var(--sprout-font-ui,system-ui);white-space:nowrap;color:var(--muted,#63788d);border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 8px;cursor:pointer}
.home-capabilities .hb-panel>header .hb-tabs button[aria-selected="true"]{color:var(--hc-link,#3386f5);border-bottom-color:currentColor}
.hb-heading-actions{display:flex;gap:8px;white-space:nowrap}
.home-capabilities .hb-panel>header .hb-heading-actions button{font:inherit;font-size:12px;line-height:24px;border:0;background:transparent;padding:0;color:var(--hc-link,#235fbe);cursor:pointer}
.hb-panel>[role="tabpanel"]{min-width:0;flex:1}
.hb-panel>[role="tabpanel"][hidden]{display:none}
.hb-panel>[role="tabpanel"]:focus-visible{outline:2px solid #4c85cf;outline-offset:2px}
.hb-panel [data-hb-home-list]{flex:1;min-width:0}
.hb-list{list-style:none;margin:0;padding:0}
.hb-row{display:flex;align-items:center;min-width:0;min-height:38px;border-radius:3px;padding:0 4px}
.hb-row:hover,.hb-row:focus-within{background:var(--wash,#f0f3f7)}
.hb-link{display:flex;align-items:center;gap:12px;min-width:0;flex:1;min-height:38px;color:inherit;text-decoration:none;padding:4px 2px;box-sizing:border-box}
.hb-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:22px}
.hb-favicon{position:relative;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:var(--muted,#67778c)}
.hb-favicon img{position:absolute;inset:2px;width:26px;height:26px;object-fit:contain;background:var(--panel,#fff);visibility:hidden}
.hb-favicon img.hb-logo-ready{visibility:visible}
.hb-favicon .hb-monochrome{background:transparent}
/* The official Blossom asset includes clear space; match its visible mark to the favicon slot. */
.hb-favicon .hb-logo-clearspace{transform:scale(2)}
.hb-favicon svg{width:26px;height:26px}
.hb-favicon svg[hidden]{display:none}
.hb-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:0;background:transparent;color:var(--muted,#64758b);padding:5px;cursor:pointer;border-radius:3px}
.hb-icon-button svg{width:17px;height:17px}
.hb-panel .hb-icon-button{opacity:0}
.hb-panel .hb-row:hover .hb-icon-button,.hb-panel .hb-row:focus-within .hb-icon-button{opacity:1}
.hb-empty{font-size:13px;color:var(--muted,#63788d);line-height:22px;padding:20px 0;margin:0}
.hb-empty button{display:block;margin-top:8px}
.hb-status{font-size:12px;line-height:18px;color:var(--hc-link,#235fbe);margin:6px 0 0}
.hb-status:empty{margin:0}
.hb-dialog{--hb-paper:var(--panel,#fff);--hb-ink:var(--ink,#203955);--hb-line:var(--line,#dfe5ee);width:min(600px,calc(100vw - 40px));max-height:84dvh;box-sizing:border-box;overflow:auto;border:1px solid var(--hb-line);border-radius:4px;padding:16px;background:var(--hb-paper);color:var(--hb-ink);box-shadow:0 14px 50px #132d4830;font:14px/22px system-ui,sans-serif}
.hb-dialog::backdrop{background:#172b4759}
.hb-dialog>header{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;height:auto;margin:0 0 14px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hb-dialog h2{font-size:var(--sprout-type-section-title-size,15px);line-height:24px;font-weight:var(--sprout-type-section-title-weight,400);margin:0}
.hb-dialog button,.hb-dialog input,.hb-dialog select{font:inherit;box-sizing:border-box;border-radius:4px}
.hb-dialog button{cursor:pointer}
.hb-dialog>header button{border:0;padding:0 4px;background:transparent;color:inherit;font-size:22px;line-height:28px}
.hb-all-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.hb-all-toolbar label{flex:1;min-width:0}
.hb-dialog input,.hb-dialog select{display:block;width:100%;height:34px;border:1px solid var(--hb-line);padding:5px 9px;color:inherit;background:var(--hb-paper);min-width:0}
.hb-all-toolbar select{width:auto}
.hb-dialog .hb-primary{border:1px solid #2467c9;background:#2467c9;color:white;padding:5px 12px;min-height:34px;white-space:nowrap}
.hb-all-dialog [data-hb-all-list]{max-height:58dvh;overflow:auto}
.hb-all-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:var(--muted,#697d91)}
.hb-edit-dialog{width:min(420px,calc(100vw - 40px))}
.hb-form{display:grid;gap:12px}
.hb-form label{display:grid;gap:5px}
.hb-dialog .hb-note{font-size:12px;line-height:20px;color:var(--muted,#697d91);margin:0}
.hb-dialog .hb-form-error{color:#af3434;margin:0;font-size:13px;line-height:21px}
.hb-dialog .hb-dialog-actions{position:static;display:flex;justify-content:flex-end;gap:8px;min-height:0;padding:0;margin:6px 0 0;border:0;background:transparent;color:inherit;box-shadow:none}
.hb-dialog .hb-dialog-actions button{border:1px solid var(--hb-line);background:transparent;color:inherit;min-height:32px;padding:4px 12px}
.hb-dialog :is(a,button):focus-visible,.hb-panel :is(a,button):focus-visible{outline:2px solid #4c85cf;outline-offset:2px}
.hb-dialog :is(input,select):focus{outline:none;box-shadow:none}
body.dark .hb-dialog{--hb-paper:#182b40;--hb-ink:#e3edf8;--hb-line:#344d67;--muted:#b4c8dc;--wash:#243c52}
body.dark .hb-row:hover,body.dark .hb-row:focus-within{background:#243c52}
body.dark .hb-favicon img{background:#182b40}
body.dark .hb-favicon .hb-monochrome{background:transparent;filter:invert(1)}
body.dark .hb-form-error{color:#ffacac}
@media(hover:none){.hb-panel .hb-icon-button{opacity:1}}
@media(max-width:700px){.hb-all-toolbar{flex-wrap:wrap}.hb-all-toolbar label{flex-basis:60%}}

/* 拖动排序：把手常显、拖拽态与插入指示线 */
.hb-panel .hb-row .hb-grip{opacity:.4;cursor:grab}
.hb-panel .hb-row .hb-grip:active{cursor:grabbing}
.hb-panel .hb-row:hover .hb-grip,.hb-panel .hb-row:focus-within .hb-grip,.hb-dialog .hb-grip{opacity:.6}
.hb-panel .hb-row .hb-grip:hover,.hb-dialog .hb-grip:hover{opacity:1}
.hb-row.hb-dragging{opacity:.45}
.hb-row.hb-drop-above{box-shadow:inset 0 2px 0 #2467c9}
.hb-row.hb-drop-below{box-shadow:inset 0 -2px 0 #2467c9}
body.dark .hb-row.hb-drop-above,body.dark .hb-row.hb-drop-below{box-shadow:inset 0 2px 0 #6ea3e8}
body.dark .hb-row.hb-drop-below{box-shadow:inset 0 -2px 0 #6ea3e8}

/* 最后打开时间 */
.hb-opened{margin-left:auto;flex:none;font-size:12px;line-height:22px;color:var(--muted,#64758b);white-space:nowrap}
body.dark .hb-opened{color:var(--muted,#8fa1b3)}

/* The selected bookmark tab uses the same single 2px border underline as the other home tabs. */
#hc-bookmarks .hb-heading-icon{display:none}

/* 书签行内可见的项目标签：分组后直接识别所属项目（2026-11-02） */
#hc-bookmarks .hb-row .hb-row-project {flex:none;max-width:150px;margin-left:8px;padding:1px 8px;border:1px solid color-mix(in srgb,var(--action,#2769d5) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--action,#2769d5) 8%,transparent);color:var(--action,#2769d5);font:inherit;font-size:11px;line-height:18px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hc-bookmarks .hb-row .hb-row-project:hover {background:color-mix(in srgb,var(--action,#2769d5) 16%,transparent)}

/* 首页书签列表分页：上一页 / 下一页（2026-11-02） */
#hc-bookmarks .hb-pager {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px 2px}
#hc-bookmarks .hb-pager button {border:1px solid color-mix(in srgb,var(--ink,#303431) 18%,transparent);border-radius:5px;background:none;color:var(--ink,#303431);font:inherit;font-size:12px;line-height:22px;padding:0 12px;cursor:pointer}
#hc-bookmarks .hb-pager button:hover:not([disabled]) {background:color-mix(in srgb,var(--action,#2769d5) 10%,transparent);border-color:var(--action,#2769d5);color:var(--action,#2769d5)}
#hc-bookmarks .hb-pager button[disabled] {opacity:.4;cursor:default}
#hc-bookmarks .hb-pager .hb-pager-info {color:var(--muted,#64748b);font-size:12px;font-variant-numeric:tabular-nums}