/* ==============================================
   Collections CSS Variables
   ============================================== */
:root {
  /* Content area - light panel for viewing content */
  --collections-content-bg: #ffffff;
  --collections-content-text: #222222;
  --collections-content-border: rgba(0, 0, 0, 0.08);

  /* Buttons and controls */
  --collections-btn-bg: #f8fafc;
  --collections-btn-border: #e5e7eb;
  --collections-btn-text: #374151;
  --collections-btn-hover-bg: #eef2ff;
  --collections-btn-hover-border: #c7d2fe;

  /* Danger button */
  --collections-btn-danger-bg: #fff1f2;
  --collections-btn-danger-border: #fecdd3;
  --collections-btn-danger-text: #b91c1c;

  /* Links and accents */
  --collections-link-color: #0366d6;
  --collections-accent: #6366f1;
  --collections-accent-bg: #eef2ff;
  --collections-accent-border: #c7d2fe;

  /* Muted text */
  --collections-muted: #94a3b8;
  --collections-secondary-text: #64748b;
  --collections-dark-text: #0f172a;

  /* Cards and items */
  --collections-card-bg: #ffffff;
  --collections-card-border: #e2e8f0;
  --collections-card-shadow: rgba(15, 23, 42, 0.06);

  /* Pinned state */
  --collections-pinned-bg: #fff7ed;
  --collections-pinned-border: #f59e0b;
  --collections-pinned-text: #b45309;

  /* Status indicators */
  --collections-status-todo: #f97316;
  --collections-status-progress: #0ea5e9;
  --collections-status-done: #22c55e;

  /* Modal */
  --collections-modal-bg: #ffffff;
  --collections-modal-text: #1f2937;
  --collections-modal-input-border: #d1d5db;
  --collections-modal-input-bg: #f9fafb;

  /* Shared collection viewer */
  --collections-viewer-bg: #0f172a;
  --collections-viewer-text: #e2e8f0;
  --collections-viewer-muted: #94a3b8;
  --collections-viewer-accent: #a5b4fc;

  /* Badge colors */
  --collections-badge-link-bg: #ede9fe;
  --collections-badge-link-text: #4c1d95;
  --collections-badge-private-bg: #fee2e2;
  --collections-badge-private-text: #991b1b;
  --collections-badge-pinned-bg: #fef3c7;
  --collections-badge-pinned-text: #92400e;

  /* Action button (primary CTA) */
  --collections-action-bg: #4f46e5;
  --collections-action-text: #ffffff;
  --collections-action-hover-bg: #4338ca;
  --collections-action-disabled-bg: #a5b4fc;

  /* Download button */
  --collections-download-bg: #38bdf8;
  --collections-download-text: #0f172a;
  --collections-download-hover-bg: #0ea5e9;

  /* Error state */
  --collections-error-text: #b91c1c;
  --collections-error-bg: rgba(185, 28, 28, 0.12);
  --collections-error-border: rgba(248, 113, 113, 0.35);
}

