.portable-memory-panel {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--border, #2c313b);
  border-radius: 12px;
  background: var(--surface, rgba(255,255,255,.03));
}
.portable-memory-heading, .portable-memory-row, .portable-memory-space,
.portable-memory-actions, .portable-memory-conflict {
  display: flex;
  align-items: center;
  gap: 10px;
}
.portable-memory-heading { justify-content: space-between; }
.portable-memory-heading p { margin: 4px 0 0; }
.portable-memory-status { margin: 12px 0; color: var(--text-muted, #9ca3af); }
.portable-memory-status.is-error { color: var(--danger, #e07171); }
.portable-memory-actions { margin-bottom: 12px; flex-wrap: wrap; }
.portable-memory-spaces, .portable-memory-records, .portable-memory-conflicts { display: grid; gap: 8px; margin-top: 10px; }
.portable-memory-space, .portable-memory-row, .portable-memory-conflict {
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--input-bg, rgba(0,0,0,.14));
}
.portable-memory-row-main { min-width: 0; }
.portable-memory-row-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portable-memory-row-meta { margin-top: 3px; color: var(--text-muted, #9ca3af); font-size: 12px; }
.portable-memory-scope { font-size: 12px; text-transform: capitalize; white-space: nowrap; }
.portable-memory-empty { color: var(--text-muted, #9ca3af); font-size: 13px; padding: 8px 0; }
.portable-memory-conflict { align-items: flex-start; }
@media (max-width: 640px) {
  .portable-memory-heading, .portable-memory-row, .portable-memory-space, .portable-memory-conflict { align-items: flex-start; flex-direction: column; }
  .portable-memory-entry {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    border: 1px solid var(--border, #2c313b);
    border-radius: 8px;
    background: var(--surface, rgba(255,255,255,.03));
    color: var(--text, #f4f4f5);
    font-size: 12px;
    padding: 0 10px;
  }
  [dir='rtl'] .portable-memory-row-title { text-align: right; }
}