/* Categories at left; records use the complete content column. */
#app.category-list-view .collection-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:start;gap:20px!important}
#app.category-list-view .collection-groups{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:sticky!important;top:20px;width:100%!important;min-width:0;padding:16px!important;gap:14px;box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto!important}
#app.category-list-view .useful-category-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
#app.category-list-view .useful-category-heading h2{font-size:16px;line-height:1.3;margin:0;color:var(--ui-text,#173553);font-weight:650}
#app.category-list-view .useful-category-heading .group-toolbar{display:flex!important;flex-direction:row!important;gap:5px;margin:0!important;padding:0!important;flex:none}
#app.category-list-view .useful-category-heading .group-toolbar button{display:flex;align-items:center;justify-content:center;width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:6px!important;border-radius:9px!important;font-size:0!important}
#app.category-list-view .useful-category-heading .group-toolbar button svg{width:18px;height:18px}
#app.category-list-view .collection-tabs{display:flex!important;flex-direction:column!important;gap:7px;width:100%!important;overflow:visible;padding:0;flex:none!important}
#app.category-list-view .group-row{width:100%}
#app.category-list-view .group-row>[data-filter]{width:100%;justify-content:flex-start;white-space:normal;text-align:left;min-height:42px;padding:11px 12px!important}
#app.category-list-view .collection-results{width:100%;min-width:0;max-width:none;box-sizing:border-box;padding:18px}
#app.category-list-view .collection-results .entries,#app.category-list-view .collection-results .notebook{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:14px!important}
#app.category-list-view .collection-results .useful-record{position:relative;display:block!important;width:100%!important;max-width:none!important;min-width:0;cursor:auto!important;user-select:text!important;-webkit-user-select:text!important;box-sizing:border-box}
#app.category-list-view .useful-record>div{width:100%!important;max-width:none!important;min-width:0}
#app.category-list-view .useful-record .entry-head{display:flex;align-items:center;justify-content:flex-start!important;gap:9px;flex-wrap:wrap;cursor:auto}
#app.category-list-view .useful-record .entry-head h3{margin:0;min-width:0;overflow-wrap:anywhere}
#app.category-list-view .useful-record .entry-head .entry-actions{margin-left:auto}
#app.category-list-view .useful-record .entry-text{width:100%;max-width:none!important;cursor:text;user-select:text!important;-webkit-user-select:text!important}
#app.category-list-view .useful-record-grip{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:26px!important;min-width:26px!important;height:32px!important;min-height:32px!important;padding:4px!important;margin:0;background:transparent!important;border:0!important;border-radius:7px;cursor:grab!important;touch-action:none;user-select:none!important;color:var(--ui-muted,#5f7890)}
.useful-record-grip svg{width:16px;height:22px;fill:currentColor}
#app.category-list-view .useful-record-grip:active{cursor:grabbing!important}
#app.category-list-view .useful-record.useful-record-moving{opacity:.35}
.useful-record-ghost{position:fixed;z-index:10000;pointer-events:none;max-width:260px;padding:12px 16px;border-radius:12px;background:var(--ui-raised,#fff);color:var(--ui-text,#173553);font-size:14px;box-shadow:0 8px 24px #10203030}
#app.category-list-view .useful-drop-category{box-shadow:inset 0 0 0 2px var(--user-accent,#0855b5)!important}
.useful-drop-before:before,.useful-drop-after:after{content:'';position:absolute;left:0;right:0;height:4px;background:var(--user-accent,#0855b5);border-radius:4px;z-index:2;pointer-events:none}.useful-drop-before:before{top:-9px}.useful-drop-after:after{bottom:-9px}
@media(max-width:760px){#app.category-list-view .collection-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}#app.category-list-view .collection-groups{position:static!important;max-height:none;padding:12px!important;gap:10px}#app.category-list-view .collection-tabs{flex-direction:row!important;overflow-x:auto!important;gap:7px}#app.category-list-view .group-row{width:auto;flex:none}#app.category-list-view .group-row>[data-filter]{white-space:nowrap;width:auto;min-height:40px}#app.category-list-view .collection-results{padding:12px}#app.category-list-view .useful-record-grip{width:32px!important;min-width:32px!important;height:38px!important}.useful-record-ghost{max-width:210px}}
#app.category-list-view .useful-record .object-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;cursor:auto}
#app.category-list-view .useful-record .object-heading h3{margin:0;min-width:0;overflow-wrap:anywhere}
#app.category-list-view .useful-record .object-actions{margin-left:auto}

#app .useful-photos{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}#app .useful-photos button{width:150px;height:150px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--ui-control,#edf3fa)}#app .useful-photos img{display:block;width:100%;height:100%;object-fit:cover}#app .useful-photo-add svg{width:20px;height:20px}#app .useful-record.useful-photo-drop{box-shadow:inset 0 0 0 2px var(--user-accent,#0855b5)!important}#app .useful-record[data-uploading]{opacity:.65}@media(max-width:760px){#app .useful-photos button{width:calc(50% - 6px);height:auto;aspect-ratio:1}}

#app .useful-record .useful-record-grip{opacity:0;transition:opacity .16s ease,background .16s ease}
#app .useful-record:hover .useful-record-grip,#app .useful-record:focus-within .useful-record-grip{opacity:1}
#app .useful-record .useful-record-grip:hover{background:var(--ui-control,#edf3fa)!important}
#app .useful-record .useful-title-link{color:inherit;text-decoration:none}
#app .useful-record .useful-title-link:hover{text-decoration:underline;text-underline-offset:4px}
#app .useful-record .entry-head,#app .useful-record .object-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#app .useful-record .entry-actions,#app .useful-record .object-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .useful-record .useful-header-place{margin:0;max-width:260px;font-size:12px;padding:8px 10px;min-height:34px}
@media(hover:none){#app .useful-record .useful-record-grip{opacity:1}}

#app.category-list-view .useful-record.useful-record-with-photo{display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}
#app .useful-record-media{position:relative;min-width:0}
#app .useful-record-media .useful-photos{margin:0;display:grid;gap:8px}
#app .useful-record-media .useful-photos button{width:100%;height:auto;aspect-ratio:1}
#app .useful-record-media>.useful-record-grip{position:absolute!important;top:8px;left:8px;z-index:2;width:30px!important;height:34px!important;border-radius:10px;background:#fffffff0!important;color:#254c73!important;box-shadow:0 2px 8px #10203020}
#app .useful-record-copy{min-width:0}
@media(max-width:760px){#app.category-list-view .useful-record.useful-record-with-photo{grid-template-columns:92px minmax(0,1fr);gap:12px}#app .useful-record-copy .entry-head{gap:8px}#app .useful-record-copy .entry-actions{margin-left:0}}