/* Dark theme overrides */
:root[data-theme="dark"],
:root[data-theme="dim"],
:root[data-theme="nebula"] {
  --collections-content-bg: var(--card-bg);
  --collections-content-text: var(--text-primary);
  --collections-content-border: var(--glass-border);

  --collections-btn-bg: var(--bg-tertiary);
  --collections-btn-border: var(--glass-border);
  --collections-btn-text: var(--text-primary);
  --collections-btn-hover-bg: var(--glass-hover);
  --collections-btn-hover-border: var(--primary);

  --collections-btn-danger-bg: rgba(248, 113, 113, 0.15);
  --collections-btn-danger-border: rgba(248, 113, 113, 0.4);
  --collections-btn-danger-text: #fca5a5;

  --collections-link-color: var(--primary);
  --collections-accent: var(--primary);
  --collections-accent-bg: rgba(124, 138, 255, 0.15);
  --collections-accent-border: rgba(124, 138, 255, 0.4);

  --collections-muted: var(--text-muted);
  --collections-secondary-text: var(--text-secondary);
  --collections-dark-text: var(--text-primary);

  --collections-card-bg: var(--card-bg);
  --collections-card-border: var(--glass-border);
  --collections-card-shadow: rgba(0, 0, 0, 0.25);

  --collections-pinned-bg: rgba(245, 158, 11, 0.15);
  --collections-pinned-border: #f59e0b;
  --collections-pinned-text: #fbbf24;

  --collections-modal-bg: var(--bg-secondary);
  --collections-modal-text: var(--text-primary);
  --collections-modal-input-border: var(--glass-border);
  --collections-modal-input-bg: var(--bg-tertiary);

  --collections-viewer-bg: var(--code-bg);
  --collections-viewer-text: var(--code-text);
  --collections-viewer-muted: var(--text-muted);
  --collections-viewer-accent: var(--primary);

  --collections-badge-link-bg: rgba(124, 138, 255, 0.2);
  --collections-badge-link-text: #a5b4fc;
  --collections-badge-private-bg: rgba(248, 113, 113, 0.2);
  --collections-badge-private-text: #fca5a5;
  --collections-badge-pinned-bg: rgba(251, 191, 36, 0.2);
  --collections-badge-pinned-text: #fbbf24;

  --collections-action-bg: var(--primary);
  --collections-action-hover-bg: var(--primary-dark);
  --collections-action-disabled-bg: var(--bg-tertiary);

  --collections-download-bg: var(--info);
  --collections-download-hover-bg: color-mix(in srgb, var(--info) 80%, #000 20%);

  --collections-error-text: #fca5a5;
}

/* Ocean theme overrides */
:root[data-theme="ocean"] {
  --collections-content-bg: var(--card-bg);
  --collections-content-text: var(--text-primary);
  --collections-content-border: var(--glass-border);

  --collections-btn-bg: var(--bg-tertiary);
  --collections-btn-border: var(--glass-border);
  --collections-btn-text: var(--text-primary);
  --collections-btn-hover-bg: var(--glass-hover);
  --collections-btn-hover-border: var(--primary);

  --collections-link-color: #63b3ed;
  --collections-accent: var(--primary);
  --collections-accent-bg: rgba(49, 130, 206, 0.15);
  --collections-accent-border: rgba(49, 130, 206, 0.4);

  --collections-muted: var(--text-muted);
  --collections-secondary-text: var(--text-secondary);
  --collections-dark-text: var(--text-primary);

  --collections-card-bg: var(--card-bg);
  --collections-card-border: var(--glass-border);

  --collections-modal-bg: var(--bg-secondary);
  --collections-modal-text: var(--text-primary);
  --collections-modal-input-border: var(--glass-border);
  --collections-modal-input-bg: var(--bg-tertiary);

  --collections-badge-link-bg: rgba(49, 130, 206, 0.2);
  --collections-badge-link-text: #63b3ed;

  --collections-action-bg: var(--primary);
  --collections-action-hover-bg: var(--primary-dark);
}

/* Forest theme overrides */
:root[data-theme="forest"] {
  --collections-content-bg: var(--card-bg);
  --collections-content-text: var(--text-primary);
  --collections-content-border: var(--glass-border);

  --collections-btn-bg: var(--bg-tertiary);
  --collections-btn-border: var(--glass-border);
  --collections-btn-text: var(--text-primary);
  --collections-btn-hover-bg: var(--glass-hover);
  --collections-btn-hover-border: var(--primary);

  --collections-link-color: #68d391;
  --collections-accent: var(--primary);
  --collections-accent-bg: rgba(47, 133, 90, 0.15);
  --collections-accent-border: rgba(47, 133, 90, 0.4);

  --collections-muted: var(--text-muted);
  --collections-secondary-text: var(--text-secondary);
  --collections-dark-text: var(--text-primary);

  --collections-card-bg: var(--card-bg);
  --collections-card-border: var(--glass-border);

  --collections-modal-bg: var(--bg-secondary);
  --collections-modal-text: var(--text-primary);
  --collections-modal-input-border: var(--glass-border);
  --collections-modal-input-bg: var(--bg-tertiary);

  --collections-badge-link-bg: rgba(47, 133, 90, 0.2);
  --collections-badge-link-text: #68d391;

  --collections-action-bg: var(--primary);
  --collections-action-hover-bg: var(--primary-dark);
}

/* Rose Pine Dawn theme overrides */
:root[data-theme="rose-pine-dawn"] {
  --collections-content-bg: var(--card-bg);
  --collections-content-text: var(--text-primary);
  --collections-content-border: var(--glass-border);

  --collections-btn-bg: color-mix(in srgb, var(--bg-secondary) 80%, #ffffff 20%);
  --collections-btn-border: var(--glass-border);
  --collections-btn-text: var(--text-primary);
  --collections-btn-hover-bg: color-mix(in srgb, var(--bg-secondary) 60%, #ffffff 40%);
  --collections-btn-hover-border: var(--primary);

  --collections-btn-danger-bg: rgba(180, 99, 122, 0.15);
  --collections-btn-danger-border: rgba(180, 99, 122, 0.4);
  --collections-btn-danger-text: #b4637a;

  --collections-link-color: var(--primary);
  --collections-accent: var(--primary);
  --collections-accent-bg: rgba(144, 122, 169, 0.15);
  --collections-accent-border: rgba(144, 122, 169, 0.4);

  --collections-muted: var(--text-muted);
  --collections-secondary-text: var(--text-secondary);
  --collections-dark-text: var(--text-primary);

  --collections-card-bg: var(--card-bg);
  --collections-card-border: var(--glass-border);
  --collections-card-shadow: rgba(144, 122, 169, 0.1);

  --collections-pinned-bg: rgba(234, 157, 52, 0.15);
  --collections-pinned-border: #ea9d34;
  --collections-pinned-text: #ea9d34;

  --collections-modal-bg: var(--bg-secondary);
  --collections-modal-text: var(--text-primary);
  --collections-modal-input-border: var(--glass-border);
  --collections-modal-input-bg: color-mix(in srgb, var(--bg-secondary) 80%, #ffffff 20%);

  --collections-viewer-bg: var(--code-bg);
  --collections-viewer-text: var(--code-text);

  --collections-badge-link-bg: rgba(144, 122, 169, 0.2);
  --collections-badge-link-text: var(--primary);
  --collections-badge-private-bg: rgba(180, 99, 122, 0.2);
  --collections-badge-private-text: #b4637a;
  --collections-badge-pinned-bg: rgba(234, 157, 52, 0.2);
  --collections-badge-pinned-text: #ea9d34;

  --collections-action-bg: var(--primary);
  --collections-action-text: #faf4ed;
  --collections-action-hover-bg: var(--primary-dark);

  --collections-error-text: #b4637a;
}

/* High Contrast theme overrides */
:root[data-theme="high-contrast"] {
  --collections-content-bg: #000000;
  --collections-content-text: #ffffff;
  --collections-content-border: #ffffff;

  --collections-btn-bg: #000000;
  --collections-btn-border: #ffffff;
  --collections-btn-text: #ffffff;
  --collections-btn-hover-bg: #222222;
  --collections-btn-hover-border: #ffff00;

  --collections-btn-danger-bg: #000000;
  --collections-btn-danger-border: #ff0000;
  --collections-btn-danger-text: #ff0000;

  --collections-link-color: #ffff00;
  --collections-accent: #ffff00;
  --collections-accent-bg: #222222;
  --collections-accent-border: #ffff00;

  --collections-muted: #cccccc;
  --collections-secondary-text: #ffffff;
  --collections-dark-text: #ffffff;

  --collections-card-bg: #000000;
  --collections-card-border: #ffffff;
  --collections-card-shadow: none;

  --collections-pinned-bg: #000000;
  --collections-pinned-border: #ffff00;
  --collections-pinned-text: #ffff00;

  --collections-status-todo: #ff9900;
  --collections-status-progress: #00ffff;
  --collections-status-done: #00ff00;

  --collections-modal-bg: #000000;
  --collections-modal-text: #ffffff;
  --collections-modal-input-border: #ffffff;
  --collections-modal-input-bg: #000000;

  --collections-viewer-bg: #000000;
  --collections-viewer-text: #ffffff;
  --collections-viewer-muted: #cccccc;
  --collections-viewer-accent: #ffff00;

  --collections-badge-link-bg: #000000;
  --collections-badge-link-text: #ffff00;
  --collections-badge-private-bg: #000000;
  --collections-badge-private-text: #ff0000;
  --collections-badge-pinned-bg: #000000;
  --collections-badge-pinned-text: #ffff00;

  --collections-action-bg: #000000;
  --collections-action-text: #ffff00;
  --collections-action-hover-bg: #222222;
  --collections-action-disabled-bg: #333333;

  --collections-download-bg: #000000;
  --collections-download-text: #00ffff;
  --collections-download-hover-bg: #222222;

  --collections-error-text: #ff0000;
  --collections-error-bg: #000000;
  --collections-error-border: #ff0000;
}

/* ==============================================
   Collections Layout Styles
   ============================================== */
.collections-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}
.collections-sidebar{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:0.75rem;backdrop-filter:blur(20px)}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.sidebar-header .title{font-weight:700}
.sidebar-header__actions{display:flex;align-items:center;gap:.35rem}
/* כפתור "הצג ארכיון" במצב פעיל (aria-pressed) — מודגש דרך טוקני glass (בלי צבעים קשיחים) */
#toggleArchivedBtn[aria-pressed="true"],#toggleArchivedBtn.is-active{background:var(--glass-hover);border-color:var(--glass-border);box-shadow:0 0 0 1px var(--glass) inset}
.sidebar-search{margin:.5rem 0}
.sidebar-search input{width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--glass-border);background:rgba(255,255,255,.1);color:var(--text-primary)}
.sidebar-list{display:flex;flex-direction:column;gap:.25rem;max-height:60vh;overflow:auto;scrollbar-width:thin}
.sidebar-list::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}
.sidebar-item{display:flex;align-items:center;gap:.5rem;justify-content:space-between;border:1px solid transparent;background:rgba(255,255,255,.06);color:var(--text-primary);border-radius:8px;padding:.4rem .6rem;cursor:pointer;text-align:right}
.sidebar-item:hover{background:rgba(255,255,255,.14)}
.sidebar-item.active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset}
.collections-sidebar.drag-active .sidebar-item{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.sidebar-item--drop-ready{border-color:rgba(99,102,241,.6);background:rgba(99,102,241,.08);transform:scale(1.02);box-shadow:0 6px 16px rgba(99,102,241,.25)}
.sidebar-item--drop-hover{transform:scale(1.05);background:rgba(99,102,241,.16);box-shadow:0 12px 28px rgba(99,102,241,.28)}
.sidebar-item--drop-busy{opacity:.8}
.sidebar-item .emoji{min-width:1.4rem}
.sidebar-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-item .count{opacity:.8;font-size:.9rem;display:flex;align-items:center;gap:.25rem}
.sidebar-item .count-number{display:inline-block;min-width:1.2rem;text-align:center}
.sidebar-item .share-indicator{font-size:.9rem}
.collections-content{
  /* אזור תוכן עם צבעים דינמיים לפי ערכה */
  background:var(--collections-content-bg);
  color:var(--collections-content-text);
  border:1px solid var(--collections-content-border);
  border-radius:14px;
  padding:0.75rem;
  min-height:240px;
  /* מאפשר לתא הגריד להצטמצם ללא גלילה אופקית/חיתוך */
  min-width:0;
  overflow-x:hidden
}
:root[data-theme="rose-pine-dawn"] .sidebar-item{
  background:rgba(144,122,169,0.12);
  border:1px solid rgba(144,122,169,0.25);
  color:var(--text-primary);
}
:root[data-theme="rose-pine-dawn"] .sidebar-item:hover{
  background:rgba(144,122,169,0.2);
}
:root[data-theme="rose-pine-dawn"] .sidebar-item.active{
  background:rgba(144,122,169,0.28);
  border-color:rgba(144,122,169,0.45);
}
.collection-items{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.collection-header{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center;margin-bottom:.5rem;column-gap:.75rem;row-gap:.5rem}
.collection-header .title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;min-width:0;justify-self:start}
.collection-header .title .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.collection-header .share-controls{justify-self:center}
.collection-header .actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-self:end}
.collection-header .actions .btn{background:var(--collections-btn-bg);border:1px solid var(--collections-btn-border);border-radius:6px;color:var(--collections-btn-text);padding:.3rem .6rem;cursor:pointer}
.collection-header .actions .btn.btn-sm{padding:.25rem .5rem;font-size:.85rem}
.collection-header .actions .btn.btn-danger{background:var(--collections-btn-danger-bg);border-color:var(--collections-btn-danger-border);color:var(--collections-btn-danger-text)}
.collection-icon-btn{border:1px solid var(--collections-btn-border);background:var(--collections-btn-bg);border-radius:6px;padding:.25rem .45rem;font-size:1.2rem;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.collection-icon-btn:hover{background:var(--collections-btn-hover-bg);border-color:var(--collections-btn-hover-border);transform:translateY(-1px)}
.share-controls{display:flex;align-items:center;gap:.4rem;background:var(--collections-btn-bg);border:1px solid var(--collections-btn-border);border-radius:8px;padding:.25rem .5rem}
.share-controls .share-toggle{display:flex;align-items:center;gap:.25rem;font-size:.85rem;white-space:nowrap}
.share-controls .share-toggle input{margin:0}
.share-controls .share-divider{color:var(--collections-muted);font-size:.85rem;line-height:1}
.share-controls .share-copy{display:inline-flex;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.85rem;white-space:nowrap;background:var(--collections-accent-bg);border:1px solid var(--collections-accent-border);border-radius:6px;color:var(--collections-content-text);font-weight:600;transition:background .2s ease,color .2s ease,opacity .2s ease}
.share-controls .share-copy:disabled{background:var(--collections-btn-bg);border-color:var(--collections-btn-border);color:var(--collections-muted);opacity:.75;cursor:not-allowed}
.share-controls .share-copy__text{line-height:1}
.collection-item{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:.5rem;
  border:1px solid var(--collections-card-border);
  border-radius:8px;
  padding:.4rem .6rem;
  background:var(--collections-card-bg);
  /* מאפשר לשם הקובץ לבצע ellipsis בלי להרחיב את השורה */
  min-width:0
}
.collection-item .drag{cursor:grab;opacity:.7;touch-action:none}
.collection-item.dragging{opacity:.5}
/* הסרת קו תחתון והחזרת צבע קישור קריא */
.collection-item .file{
  flex:1;
  min-width:0; /* מאפשר ל-flex item להצטמצם כדי שה-ellipsis יעבוד */
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap; /* הצגת שם בקו אחד עם אליפסות */
  display:block; /* הבטחת ellipsis עקבי בתוך flex */
  color:var(--collections-link-color);
  cursor:pointer;
  text-decoration:none
}
/* מניעת גלילה אופקית/חיתוך במובייל כאשר יש כפתורים לצד שם ארוך */
@media(max-width:768px){
  .collection-item{min-width:0}
}

@media(max-width:640px){
  .collection-header{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.5rem;
  }
  .collection-header .title{
    order:1;
    flex:1 1 auto;
    justify-self:auto;
  }
  .collection-header .actions{
    order:2;
    flex:0 0 auto;
  }
  .collection-header .share-controls{
    order:3;
    width:100%;
    justify-self:auto;
    justify-content:flex-start;
    padding:.2rem .4rem;
    gap:.3rem;
    max-width:100%;
  }
}
@media(max-width:480px){
  .collection-header .share-controls{padding:.18rem .35rem;gap:.25rem}
  .collection-header .share-copy{padding:.2rem .4rem;font-size:.8rem}
  .collection-header .share-divider{font-size:.8rem}
}
.collection-item{cursor:pointer}
.collection-item .drag{cursor:grab}
.collection-item .remove{cursor:pointer}
.collection-item .remove{
  background:var(--collections-btn-bg);
  border:1px solid var(--collections-btn-border);
  border-radius:6px;
  color:var(--collections-btn-text);
  padding:.2rem .5rem;
  cursor:pointer
}
.collection-item .preview,
.collection-item .open-view{background:var(--collections-btn-bg);border:1px solid var(--collections-btn-border);border-radius:6px;color:var(--collections-btn-text);padding:.2rem .5rem;cursor:pointer}
.collection-load-more{display:flex;justify-content:center;margin:.75rem 0}

/* ========== Item Tags Styling ========== */
.item-tags{display:inline-flex;gap:4px;align-items:center;margin:0 8px;flex-wrap:wrap}
.item-tag{display:inline-flex;align-items:center;font-size:16px;padding:2px 4px;border-radius:4px;background:var(--collections-btn-bg);cursor:help;transition:transform .15s}
.item-tag:hover{transform:scale(1.15)}
.item-tags-empty{font-size:12px;color:var(--collections-muted);font-style:italic}

.item-actions{display:flex;gap:4px;align-items:center;margin-right:auto;flex-wrap:wrap}
.btn-tag-edit{padding:4px 8px;font-size:16px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background .2s}
.btn-tag-edit:hover{background:var(--collections-btn-hover-bg)}

.item-select{display:none;accent-color:var(--collections-accent);margin-top:2px}
.bulk-mode .item-select{display:inline-flex}

/* ========== Tags Toolbar ========== */
.tags-toolbar{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1rem}
.tags-toolbar__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tags-toolbar .tags-sort-select{padding:.3rem .5rem;border-radius:6px;border:1px solid var(--collections-btn-border);background:var(--collections-btn-bg);color:var(--collections-btn-text)}
.tags-filter-panel{border:1px solid var(--collections-card-border);border-radius:10px;padding:.6rem;background:var(--collections-card-bg)}
.tags-selected-summary{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--collections-secondary-text)}
.selected-tag-chip{background:var(--collections-accent-bg);color:var(--collections-accent);padding:.1rem .5rem;border-radius:999px;font-size:.8rem}

