.notes-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
  .note-card {
    background: #fffbe6 !important;
    border: 1.5px solid #f7e271;
    box-shadow: 0 6px 20px #fae36b33;
    border-radius: 7px;
    min-height: 130px;
    padding: 14px 12px 10px 12px;
    word-break: break-word;
    position: relative;
    transition: box-shadow 0.15s;
  }
  .note-card:hover {
    box-shadow: 0 12px 28px #e8b80244;
  }
  body.darkmode .note-card {
    background: #33321e !important;
    border-color: #d6b932;
    color: #f7e271;
  }
  

  /* SimplePdfViewer shell */
.spv{position:relative;display:flex;flex-direction:column;height:100%;}
.spv__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);z-index:5}
.spv__wheel{width:42px;height:42px;border-radius:50%;border:4px solid #ddd;border-top-color:#3f51b5;animation:spvspin 1s linear infinite}
@keyframes spvspin{to{transform:rotate(360deg)}}

.spv__stage{flex:1;min-height:60vh;overflow:hidden;background:#f7f9fb;position:relative}
.spv__canvas{display:block;transform-origin:0 0;will-change:transform}
.spv--drag .spv__canvas{cursor:grabbing}

.spv__toolbar{display:flex;gap:.5rem;align-items:center;padding:.5rem;border:1px solid #ddd;border-top:none;background:#fff}
.spv__toolbar .spv__spacer{flex:1}

.spv__sidetoggle{position:absolute;left:.5rem;top:.5rem;z-index:3;border:0;background:#fff;padding:.35rem .5rem;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}
.spv__sidebar{position:absolute;left:0;top:0;bottom:0;width:240px;max-width:75vw;background:#fff;border-right:1px solid #ddd;transform:translateX(-100%);transition:transform .2s;z-index:4;display:flex;flex-direction:column}
.spv--sidebar-open .spv__sidebar{transform:translateX(0)}
.spv--sidebar-open .spv__sidetoggle{display:none}
.spv__sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #eee}
.spv__thumbs{overflow:auto;padding:.5rem;display:grid;grid-template-columns:1fr;gap:.5rem}
.spv__thumb{display:flex;flex-direction:column;gap:.25rem;align-items:center;border:0;background:transparent;cursor:pointer}
.spv__thumb-img{background:#f3f3f3;border:1px solid #ddd;border-radius:4px;padding:4px}
.spv__thumb--active .spv__thumb-img{outline:2px solid #3f51b5}
.spv__thumb-label{font:12px/1 system-ui,Arial,sans-serif;color:#666}