.notes-page{max-width:1180px;margin:0 auto;padding:18px}.notes-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.notes-actions{display:flex;gap:10px;flex-wrap:wrap}.notes-grid{display:grid;grid-template-columns:330px 1fr;gap:16px}.notes-sidebar,.notes-editor{padding:16px;border-radius:18px}.notes-tabs{display:flex;gap:8px;margin-bottom:12px}.notes-tab{flex:1;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.65);color:var(--text,#e5e7eb);border-radius:12px;padding:10px;font-weight:800;cursor:pointer}.notes-tab.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#60a5fa}.notes-tree{display:flex;flex-direction:column;gap:4px;max-height:70vh;overflow:auto}.note-tree-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px 10px calc(12px + var(--depth,0)*18px);border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text,#e5e7eb);cursor:pointer}.note-tree-item:hover,.note-tree-item.active{background:rgba(37,99,235,.18);border-color:rgba(96,165,250,.45)}.note-tree-item span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-tree-item small{color:#9ca3af;font-size:12px;white-space:nowrap}.notes-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.notes-editor-head>div:first-child{flex:1}.notes-editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.notes-title-input{font-size:22px;font-weight:900;margin-top:6px}.notes-label{display:block;margin:14px 0 6px;font-weight:900}.notes-content{min-height:360px;width:100%;resize:vertical}.notes-empty{color:#9ca3af;padding:16px;text-align:center}.notes-empty.big{padding:80px 20px}.notes-folder-hint,.notes-share-box{margin-top:16px;padding:14px;border:1px dashed rgba(148,163,184,.35);border-radius:14px;background:rgba(15,23,42,.45)}.notes-share-box h3{margin-top:0}.checkline{display:flex;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03)}.notes-user-share-list{margin-top:12px;max-height:220px;overflow:auto}.notes-shared-by{color:#93c5fd;font-weight:800}.small{font-size:13px}.danger{background:rgba(127,29,29,.6)!important;border-color:rgba(248,113,113,.4)!important}.error{color:#fecaca}
@media(max-width:850px){.notes-page{padding:12px}.notes-head,.notes-editor-head{flex-direction:column;align-items:stretch}.notes-grid{grid-template-columns:1fr}.notes-tree{max-height:40vh}.notes-editor-actions{justify-content:flex-start}.notes-content{min-height:280px}.notes-title-input{font-size:18px}}
.notes-subtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}.notes-subtab{border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.55);color:var(--text,#e5e7eb);border-radius:12px;padding:9px 8px;font-weight:800;cursor:pointer}.notes-subtab.active{background:rgba(37,99,235,.28);border-color:rgba(96,165,250,.6)}.notes-meta-line{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px;color:#a7b4c7;font-size:13px}.notes-meta-line b{color:#e5e7eb}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-weight:900;font-size:12px}.muted-badge{background:rgba(148,163,184,.15);color:#cbd5e1}.edit-badge{background:rgba(34,197,94,.16);color:#bbf7d0}.share-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 0}.checkline.tiny{font-size:13px;color:#cbd5e1;white-space:nowrap}.notes-share-box .checkline{margin:0}.notes-share-box input[type="checkbox"]{accent-color:#3b82f6}.note-tree-item small{max-width:46%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){.notes-subtabs{grid-template-columns:1fr}.share-row{grid-template-columns:1fr}.checkline.tiny{white-space:normal}.note-tree-item{align-items:flex-start;flex-direction:column}.note-tree-item small{max-width:100%}}