.tag-filter-option{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:16px;border:2px solid var(--collections-btn-border);border-radius:8px;background:var(--collections-card-bg);cursor:pointer;transition:all .2s}
.tag-filter-option:hover{border-color:var(--collections-accent);transform:scale(1.05)}
.tag-filter-option.selected{border-color:var(--collections-accent);background:var(--collections-accent-bg);box-shadow:0 0 0 3px rgba(99,102,241,.2)}

/* ========== Tags Editor Modal ========== */
.tags-editor-modal{display:flex !important;align-items:center;justify-content:center;position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,0.45);padding:1rem}
.tags-editor-modal .modal-content{max-width:600px;max-height:80vh;overflow-y:auto;background:var(--collections-modal-bg);color:var(--collections-modal-text);border-radius:16px;padding:1.25rem;box-shadow:0 18px 40px rgba(15,23,42,0.2)}

.tags-selected-preview{margin-bottom:20px;padding:12px;background:var(--collections-btn-bg);border-radius:8px}
.selected-tags-container{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.selected-tag{font-size:20px;padding:4px 8px;background:var(--collections-action-bg);color:var(--collections-action-text);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.no-tags{font-size:13px;color:var(--collections-muted);font-style:italic}

.tags-categories{display:flex;flex-direction:column;gap:20px}
.tag-category{border:1px solid var(--collections-card-border);border-radius:8px;padding:12px;background:var(--collections-card-bg)}
.tag-category-title{font-size:14px;font-weight:600;margin:0 0 10px 0;color:var(--collections-dark-text)}
.tag-category-options{display:flex;gap:8px;flex-wrap:wrap}

.tag-option{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:18px;border:2px solid var(--collections-btn-border);border-radius:8px;background:var(--collections-card-bg);cursor:pointer;transition:all .2s}
.tag-option:hover{border-color:var(--collections-accent);transform:scale(1.05)}
.tag-option.selected{border-color:var(--collections-accent);background:var(--collections-accent-bg);box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.tag-name{font-size:12px;color:var(--collections-secondary-text)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* ========== Dark Mode Support ========== */
[data-theme="dark"] .item-tag{background:var(--collections-btn-bg)}
[data-theme="dark"] .tags-selected-preview{background:var(--collections-btn-bg)}
[data-theme="dark"] .tag-category{background:var(--collections-card-bg);border-color:var(--collections-card-border)}
[data-theme="dark"] .tag-option{background:var(--collections-card-bg);border-color:var(--collections-card-border)}
[data-theme="dark"] .tag-option.selected{background:var(--collections-accent-bg)}
.loading,.empty,.error{opacity:.85}
@media(max-width:900px){.collections-layout{grid-template-columns:1fr}}
.workspace-board{display:flex;flex-direction:column;gap:.75rem;position:relative}
.workspace-board__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
@media(max-width:1200px){.workspace-board__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.workspace-board__grid{grid-template-columns:1fr}}
.workspace-column{background:var(--collections-btn-bg);border:1px solid var(--collections-card-border);border-radius:14px;display:flex;flex-direction:column;min-height:260px;min-width:0;max-width:100%}
.workspace-column__header{padding:.85rem 1rem;border-bottom:1px solid var(--collections-card-border);display:flex;flex-direction:column;gap:.2rem}
.workspace-column__title{font-weight:700;font-size:1rem;color:var(--collections-dark-text);display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.workspace-column__meta{font-size:.85rem;color:var(--collections-secondary-text);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.workspace-column__list{flex:1;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}
.workspace-column__list[data-empty="1"]::after{content:"אין פריטים בסטטוס זה";font-size:.9rem;color:var(--collections-muted);text-align:center;border:1px dashed var(--collections-accent-border);border-radius:10px;padding:.6rem}
.workspace-board__live{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden}
.workspace-card{background:var(--collections-card-bg);border:1px solid var(--collections-card-border);border-radius:12px;padding:.6rem .65rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 6px 14px var(--collections-card-shadow);min-height:82px;min-width:0;max-width:100%}
.workspace-card__top{display:flex;align-items:flex-start;gap:.5rem;min-width:0}
.workspace-card__drag{background:transparent;border:none;color:var(--collections-muted);cursor:grab;font-size:1.3rem;line-height:1;padding:.1rem;display:flex;align-items:center;touch-action:none}
.workspace-card__drag:focus-visible{outline:2px solid var(--collections-accent);border-radius:6px}
.workspace-card__drag:active{cursor:grabbing}
.workspace-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.workspace-card__name{font-weight:600;color:var(--collections-dark-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.workspace-card__name.is-wrapped{
  white-space:normal;
  text-overflow:clip;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.workspace-card__link{text-decoration:none;color:inherit}
.workspace-card__meta{font-size:.82rem;color:var(--collections-secondary-text);display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.workspace-card__actions{display:flex;gap:.35rem;flex-wrap:wrap}
.workspace-card__actions button{background:var(--collections-btn-bg);border:1px solid var(--collections-accent-border);border-radius:8px;color:var(--collections-dark-text);padding:.25rem .45rem;font-size:.85rem;cursor:pointer;transition:background .2s,transform .2s}
.workspace-card__actions button:hover{background:var(--collections-btn-hover-bg);transform:translateY(-1px)}
.workspace-card__tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--collections-accent-bg);color:var(--collections-accent);padding:.1rem .45rem;border-radius:999px;font-size:.78rem}
.workspace-card--ghost{opacity:.5}
.workspace-card--dragging{box-shadow:0 10px 22px var(--collections-card-shadow);opacity:.9}
.workspace-card.workspace-card--updating{opacity:.6;pointer-events:none}
.workspace-column__count{font-size:.85rem;color:var(--collections-secondary-text);background:rgba(148,163,184,.18);border-radius:999px;padding:.1rem .5rem}
.workspace-shortcut-hint{font-size:.75rem;color:var(--collections-muted);border:1px dashed var(--collections-accent-border);border-radius:999px;padding:.1rem .5rem}
.workspace-column__description{font-size:.85rem;color:var(--collections-muted)}
.workspace-board__helper{font-size:.9rem;color:var(--collections-secondary-text);padding:0 .25rem}
.workspace-card__status-indicator{width:8px;height:8px;border-radius:50%}
.workspace-card__status-indicator[data-state="todo"]{background:var(--collections-status-todo)}
.workspace-card__status-indicator[data-state="in_progress"]{background:var(--collections-status-progress)}
.workspace-card__status-indicator[data-state="done"]{background:var(--collections-status-done)}

/* ========== Collection Cards Grid (for non-workspace collections) ========== */
.collection-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:.75rem;
  min-width:0
}
@media(max-width:640px){
  .collection-cards{grid-template-columns:1fr}
}

/* Collection Card (similar to workspace-card but without status indicators) */
.collection-card{
  background:var(--collections-card-bg);
  border:1px solid var(--collections-card-border);
  border-radius:12px;
  padding:.6rem .65rem;
  display:flex;
  flex-direction:column;
  gap:.45rem;
  box-shadow:0 6px 14px var(--collections-card-shadow);
  min-height:82px;
  min-width:0;
  max-width:100%;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .2s
}
.collection-card:hover{
  border-color:var(--collections-accent-border);
  box-shadow:0 8px 18px var(--collections-card-shadow);
  transform:translateY(-2px)
}
.collection-card--pinned{
  border-color:var(--collections-pinned-border);
  background:var(--collections-pinned-bg)
}
.collection-card--pinned:hover{
  border-color:var(--collections-pinned-border)
}
.collection-card__top{
  display:flex;
  align-items:flex-start;
  gap:.5rem;
  min-width:0
}
.collection-card__drag{
  color:var(--collections-muted);
  cursor:grab;
  font-size:1.3rem;
  line-height:1;
  padding:.1rem;
  display:flex;
  align-items:center;
  touch-action:none
}
.collection-card__drag:active{cursor:grabbing}
.collection-card__body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.15rem
}
.collection-card__title-row{
  display:flex;
  align-items:center;
  gap:.4rem;
  min-width:0;
  flex-wrap:nowrap
}
.collection-card__name{
  font-weight:600;
  color:var(--collections-dark-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
  flex:0 1 auto;
  min-width:0
}
.collection-card__name.is-wrapped{
  white-space:normal;
  text-overflow:clip;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  overflow-wrap:anywhere
}
.collection-card__link{
  text-decoration:none;
  color:inherit
}
.collection-card__link:hover{
  color:var(--collections-link-color)
}
.collection-card__meta{
  font-size:.82rem;
  color:var(--collections-secondary-text);
  display:flex;
  align-items:center;
  gap:.35rem;
  flex-wrap:wrap
}
.collection-card__note{
  font-style:italic;
  color:var(--collections-muted)
}
.desc-info{
  background:transparent;
  border:0;
  padding:0 .15rem;
  font-size:.9rem;
  line-height:1;
  cursor:pointer;
  opacity:.75;
  flex:0 0 auto;
  transition:opacity .2s,transform .2s
}
.desc-info:hover,.desc-info:focus-visible{opacity:1;transform:scale(1.1)}
/* Slot 2: כשאין מקום ליד השם, האייקון עובר לשורת הכפתורים — משמאל להם, רווח ~2 תווים.
   שומר על מראה עדין (שקוף) גם כאן, בניגוד לכפתורי הפעולה הממוסגרים. */
.collection-card__actions .desc-info{
  background:transparent;
  border:0;
  margin-inline-start:.5rem;
  align-self:center
}
.collection-card__actions{
  display:flex;
  gap:.35rem;
  flex-wrap:wrap
}
.collection-card__actions button{
  background:var(--collections-btn-bg);
  border:1px solid var(--collections-accent-border);
  border-radius:8px;
  color:var(--collections-dark-text);
  padding:.25rem .45rem;
  font-size:.85rem;
  cursor:pointer;
  transition:background .2s,transform .2s
}
.collection-card__actions button:hover{
  background:var(--collections-btn-hover-bg);
  transform:translateY(-1px)
}
.collection-card--ghost{opacity:.5}
.collection-card--dragging{
  box-shadow:0 10px 22px var(--collections-card-shadow);
  opacity:.9
}
.collection-card.dragging{opacity:.5}

.collection-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:12000;padding:1rem}
.collection-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45);backdrop-filter:blur(4px)}
.collection-modal__panel{position:relative;background:var(--collections-modal-bg);color:var(--collections-modal-text);border-radius:16px;padding:1.25rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 18px 40px rgba(15,23,42,0.2);display:flex;flex-direction:column;gap:1rem}
.collection-modal__title{margin:0;font-size:1.15rem;font-weight:600}
.collection-modal__field{display:flex;flex-direction:column;gap:.4rem}
.collection-modal__field label{font-weight:600;font-size:.95rem}
.collection-modal__field input{border:1px solid var(--collections-modal-input-border);border-radius:8px;padding:.5rem .6rem;font-size:.95rem;background:var(--collections-modal-input-bg);color:var(--collections-modal-text)}
.desc-modal__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow-y:auto;line-height:1.5;font-size:.95rem}
.icon-grid{display:flex;flex-wrap:wrap;gap:.5rem}
.icon-option{width:44px;height:44px;border:1px solid var(--collections-modal-input-border);border-radius:10px;background:var(--collections-modal-input-bg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.icon-option.active{border-color:var(--collections-accent);background:var(--collections-accent-bg);transform:scale(1.05)}
.icon-option:focus-visible{outline:2px solid var(--collections-accent);outline-offset:2px}
.collection-modal__error{display:none;color:var(--collections-error-text);font-size:.9rem}
.collection-modal__actions{display:flex;justify-content:flex-end;gap:.5rem}
.collection-modal__actions .btn{min-height:38px}
@media(max-width:480px){.collection-modal__panel{padding:1rem;width:calc(100% - 1.25rem)}}

.shared-collection-page{max-width:760px;margin:0 auto;padding:0 .75rem;width:100%}
.shared-collection-card{background:var(--collections-card-bg);color:var(--collections-modal-text);border-radius:20px;border:1px solid var(--collections-card-border);box-shadow:0 18px 36px var(--collections-card-shadow);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}
.shared-collection-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.shared-collection-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--collections-accent-bg)}
.shared-collection-title h1{margin:0;font-size:1.6rem;font-weight:700;color:var(--collections-dark-text)}
.shared-collection-meta{margin:0;color:var(--collections-secondary-text);font-size:.95rem}
.shared-collection-description{margin:0;color:var(--collections-btn-text);line-height:1.6}
.shared-collection-visibility-note{background:var(--collections-accent-bg);border:1px solid var(--collections-accent-border);border-radius:12px;padding:.65rem .9rem;color:var(--collections-badge-link-text);font-size:.95rem;display:flex;align-items:center;gap:.6rem}
.badge-link{background:var(--collections-badge-link-bg);color:var(--collections-badge-link-text)}
.badge-private{background:var(--collections-badge-private-bg);color:var(--collections-badge-private-text)}
.shared-collection-items .loading,.shared-collection-items .empty,.shared-collection-items .error{text-align:center;padding:1rem;border:1px dashed var(--collections-muted);border-radius:12px;color:var(--collections-secondary-text);background:var(--collections-modal-input-bg)}
.shared-collection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.shared-collection-item{border:1px solid var(--collections-card-border);border-radius:14px;padding:.75rem 1rem;background:var(--collections-card-bg);display:flex;flex-direction:column;gap:.5rem}
.shared-collection-item.active{border-color:var(--collections-accent);box-shadow:0 0 0 2px rgba(99,102,241,.15)}
.shared-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.shared-item-name{font-weight:600;color:var(--collections-dark-text);max-width:100%;word-break:break-word}
.shared-item-badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--collections-badge-pinned-bg);color:var(--collections-badge-pinned-text);border-radius:999px;padding:.2rem .75rem;font-size:.85rem}
.shared-item-note{margin:0;color:var(--collections-secondary-text);font-size:.95rem;line-height:1.6;word-break:break-word}
.shared-item-meta{color:var(--collections-muted);font-size:.85rem;line-height:1.4;word-break:break-word}
.shared-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.shared-item-actions-meta{color:var(--collections-muted);font-size:.85rem;line-height:1.2;text-align:right;align-self:stretch}
.shared-item-actions-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.shared-item-actions button{background:var(--collections-accent-bg);border:1px solid var(--collections-accent-border);border-radius:8px;color:var(--collections-badge-link-text);padding:.25rem .6rem;font-size:.85rem;cursor:pointer;transition:background .2s,transform .2s}
.shared-item-actions button:hover{background:var(--collections-btn-hover-bg);transform:translateY(-1px)}
@media(max-width:600px){
  .shared-collection-card{padding:1.25rem}
  .shared-collection-icon{width:52px;height:52px;font-size:2rem}
  .shared-collection-title h1{font-size:1.4rem}
}
.shared-collection-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:wrap}
.shared-action-button{background:var(--collections-action-bg);border:none;border-radius:10px;color:var(--collections-action-text);padding:.45rem .9rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.shared-action-button:disabled{opacity:.45;cursor:not-allowed;background:var(--collections-action-disabled-bg);color:var(--collections-badge-link-text)}
.shared-action-button:not(:disabled):hover{background:var(--collections-action-hover-bg);box-shadow:0 6px 18px rgba(79,70,229,.35);transform:translateY(-1px)}
.shared-collection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:1.5rem;align-items:start}
.shared-collection-viewer{background:var(--collections-viewer-bg);color:var(--collections-viewer-text);border-radius:16px;border:1px solid var(--collections-card-border);padding:1.1rem;min-height:220px;box-shadow:0 18px 28px var(--collections-card-shadow);overflow:auto;position:relative;scrollbar-width:thin}
.shared-collection-viewer::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}
.shared-collection-viewer pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:'Fira Code','Consolas','Source Code Pro',monospace;font-size:.95rem;line-height:1.6}
.shared-collection-viewer code{white-space:pre-wrap}
.viewer-placeholder{color:var(--collections-viewer-muted);text-align:center;font-size:.95rem;padding:1.5rem .5rem}
.shared-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-size:.9rem;color:var(--collections-viewer-text);flex-wrap:wrap}
.shared-viewer-header .file-name{font-weight:600;word-break:break-word}
.shared-viewer-meta{display:flex;gap:.65rem;flex-wrap:wrap;font-size:.85rem;color:var(--collections-viewer-accent)}
.shared-viewer-download{background:var(--collections-download-bg);border:none;border-radius:8px;color:var(--collections-download-text);padding:.35rem .7rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:.35rem}
.shared-viewer-download:hover{background:var(--collections-download-hover-bg);transform:translateY(-1px);box-shadow:0 10px 18px rgba(14,165,233,.35)}
.viewer-error{color:var(--collections-error-text);background:var(--collections-error-bg);border:1px solid var(--collections-error-border);border-radius:12px;padding:.85rem;text-align:center;font-size:.95rem}
.viewer-content{white-space:pre-wrap;word-break:break-word}
@media(max-width:900px){
  .shared-collection-layout{grid-template-columns:1fr}
  .shared-collection-viewer{order:2}
}

