/* Knit 0.3.2 — one full-height switchable sidebar view. No database changes. */
.sidebar-view-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;flex:0 0 auto;border-bottom:1px solid #e1e7f0;padding:2px 0 7px}
.sidebar-view-tools button{min-width:0;border:0;background:transparent;color:#667992;padding:7px 0;border-radius:7px;font-size:18px;line-height:1.2;min-height:35px}
.sidebar-view-tools button:hover{background:#e8efff!important}.sidebar-view-tools button.active{background:#dbeafe!important;color:#1d4ed8!important;box-shadow:inset 0 -2px #2563eb}
.sidebar-current-view{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:24px;color:#324663;flex:0 0 auto;padding:0 3px}
.sidebar-current-view strong{font-size:12px;font-weight:700}
.sidebar-current-view #new-folder{font-size:20px;padding:1px 5px;line-height:1.1}
.sidebar-view-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d6e8 transparent}
.sidebar-pane{display:block;min-width:0;padding:2px 0 10px}
.sidebar-pane[hidden]{display:none!important}
.sidebar .sidebar-view-body .folder-tree{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;gap:0!important}
.sidebar .sidebar-view-body #tag-explorer{display:block!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important}
.sidebar .sidebar-view-body #entity-list{display:flex!important;flex-direction:column;flex:0 0 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.sidebar .sidebar-view-body #entity-list[hidden]{display:none!important}
.sidebar .explorer-filters{margin-top:9px}
.sidebar #notes-heading{margin:12px 2px 5px}
.sidebar .side-nav{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;padding:7px 0 4px;border-top:1px solid #e0e7f1}
.sidebar .side-nav button{padding:7px 6px;font-size:11px;flex:1 1 42%;text-align:center;border-radius:6px;white-space:nowrap}
.sidebar .side-nav #nav-tags,.sidebar .side-nav #nav-attachments{display:none!important}
.sidebar .sidebar-footer{flex:0 0 auto;padding-top:7px;gap:3px}
.view-inline-actions{display:flex;align-items:center;gap:4px}.view-inline-actions input{flex:1;min-width:0}.view-inline-actions button{font-size:15px;padding:5px 8px}
.sidebar .sidebar-note-results{display:flex;flex-direction:column;gap:3px;margin-top:12px}
.sidebar-note-results .sidebar-section-label{font-size:10px;color:#64748b;letter-spacing:.05em;margin:3px 4px 5px;font-weight:700}
.sidebar-result{border:0;text-align:left;padding:8px 7px;width:100%;display:flex;flex-direction:column;gap:2px;min-width:0;background:transparent!important}
.sidebar-result:hover,.sidebar-result:focus-visible{background:#eaf2ff!important;color:#1d4ed8!important}
.sidebar-result strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
.sidebar-result small{font-size:10px;color:#71819b}
.sidebar-placeholder{color:#71819b;font-size:12px;line-height:1.6;padding:9px 5px}
.sidebar-data-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:9px 3px;border-bottom:1px solid #e7ecf5;font-size:12px}
.sidebar-data-row .label{color:#64748b;min-width:0}.sidebar-data-row .value{color:#243653;min-width:0;max-width:60%;overflow-wrap:anywhere;text-align:right}
.sidebar-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:14px 3px 6px}
.sidebar-wide-button{width:100%;margin-top:9px;font-size:12px;padding:8px}
.sidebar-link-row{width:100%;display:flex;align-items:center;gap:6px;text-align:left;padding:8px 3px;border:0;border-bottom:1px solid #e9edf4;font-size:12px;background:transparent!important;min-width:0}
.sidebar-link-row:hover{color:#2563eb}.sidebar-link-row .rel-type{color:#64748b;font-size:11px;flex:0 0 auto}
.sidebar-link-row .rel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2563eb;font-weight:600}
.sidebar-media-list{display:flex;flex-direction:column;gap:1px;margin-top:6px}
.sidebar-media-item{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:7px;padding:7px 5px;text-align:left;min-width:0;background:transparent!important}
.sidebar-media-item:hover,.sidebar-media-item.selected{background:#e8f0ff!important}
.sidebar-media-item img{width:43px;height:40px;object-fit:cover;background:#fff;border:1px solid #e4e9f3;border-radius:5px;flex:0 0 auto}
.sidebar-media-item span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sidebar-media-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-media-item small{font-size:10px;color:#64748b}
.sidebar-media-detail{border-top:1px solid #e1e7f0;margin-top:10px;padding-top:10px;overflow-wrap:anywhere}
.sidebar-media-detail img{max-width:100%;max-height:170px;display:block;object-fit:contain;background:white;margin:0 auto 8px}
.sidebar-media-detail strong{display:block;font-size:12px;word-break:break-word}
.sidebar-media-detail small{font-size:10px;color:#64748b}
.sidebar-media-detail .sidebar-wide-button{margin-top:6px}
.sidebar .search-label{display:block;margin:2px 0 9px}
@media(max-width:800px){
 .sidebar{overflow-y:hidden!important;gap:8px!important}
 .sidebar .sidebar-view-body{display:block!important;flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important}
 .sidebar .sidebar-view-body .folder-tree{display:flex!important;overflow:visible!important;min-height:0!important;flex:none!important}
 .sidebar .sidebar-view-body #tag-explorer{display:block!important;overflow:visible!important;min-height:0!important;flex:none!important}
 .sidebar .sidebar-view-body #entity-list{display:flex!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:0 0 auto!important}
 .sidebar .sidebar-view-body #entity-list[hidden]{display:none!important}
 .sidebar .sidebar-view-tools{gap:4px}.sidebar .sidebar-view-tools button{min-height:44px;font-size:20px}
 .sidebar .side-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important;padding:5px 0!important}
 .sidebar .side-nav button{font-size:12px!important;padding:8px 4px!important}
}

.sidebar-view-tools svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0 auto}