/* ===== Folder Sections (Accordion) ===== */
.collection-folder{border:1px solid var(--collections-card-border);border-radius:12px;margin-bottom:.75rem;background:var(--collections-card-bg);overflow:hidden;transition:box-shadow .2s}
.collection-folder[open]{box-shadow:0 2px 8px var(--collections-card-shadow)}
.collection-folder__header{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;cursor:pointer;list-style:none;user-select:none;font-size:.95rem;font-weight:600;color:var(--collections-dark-text);transition:background .15s}
.collection-folder__header:hover{background:var(--collections-btn-hover-bg)}
.collection-folder__header::-webkit-details-marker{display:none}
.collection-folder__header::before{content:'';display:inline-block;width:0;height:0;border-left:5px solid var(--collections-muted);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .2s;flex-shrink:0}
.collection-folder[open]>.collection-folder__header::before{transform:rotate(90deg)}
.collection-folder__icon{font-size:1.1rem;flex-shrink:0}
.collection-folder__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-folder__count{background:var(--collections-accent-bg);color:var(--collections-badge-link-text);border-radius:999px;padding:.1rem .5rem;font-size:.8rem;font-weight:500;flex-shrink:0}
.collection-folder__actions{display:flex;gap:.3rem;flex-shrink:0;opacity:0;transition:opacity .15s}
.collection-folder__header:hover .collection-folder__actions{opacity:1}
.collection-folder__actions button{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.15rem .3rem;border-radius:4px;color:var(--collections-muted);transition:background .15s,color .15s}
.collection-folder__actions button:hover{background:var(--collections-accent-bg);color:var(--collections-dark-text)}
.collection-folder__items{padding:.5rem .65rem .65rem}
.collection-folder__items .collection-cards{margin:0}
.collection-folder--drop-target{outline:2px dashed var(--collections-action-bg);outline-offset:-2px;background:color-mix(in srgb,var(--collections-action-bg) 8%,transparent)}
.collection-folder--empty{padding:.75rem 1rem;color:var(--collections-muted);font-size:.9rem;text-align:center}

/* כפתור הוספת תיקיה */
.add-folder-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--collections-accent-bg);border:1px dashed var(--collections-accent-border);border-radius:8px;color:var(--collections-badge-link-text);padding:.35rem .7rem;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s}
.add-folder-btn:hover{background:var(--collections-btn-hover-bg);border-color:var(--collections-action-bg)}

/* Root items section label */
.collection-root-label{display:flex;align-items:center;gap:.4rem;padding:.35rem 0 .25rem;font-size:.85rem;color:var(--collections-muted);font-weight:500}

/* Folder inline rename */
.collection-folder__name-input{font:inherit;font-size:.95rem;font-weight:600;border:1px solid var(--collections-accent-border);border-radius:6px;padding:.15rem .4rem;width:100%;min-width:0;background:var(--collections-card-bg);color:var(--collections-dark-text);outline:none}
.collection-folder__name-input:focus{border-color:var(--collections-action-bg);box-shadow:0 0 0 2px color-mix(in srgb,var(--collections-action-bg) 25%,transparent)}

@media(max-width:640px){
  .collection-folder__header{padding:.55rem .65rem;font-size:.9rem}
  .collection-folder__actions{opacity:1}
}